/* Zaref ERP v1.0.6 — sidebar global reutilizada no menu e nos cadastros. */
:root { --sidebar: 274px; }
.zaref-sidebar {
    min-width:0; background:linear-gradient(165deg,#14222e,#0b131a);
    border-right:1px solid #293b48; color:#d9e0e5;
    display:flex; flex-direction:column; height:100vh; overflow-y:auto;
    position:sticky; top:0; scrollbar-width:thin; scrollbar-color:#3b5261 transparent;
}
.zaref-sidebar .sidebar-brand {padding:22px 16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.zaref-sidebar .sidebar-brand .brand {display:inline-flex;align-items:center}
.zaref-sidebar .brand-logo {display:block;width:217px;max-width:100%;height:auto;object-fit:contain}
.zaref-sidebar .sidebar-label {font-size:10px;text-transform:uppercase;letter-spacing:.17em;font-weight:800;color:#8396a5;padding:24px 18px 11px}
.zaref-sidebar .sidebar-label.inner-label {padding:19px 18px 10px}
.zaref-sidebar .sidebar-menu {display:flex;flex-direction:column;gap:3px;padding:0 11px 22px}
.zaref-sidebar .side-item {appearance:none;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;min-height:47px;padding:8px 12px;border:0;border-radius:8px;color:#c8d3dc;background:transparent;text-decoration:none;text-align:left;font:600 12.5px/1.35 var(--font-body,Inter,Arial,sans-serif);transition:background .18s ease,color .18s ease}
.zaref-sidebar .side-item:hover {background:rgba(255,255,255,.075);color:#fff}
.zaref-sidebar .side-item.active {color:#f2d28a;background:rgba(198,163,91,.16);box-shadow:inset 3px 0 0 #c6a35b}
.zaref-sidebar .side-item .glyph {width:27px;height:27px;flex:0 0 27px;display:block;color:#b8c9d6;stroke-width:1.75}
.zaref-sidebar .side-item.active .glyph {color:#edc66f}
.zaref-sidebar .side-item:focus-visible, .zaref-sidebar .side-subitem:focus-visible{outline:2px solid #edc66f;outline-offset:2px}
.zaref-sidebar .tree-chevron {height:18px;width:18px;flex:0 0 18px;margin-left:auto;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.zaref-sidebar [aria-expanded="true"] .tree-chevron {transform:rotate(180deg)}
.zaref-sidebar .sidebar-tree {margin:1px 0 9px 25px;padding:3px 0 4px 14px;border-left:1px solid rgba(198,163,91,.45);display:flex;flex-direction:column;gap:2px}
.zaref-sidebar .sidebar-tree[hidden]{display:none!important}
.zaref-sidebar .side-subitem {display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 8px 10px 12px;margin:0;border-radius:7px;color:#c7d0d6;text-decoration:none;font-size:11.5px;font-weight:650;line-height:1.4}
.zaref-sidebar .side-subitem:hover {background:rgba(198,163,91,.12);color:#f0dbaf}
.zaref-sidebar .side-subitem.active{background:rgba(198,163,91,.13);color:#f0cf89;font-weight:800}
.zaref-sidebar .side-subitem.planned {color:#8595a1;cursor:default}
.zaref-sidebar .side-subitem.planned small {font-size:9px;color:#9b895f;white-space:nowrap}
.zaref-sidebar .sidebar-bottom {margin-top:auto;padding:18px 16px;color:#9aaab4;border-top:1px solid rgba(255,255,255,.08);font-size:11px;line-height:1.6}
.sidebar-overlay {display:none}
@media(max-width:900px){
 .zaref-sidebar {position:fixed;top:0;left:0;bottom:0;width:274px;height:100vh;transform:translateX(-101%);transition:transform .22s ease;z-index:101}
 .zaref-sidebar.open {transform:translateX(0)}
 .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(4,11,18,.6);z-index:100;opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s}
 .sidebar-mobile-open .sidebar-overlay{opacity:1;visibility:visible}
}
@media(prefers-reduced-motion:reduce){.zaref-sidebar,.sidebar-overlay,.zaref-sidebar .tree-chevron{transition:none}}

/* v1.0.6 — barra compacta (desktop) */
:root { --sidebar: 274px; --sidebar-compact: 68px; }
.zaref-sidebar .sidebar-brand {position:relative; min-height:88px; box-sizing:border-box; padding-right:48px}
.zaref-sidebar .sidebar-collapse-toggle {position:absolute;right:10px;top:26px;width:32px;height:32px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#edc66f;cursor:pointer}
.zaref-sidebar .sidebar-collapse-toggle:hover {background:rgba(198,163,91,.2)}
.zaref-sidebar .sidebar-collapse-toggle svg {width:19px;height:19px}
.zaref-sidebar .sidebar-collapse-toggle:focus-visible {outline:2px solid #edc66f;outline-offset:2px}
@media(min-width:901px){
 body.sidebar-collapsed {--sidebar:var(--sidebar-compact)}
 body.sidebar-collapsed .zaref-sidebar {width:var(--sidebar-compact);overflow-x:hidden}
 body.sidebar-collapsed .zaref-sidebar .sidebar-brand {padding:8px 0;min-height:73px;display:flex;align-items:flex-start;justify-content:center}
 body.sidebar-collapsed .zaref-sidebar .sidebar-brand .brand {display:none}
 body.sidebar-collapsed .zaref-sidebar .sidebar-collapse-toggle {position:static;margin-top:11px}
 body.sidebar-collapsed .zaref-sidebar .collapse-arrow {transform:rotate(180deg);transform-origin:14.5px 12px}
 body.sidebar-collapsed .zaref-sidebar .sidebar-label,
 body.sidebar-collapsed .zaref-sidebar .sidebar-bottom,
 body.sidebar-collapsed .zaref-sidebar .side-item span,
 body.sidebar-collapsed .zaref-sidebar .tree-chevron,
 body.sidebar-collapsed .zaref-sidebar .sidebar-tree {display:none!important}
 body.sidebar-collapsed .zaref-sidebar .sidebar-menu {padding:12px 7px 20px}
 body.sidebar-collapsed .zaref-sidebar .side-item {padding:9px 0;min-height:49px;justify-content:center;gap:0}
 body.sidebar-collapsed .zaref-sidebar .side-item .glyph {width:27px;height:27px;flex-basis:27px}
}
@media(max-width:900px){.zaref-sidebar .sidebar-collapse-toggle{display:none}}