/* ============================================================================
   CellScope Pro — skin v8 "Atelier" (2026-06-12)
   Workspace restructure pass on top of v7: kills every visible layout fault —
   truncated tree labels, clipped menus, dead zoom badge, floating clutter.
   ========================================================================== */

/* ---------- chrome compression: menubar is the single top band ---------- */
.menubar{height:38px!important;display:flex;align-items:center;padding:0 10px!important}
.mb-version{display:none!important}                      /* dev v19 chip gone */
.toolbar{row-gap:4px!important}

/* ---------- LEFT TREE: labels finally readable ---------- */
.left-panel{min-width:284px!important;width:284px}
.tree-row{display:flex!important;align-items:center;gap:4px}
.tree-label{flex:1 1 auto!important;min-width:0!important;max-width:none!important}
.tree-badge{flex:0 0 auto!important;margin-left:2px!important}
.tree-row .mono,.tree-row [class*="pci"]{flex:0 0 auto!important;font-size:9.5px!important}
/* cell rows: name gets priority; azimuth/PCI compact */
.tree-row span[style*="font-family"]{font-size:9.5px!important}

/* ---------- dropdown menus must never clip off-screen ---------- */
.menu-dropdown,.tb-dropdown-panel{max-height:calc(100vh - 120px);overflow-y:auto}
.menu-dropdown.v8-flip,.tb-dropdown-panel.v8-flip{left:auto!important;right:4px!important}

/* ---------- kill the dead zoom badge (zoom lives in the statusbar) ---------- */
#csp-zoom-badge,.csp-zoom-badge{display:none!important}

/* ---------- command-palette FAB: subtle, tucked above statusbar ---------- */
.csp-fab{width:38px!important;height:38px!important;left:auto!important;right:18px!important;bottom:88px!important;background:#fff!important;color:var(--v7-acc)!important;border:1px solid var(--v7-line)!important;box-shadow:var(--v7-sh)!important;font-size:15px!important;opacity:.92}
.csp-fab:hover{transform:scale(1.06)!important;border-color:var(--v7-acc-line)!important}

/* ---------- INSPECTOR side tab: docked, neutral, professional ---------- */
[class*="inspector-tab"],.csp-insp-tab{background:#fff!important;color:var(--v7-ink-2)!important;border:1px solid var(--v7-line)!important;border-right:none!important;border-radius:10px 0 0 10px!important;box-shadow:var(--v7-sh-sm)!important;font-size:10px!important;letter-spacing:1.5px!important}
[class*="inspector-tab"]:hover,.csp-insp-tab:hover{color:var(--v7-acc)!important;border-color:var(--v7-acc-line)!important}

/* ---------- map: gallery-grade framing ---------- */
.map-area{position:relative}
.map-area::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 6px rgba(15,23,42,.06);z-index:500}
.leaflet-control-layers{border:1px solid var(--v7-line)!important;border-radius:10px!important;box-shadow:var(--v7-sh)!important}
.leaflet-marker-icon{filter:drop-shadow(0 1px 2px rgba(15,23,42,.35))}

/* legend: floating card, tighter */
.legend{padding:10px 12px!important;min-width:130px}
.legend-row{font-size:10.5px!important}

/* ---------- statusbar: make every segment intentional ---------- */
.statusbar{display:flex;align-items:center;font-size:11px!important;color:var(--v7-mut)!important;padding:0 8px!important;gap:0}
.statusbar>*{border-right:1px solid var(--v7-line);padding:0 11px;display:inline-flex;align-items:center;gap:5px;height:100%}
.statusbar>*:last-child{border-right:none}

/* ---------- welcome modal: white, on-brand ---------- */
.dialog [style*="linear-gradient(135deg, rgb(99, 102, 241)"],
.dialog [style*="linear-gradient(135deg,#6366f1"]{background:#fff!important;color:var(--v7-ink)!important;border-bottom:1px solid var(--v7-line)}

/* ---------- toast polish ---------- */
.toast-container>*{border-radius:10px!important;box-shadow:var(--v7-sh-lg)!important;border:1px solid var(--v7-line)!important;font-size:12.5px!important}

/* ---------- bottom DATA panel tables ---------- */
.bottom-panel table th{font-size:10px!important;letter-spacing:.4px;background:var(--v7-bg)!important}
.bottom-panel table td{font-size:11.5px!important}
