/* v124 — Bento dashboard, Hover Card, Advanced Multi-select and unified surface hierarchy */
:root{
  --surface-drawer-z:1320;--surface-modal-z:1680;--surface-popover-z:1880;--surface-hover-z:1940;--surface-command-z:2200;
  --bento-gap:14px;--bento-radius:18px;--bento-border:#e5eaf1;--bento-shadow:0 10px 34px rgba(15,23,42,.055);
}
[data-surface="drawer"]{z-index:var(--surface-drawer-z)!important}
dialog[data-surface="modal"]{z-index:var(--surface-modal-z)!important}
.command-palette{z-index:var(--surface-command-z)!important}

/* Bento Grid */
.dashboard-bento-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:var(--bento-gap)!important;align-items:stretch}
.dashboard-bento-grid .dashboard-widget{grid-column:span 12;min-width:0;margin:0!important;border:1px solid var(--bento-border)!important;border-radius:var(--bento-radius)!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:var(--bento-shadow)!important;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.dashboard-bento-grid .dashboard-widget:hover{border-color:#d7dee9!important;box-shadow:0 16px 42px rgba(15,23,42,.075)!important}
.dashboard-bento-grid .widget-size-compact{grid-column:span 4}.dashboard-bento-grid .widget-size-half{grid-column:span 6}.dashboard-bento-grid .widget-size-full{grid-column:span 12}
.dashboard-bento-grid .dashboard-widget-header{min-height:70px;padding:16px 18px 12px!important;border-bottom:1px solid #eef2f7!important;background:rgba(255,255,255,.82)}
.dashboard-bento-grid .dashboard-widget-header h2{font-size:14px!important;letter-spacing:-.01em}.dashboard-bento-grid .dashboard-widget-header p{font-size:10px!important;margin-top:2px!important;color:#7a8798!important}
.dashboard-bento-grid .dashboard-widget-body{padding:18px!important}.bento-kpis .dashboard-widget-body{padding:12px!important}.bento-kpis .dashboard-metrics{gap:10px!important}.bento-kpis .metric-card{border:0!important;background:#f8fafc!important;border-radius:14px!important;box-shadow:none!important}
.bento-pipeline{background:radial-gradient(circle at 100% 0,rgba(37,99,235,.045),transparent 42%),#fff!important}.bento-catalog{background:radial-gradient(circle at 100% 0,rgba(16,185,129,.05),transparent 45%),#fff!important}
.bento-more{margin-left:auto;border:0;background:transparent;color:#64748b;border-radius:9px;width:34px;height:30px;font-weight:800;cursor:pointer}.bento-more:hover{background:#f1f5f9;color:#0f172a}.dashboard-widget.is-editing .bento-more{display:none}

/* Popover primitive */
.surface-popover-root{position:fixed;z-index:var(--surface-popover-z);min-width:220px;max-width:min(360px,calc(100vw - 24px));opacity:0;pointer-events:none;transform:translateY(-4px) scale(.985);transform-origin:top left;transition:opacity .12s ease,transform .12s ease}
.surface-popover-root.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
.surface-menu,.ntui-multiselect-popover{border:1px solid #dfe5ed;border-radius:13px;background:#fff;box-shadow:0 20px 55px rgba(15,23,42,.18);overflow:hidden}
.surface-menu{padding:7px}.surface-menu-head{padding:7px 9px 9px}.surface-menu-head strong,.surface-menu-head small{display:block}.surface-menu-head strong{font-size:12px;color:#0f172a}.surface-menu-head small{font-size:9px;color:#94a3b8;margin-top:2px}.surface-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:8px 9px;border-radius:8px;font-size:11px;color:#334155;cursor:pointer}.surface-menu button:hover{background:#f1f5f9;color:#0f172a}.surface-menu hr{border:0;border-top:1px solid #eef2f7;margin:5px 2px}

/* Advanced Multi-select */
.ntui-native-multiselect{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;clip-path:inset(50%)!important}
.ntui-multiselect{min-width:170px}.ntui-multiselect-trigger{width:100%;height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 11px;border:1px solid #d8dee8;border-radius:9px;background:#fff;color:#334155;font-size:11px;cursor:pointer;text-align:left}.ntui-multiselect-trigger span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ntui-multiselect-trigger b{font-size:12px;color:#94a3b8}.ntui-multiselect.has-value .ntui-multiselect-trigger{border-color:#b9c5d6;background:#f8fbff;color:#0f172a;font-weight:700}
.ntui-multiselect-popover{width:310px}.ntui-multiselect-search{display:flex;align-items:center;gap:7px;padding:9px;border-bottom:1px solid #eef2f7}.ntui-multiselect-search span{color:#94a3b8}.ntui-multiselect-search input{width:100%;border:0;outline:0;font-size:11px;color:#0f172a}.ntui-multiselect-options{max-height:260px;overflow:auto;padding:6px}.ntui-multiselect-options label{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;font-size:11px;color:#334155;cursor:pointer}.ntui-multiselect-options label:hover{background:#f8fafc}.ntui-multiselect-options label[aria-selected="true"]{background:#eff6ff;color:#1d4ed8;font-weight:700}.ntui-multiselect-options input{accent-color:#2563eb}.ntui-multiselect-empty{padding:18px;text-align:center;font-size:11px;color:#94a3b8}.ntui-multiselect-popover footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eef2f7;padding:7px 9px;background:#fbfdff}.ntui-multiselect-popover footer button{border:0;background:transparent;border-radius:7px;padding:6px 7px;font-size:10px;font-weight:700;cursor:pointer;color:#2563eb}.ntui-multiselect-popover footer button:hover{background:#eff6ff}.ntui-multiselect-popover footer span{font-size:9px;color:#94a3b8}.quote-catalog-tools>.ntui-multiselect{width:190px;flex:0 0 190px}

/* Hover Card */
.hover-card-root{position:fixed;z-index:var(--surface-hover-z);width:min(320px,calc(100vw - 24px));padding:13px 14px;border:1px solid #dfe5ed;border-radius:13px;background:rgba(255,255,255,.98);box-shadow:0 18px 50px rgba(15,23,42,.17);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transform:translateY(-3px) scale(.985);transition:opacity .12s ease,transform .12s ease}.hover-card-root.open{opacity:1;transform:translateY(0) scale(1)}.hover-card-kicker{font-size:8px;font-weight:900;letter-spacing:.11em;color:#64748b;margin-bottom:5px}.hover-card-root>strong{display:block;font-size:13px;line-height:1.35;color:#0f172a}.hover-card-root>span{display:block;margin-top:4px;font-size:10px;font-weight:700;color:#475569}.hover-card-root>p{margin:7px 0 0;font-size:10px;line-height:1.5;color:#64748b}
[data-hover-card]{position:relative}

/* Clear modal/drawer/popover hierarchy */
[data-surface="drawer"] header{position:relative}.form-drawer[data-surface="drawer"],.quote-builder[data-surface="drawer"]{box-shadow:-24px 0 70px rgba(15,23,42,.13)}
dialog[data-surface="modal"]::backdrop{background:rgba(15,23,42,.36);backdrop-filter:blur(2px)}
dialog[data-surface="modal"] form{box-shadow:0 28px 85px rgba(15,23,42,.22)}
body[data-surface="modal"] .surface-popover-root,body[data-surface="command"] .surface-popover-root{display:none}

@media(max-width:1280px){.dashboard-bento-grid .widget-size-compact{grid-column:span 6}.dashboard-bento-grid .widget-size-half{grid-column:span 6}.quote-catalog-tools>.ntui-multiselect{width:160px;flex-basis:160px}}
@media(max-width:860px){.dashboard-bento-grid{grid-template-columns:1fr!important}.dashboard-bento-grid .dashboard-widget{grid-column:1/-1!important}.quote-catalog-tools>.ntui-multiselect{width:100%;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.dashboard-bento-grid .dashboard-widget,.surface-popover-root,.hover-card-root{transition:none}}