
.ph-wrap{padding:12px;position:relative}
.ph-header-right{position:absolute;right:12px;top:10px;opacity:.75;font-size:.9rem}
.ph-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.ph-btn{background:#f3f4f6;border:1px solid #e5e7eb;padding:8px 12px;border-radius:10px;cursor:pointer}
.ph-primary{background:#111827;color:#fff;border-color:#111827}
.ph-spacer{flex:1;min-width:20px}
.ph-drop{position:relative}
.ph-menu{position:absolute;right:0;top:110%;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.08);display:flex;flex-direction:column;min-width:280px;z-index:10}
.ph-menu[hidden]{display:none!important}
.ph-menu>button{background:#fff;border:0;text-align:left;padding:10px 12px;cursor:pointer}
.ph-menu>button:hover{background:#f9fafb}
.ph-info{font-size:.95rem;opacity:.85;margin:8px 0 12px}
table.dataTable thead th{white-space:nowrap}
.ph-edit{display:flex;gap:6px}
.ph-icon{cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;padding:4px 8px;background:#fff}
.ph-icon:hover{background:#f3f4f6}
[contenteditable]{outline:0; min-width:44px; display:block}
.ph-tabs{display:flex;gap:6px;margin-bottom:10px}
.ph-tab{background:#eef2ff;border:1px solid #c7d2fe;padding:6px 10px;border-radius:8px;cursor:pointer}
.ph-tab-active{background:#4f46e5;color:#fff;border-color:#4f46e5}
.ph-panel[hidden]{display:none}
.ph-group{display:flex;flex-direction:column;gap:4px}
#ph-map-dlg{border:0;border-radius:12px;box-shadow:0 16px 50px rgba(0,0,0,.2);padding:16px;max-width:640px;width:95%}
.ph-map h3{margin-top:0}
.ph-map-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}
.ph-map-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
input[type="search"], input[type="date"]{padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px}
.ph-diagnose{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}
