/* Meja Kerja v1.1 — additive UX pass. No legacy feature removal. */
:root{--rail:304px;--top:68px;--content:1720px}
/* Sidebar: fixed brand + independently scrolling navigation. */
.rail{overflow:hidden!important;align-items:stretch!important;padding:12px 12px 10px!important}
.brand{flex:0 0 70px!important;height:70px!important;margin:0 0 6px!important;padding:4px 8px 12px!important}
.rail-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 2px 8px!important;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
.rail-nav::-webkit-scrollbar{width:5px}.rail-nav::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px}
.rail-group{position:relative!important;padding:14px 10px 6px!important;font-size:9px!important;letter-spacing:.15em!important;color:var(--quiet)!important}
.rail-link{min-height:48px!important;grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;padding:7px 10px!important;border-radius:10px!important;margin:1px 0!important}
.rail-link>svg{width:21px!important;height:21px!important}
.rail-label{font-family:Segoe UI,Inter,system-ui,sans-serif!important;font-size:20px!important;font-weight:600!important;line-height:1.08!important;letter-spacing:-.035em!important}
.rail-link:hover{background:var(--paper-2)!important;border-color:var(--line)!important}.rail-link.active{background:color-mix(in srgb,var(--blue-soft) 56%,var(--paper))!important;border-color:var(--line-strong)!important;color:var(--ink)!important}.rail-link.active::before{left:-12px!important;width:4px!important;height:30px!important;background:var(--blue)!important}.rail-link.active>svg{color:var(--blue)!important}
.mobile-more{position:sticky;bottom:0;z-index:4;background:color-mix(in srgb,var(--paper) 95%,transparent)!important;backdrop-filter:blur(8px);border-top:1px solid var(--line)!important;margin-top:10px!important;padding-top:8px!important}
.rail-collapse{flex:0 0 40px!important;margin-top:4px!important}.sidebar-foot{flex:0 0 28px!important}
body.rail-collapsed{--rail:82px}.rail-collapsed .rail{align-items:center!important;padding-inline:11px!important}.rail-collapsed .rail-nav{width:100%;overflow-y:auto!important}.rail-collapsed .rail-link{width:58px!important;grid-template-columns:1fr!important;padding:7px!important}.rail-collapsed .rail-label,.rail-collapsed .rail-group{display:none!important}.rail-collapsed .mobile-more{position:relative;border-top:0!important}
/* Topbar scales better around laptop widths. */
.topbar{grid-template-columns:minmax(135px,.6fr) auto minmax(260px,680px) auto!important;padding-inline:clamp(12px,1.5vw,24px)!important}.global-search{min-width:0}.search-copy{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Universal global drop router. */
.global-drop-overlay{position:fixed;inset:12px;z-index:5000;border:2px dashed var(--ink);background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(10px);display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:.14s}.global-drop-overlay.show{opacity:1;visibility:visible}.global-drop-overlay>div{max-width:520px;padding:28px;border:1px solid var(--line-strong);background:var(--paper);text-align:center;box-shadow:var(--shadow-lg)}.global-drop-overlay strong{display:block;font-size:28px;letter-spacing:-.04em}.global-drop-overlay span{display:block;margin-top:8px;color:var(--muted);font-size:13px}
/* New feature surfaces. */
.feature-layout{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:12px}.feature-list{display:grid;gap:7px;max-height:70vh;overflow:auto}.feature-item{padding:11px;border:1px solid var(--line);background:var(--paper);display:grid;gap:4px;text-align:left}.feature-item.active{border-color:var(--ink);background:var(--paper-2)}
.map-host{height:min(68vh,680px);min-height:420px;border:1px solid var(--line);background:var(--paper-2)}.map-note-list{display:grid;gap:7px}.finance-grid,.inventory-grid,.reference-grid,.plugin-grid,.relations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px}.metric-card{padding:14px;border:1px solid var(--line);background:var(--paper)}.metric-card .value{font-size:clamp(26px,4vw,44px);font-weight:750;letter-spacing:-.05em}.relation-node{padding:10px;border:1px solid var(--line);background:var(--paper-2)}
.desk-customizer{position:fixed;right:14px;top:calc(var(--top) + var(--context-h) + 12px);z-index:1400;width:min(360px,calc(100vw - 28px));max-height:72vh;overflow:auto;padding:14px;border:1px solid var(--ink);background:var(--paper);box-shadow:var(--shadow-lg);display:none}.desk-customizer.open{display:block}.widget-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.saved-searches{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.saved-search{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--line);background:var(--paper-2);font-size:10px}.saved-search button{border:0;background:transparent;padding:0;color:var(--quiet)}
@media(max-width:1220px) and (min-width:901px){:root{--rail:88px}.brand{width:60px!important;justify-content:center!important;padding-inline:0!important}.brand-copy,.rail-label,.rail-group,.sidebar-foot{display:none!important}.rail{align-items:center!important;padding-inline:12px!important}.rail-nav{width:100%}.rail-link{width:60px!important;grid-template-columns:1fr!important;padding-inline:6px!important;margin-inline:auto!important}.rail-link::after{left:calc(100% + 12px)!important}.mobile-more{position:relative!important;border-top:0!important}.topbar{grid-template-columns:minmax(0,1fr) auto!important}.crumb,.space-chip{display:none!important}.global-search{grid-column:1}.top-actions{grid-column:2}.feature-layout{grid-template-columns:1fr}.map-host{height:55vh}}
@media(max-width:900px){.rail-label{font-size:8.5px!important;font-weight:750!important;letter-spacing:-.01em!important}.rail-nav{overflow:visible!important}.mobile-more{position:relative!important;margin-top:0!important;padding-top:3px!important}.feature-layout{grid-template-columns:1fr}.map-host{min-height:360px;height:52vh}.global-drop-overlay{inset:7px}.global-drop-overlay strong{font-size:22px}.desk-customizer{top:calc(var(--top) + 8px);right:8px;left:8px;width:auto}}
.rail-pinned-list{display:grid;gap:2px}.rail-pinned-list .rail-link{cursor:grab}.rail-pinned-list .rail-link:active{cursor:grabbing}.rail-pin-heading{color:var(--blue)!important}.apps-recent{margin:10px 0 12px;padding:10px;border:1px solid var(--line);background:var(--paper-2)}.apps-recent-row{display:flex;gap:7px;overflow:auto;padding-top:7px}.apps-recent-row a{min-width:76px;display:grid;justify-items:center;gap:5px;padding:8px;border:1px solid transparent;color:var(--muted);text-decoration:none}.apps-recent-row a:hover{border-color:var(--line-strong);background:var(--paper)}.apps-recent-row svg{width:18px;height:18px}.apps-recent-row span{font-size:9px;font-weight:700;white-space:nowrap}
@media(max-width:900px){.rail-pinned-list{display:contents}.rail-pinned-list .rail-link:not(.mobile-primary){display:none!important}}