html[data-bahari-panel] { --bahari-panel-bg:#f8fafc; --bahari-panel-border:#e2e8f0; --bahari-panel-ink:#334155; }
html[data-bahari-panel] [data-bahari-legacy-nav],html[data-bahari-panel] [data-bahari-unmeasured] { display:none!important; }
html[data-bahari-panel] [data-bahari-shell] { background:var(--bahari-panel-bg); }
html[data-bahari-panel] header { border-color:var(--bahari-panel-border); box-shadow:0 1px 0 #0f172a03; }
html[data-bahari-panel] aside[data-bahari-sidebar] { border-color:var(--bahari-panel-border); }
html[data-bahari-panel] aside nav { scrollbar-width:thin!important; scrollbar-color:#cbd5e1 transparent!important; padding:16px 12px!important; }
html[data-bahari-panel] aside nav::-webkit-scrollbar { display:block!important;width:4px;height:4px; }
html[data-bahari-panel] aside nav::-webkit-scrollbar-thumb { background:#cbd5e1;border-radius:4px; }
#bahari-workspace-nav { font-family:inherit;font-size:13px;font-weight:500;line-height:1.45; color:var(--bahari-panel-ink); }
.bahari-nav-section + .bahari-nav-section { margin-top:22px; }
.bahari-nav-section h2 { margin:0 10px 8px; color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase; }
.bahari-nav-link,.bahari-nav-folder>summary { display:flex;align-items:center;gap:11px;min-height:39px;padding:9px 11px;border-radius:10px;color:#475569;text-decoration:none;cursor:pointer;transition:background .15s,color .15s; }
.bahari-nav-link>span,.bahari-nav-folder>summary>span { flex:1;min-width:0; }
.bahari-nav-link>svg,.bahari-nav-folder>summary>svg { flex-shrink:0;opacity:.8; }
.bahari-nav-link:hover,.bahari-nav-folder>summary:hover { background:#f1f5f9;color:#0f172a; }
.bahari-nav-link[aria-current=page] { background:#eef2ff;color:#4f46e5;font-weight:650; }
.bahari-nav-folder summary { list-style:none; }
.bahari-nav-folder summary::-webkit-details-marker { display:none; }
.bahari-nav-folder>summary>small { font-size:19px;line-height:1;color:#94a3b8;transition:transform .15s; }
.bahari-nav-folder[open]>summary>small { transform:rotate(90deg); }
.bahari-nav-folder>div { margin:2px 0 6px 19px;padding-left:10px;border-left:1px solid #e2e8f0; }
.bahari-nav-folder>div .bahari-nav-link { font-size:12px;min-height:34px;padding:7px 10px; }
.bahari-nav-folder>div .bahari-nav-link>svg { display:none; }
.bahari-nav-link[data-central-link]>small { color:#94a3b8;font-size:13px; }
.bahari-nav-note { margin:20px 9px 4px;padding-top:14px;border-top:1px solid #e2e8f0;color:#94a3b8;font-size:11px;line-height:1.6; }
html[data-bahari-panel] table { font-size:13px; }
html[data-bahari-panel] th { font-size:11px;letter-spacing:.035em; }
html[data-bahari-panel] input,html[data-bahari-panel] select,html[data-bahari-panel] textarea { border-radius:10px; }
html[data-bahari-panel] button,html[data-bahari-panel] a { -webkit-tap-highlight-color:transparent; }
html[data-bahari-panel] :is(a,button,summary):focus-visible { outline:2px solid #6366f1;outline-offset:3px; }
@media(max-width:639px) { html[data-bahari-panel] header{gap:8px;} .bahari-nav-link,.bahari-nav-folder>summary{min-height:42px;} }
@media(prefers-reduced-motion:reduce) { .bahari-nav-link,.bahari-nav-folder>summary,.bahari-nav-folder>summary>small{transition:none;} }

html[data-bahari-panel] [data-bahari-stats] { grid-template-columns:repeat(4,minmax(0,1fr)); }
html[data-bahari-panel] [data-bahari-stats=admin] { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(min-width:1024px) { html[data-bahari-panel] aside[data-bahari-collapsed=true] .bahari-nav-section h2,html[data-bahari-panel] aside[data-bahari-collapsed=true] .bahari-nav-link>span,html[data-bahari-panel] aside[data-bahari-collapsed=true] .bahari-nav-folder>summary>span,html[data-bahari-panel] aside[data-bahari-collapsed=true] .bahari-nav-note,html[data-bahari-panel] aside[data-bahari-collapsed=true] .bahari-nav-link>small,html[data-bahari-panel] aside[data-bahari-collapsed=true] .bahari-nav-folder>summary>small { display:none; } }
@media(min-width:1024px) { html[data-bahari-panel] aside[data-bahari-collapsed=true] nav { padding-left:6px!important;padding-right:6px!important; } }
@media(min-width:1024px) { html[data-bahari-panel] aside[data-bahari-collapsed=true] .bahari-nav-link,html[data-bahari-panel] aside[data-bahari-collapsed=true] .bahari-nav-folder>summary { justify-content:center;padding:10px 6px; } }
@media(max-width:1279px) { html[data-bahari-panel] [data-bahari-stats] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:479px) { html[data-bahari-panel] [data-bahari-stats] { grid-template-columns:minmax(0,1fr); } }

html[data-bahari-panel] .stat-card,html[data-bahari-panel] .card { border-radius:16px;box-shadow:0 1px 3px #0f172a05; }
html[data-bahari-panel] [data-bahari-single-chart]>.card:not([data-bahari-unmeasured]) { grid-column:1/-1; }
.bahari-central-notice { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px solid #e0e7ff;background:#eef2ff;border-radius:12px;font-size:12px;color:#475569; }
.bahari-central-notice a { flex-shrink:0;color:#4f46e5;font-weight:600; }
@media(max-width:639px) { .bahari-central-notice{align-items:start;flex-direction:column;gap:8px;} }

html[data-bahari-panel] [data-bahari-stats=client] { grid-template-columns:repeat(3,minmax(0,1fr)); }
html[data-bahari-panel] [data-bahari-delivery-charts] { grid-template-columns:minmax(0,2fr) minmax(0,1fr); }
@media(max-width:767px) { html[data-bahari-panel] [data-bahari-delivery-charts] { grid-template-columns:minmax(0,1fr); } }
@media(max-width:639px) { html[data-bahari-panel] [data-bahari-stats=client] { grid-template-columns:repeat(2,minmax(0,1fr)); } html[data-bahari-panel] [data-bahari-stats=client]>.stat-card:first-child { grid-column:1/-1; } }
@media(min-width:1024px) { html[data-bahari-panel] aside[data-bahari-collapsed=true] .bahari-nav-folder>div { display:none; } }
@media(max-width:1023px) {
 html[data-bahari-panel] aside[data-bahari-sidebar] { width:min(280px,85vw)!important; }
 html[data-bahari-panel] aside[data-bahari-collapsed=true]>div:first-child a { justify-content:flex-start;padding:0 20px;gap:12px; }
 html[data-bahari-panel] aside[data-bahari-collapsed=true]>div:first-child img { width:32px;height:32px;object-fit:contain; }
 html[data-bahari-panel] aside[data-bahari-collapsed=true]>div:first-child a::after { content:'Bahari SMS';font-size:16px;font-weight:700;color:#0f172a;white-space:nowrap; }
}
@media(max-width:1023px) {
 html[data-bahari-panel] aside[data-bahari-collapsed=true]>div:last-child button { display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%; }
 html[data-bahari-panel] aside[data-bahari-collapsed=true]>div:last-child button::after { content:'Log out';font-size:13px;font-weight:500; }
}