/* Reference-inspired monochrome navigation. Loaded after legacy layout styles. */
body .sidebar{inset:12px auto 12px 12px;width:210px;padding:20px 10px 12px;background:linear-gradient(150deg,#f5f5f8,#e4e4ea);color:#29292e;border:1px solid #fff;border-radius:26px;box-shadow:0 4px 20px #25253008;scrollbar-color:#c5c5ce transparent;overflow-y:auto}
body .app-shell{margin-left:232px}
body .sidebar .sispos-brand{min-height:42px;padding:0 30px 10px 10px;text-shadow:none}
body .sidebar .sispos-logo{width:133px;height:33px;filter:grayscale(1) brightness(.25)}
.sidebar-collapse{position:absolute;right:12px;top:22px;display:grid;place-items:center;width:25px;height:25px;padding:5px;background:#ffffff90;color:#575760;border-radius:50%}
.sidebar-collapse svg{width:15px;height:15px}
body .sidebar-search{height:38px;min-height:38px;flex-shrink:0;margin:13px 2px 16px;padding:0 11px;gap:8px;border:1px solid #dcdce4;border-radius:12px;background:#ffffffbd;color:#777780;box-shadow:0 2px 5px #25253004;transition:border-color .16s,background .16s,box-shadow .16s}
body .sidebar-search input{height:100%;min-width:0;flex:1;font-size:12px;line-height:1.4;color:#37373e;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
body .sidebar-search input:focus-visible{outline:none}
body .sidebar-search input::placeholder{color:#85858f}
body .sidebar-search svg{width:16px;height:16px;color:#797983;flex-shrink:0}
body .sidebar-search kbd{color:#82828c;font-size:9px;line-height:16px;padding:0 4px;border:1px solid #e2e2e8;border-radius:4px;background:#f6f6f8;flex-shrink:0}
body .sidebar-search:hover{border-color:#c8c8d2;background:#fffffff0}
body .sidebar-search:focus-within{border-color:#9bbdb5;box-shadow:0 0 0 3px #24aa8910;background:#fff}
body .sidebar-section,body .sidebar-section[open]{margin:0 0 5px;padding:0;background:transparent;border-radius:0;flex-shrink:0}
body .sidebar-section summary,body .sidebar-section:not([open]) summary{min-height:36px;padding:8px 10px;border-radius:20px;color:#474750;font-size:10px;font-weight:500;letter-spacing:0;text-shadow:none;gap:6px}
body .sidebar-section summary:hover{background:#ffffff90}
body .sidebar-section summary .section-summary-label{display:flex;align-items:center;gap:9px;color:inherit;font-size:10px;opacity:1;transform:none!important;letter-spacing:0}
body .sidebar-section summary .section-summary-label{white-space:nowrap;min-width:0}body .sidebar-section summary .section-summary-label svg{flex:none}body .sidebar-section summary .section-summary-label{overflow:hidden;text-overflow:ellipsis}
body .sidebar-section .section-summary-label svg,body .sidebar-section summary:hover .section-summary-label svg,body .sidebar-section[open] .section-summary-label svg{width:17px;height:17px;color:#55555e;transform:none;stroke-width:1.5}
body .sidebar-section summary>span:last-child{color:#888892;opacity:1;font-size:15px}
body .sidebar-section[open] summary{background:#19191c;color:#fff}
body .sidebar-section[open] .section-summary-label svg,body .sidebar-section[open] summary>span:last-child{color:#fff}
body .sidebar-section[open] nav{position:relative;margin:8px 0 10px 18px;padding:0 0 0 10px;border-left:1px solid #bcbcc7;gap:3px}
body .sidebar-section .nav-item,body .sidebar-section[open] .nav-item,body .sidebar-section[open] .nav-item:not(:first-child),body .sidebar-section[open] .nav-item:not(.active){min-height:31px;padding:6px 9px;margin:0;gap:8px;border-radius:18px;background:transparent;color:#5d5d67;font-size:11px;line-height:18px;font-weight:400;text-shadow:none;box-shadow:none;transform:none}
body .dashboard-nav-item{min-height:31px;padding:6px 9px;margin:8px 0 5px;gap:8px;border-radius:18px;background:transparent;color:#5d5d67!important;font-size:11px;line-height:18px;font-weight:400;text-shadow:none;box-shadow:none}
body .dashboard-nav-item svg{width:16px;height:16px;color:#696973!important;stroke-width:1.5;opacity:1}
body .dashboard-nav-item:hover{background:#ffffff80;color:#19191c}
body .dashboard-nav-item.active{background:#fff;color:#19191c!important;box-shadow:inset 0 0 0 1px #ffffff;font-weight:500}
body .dashboard-nav-item.active svg{color:#19191c!important}
body .sidebar-section .nav-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .sidebar-section .nav-item svg{width:16px;height:16px;color:#696973;stroke-width:1.5;opacity:1;transform:none}
body .sidebar-section .nav-item:hover,body .sidebar-section[open] .nav-item:not(.active):hover{background:#ffffff80;color:#19191c;transform:none;box-shadow:none}
body .sidebar-section .nav-item.active,body .sidebar-section[open] .nav-item.active{background:#fff;color:#19191c;box-shadow:inset 0 0 0 1px #ffffff;font-weight:500}
body .sidebar-section .nav-item.active svg,body .sidebar-section[open] .nav-item.active svg{color:#19191c}
body .sidebar-section .nav-item::before,body .sidebar-section .nav-item::after,body .sidebar .nav-dot{display:none}
body .sidebar .sidebar-bottom{margin-top:auto;padding:13px 4px 0;border-top:1px solid #d5d5df}
body .sidebar .business-mode{background:transparent;color:#85858f;font-size:9px;padding:4px 6px 10px;border-radius:0}
body .sidebar .business-mode .status-dot{background:#92929c;width:4px;height:4px}
body .sidebar .user-card{padding:8px 6px;margin:0;background:transparent;border:0;border-radius:0;color:#4e4e57;gap:8px}
body .sidebar .avatar{width:27px;height:27px;background:#fff9;color:#62626b;border-radius:50%;font-size:10px}
body .sidebar .user-card strong{font-size:10px;font-weight:500}
body .sidebar .user-card small{color:#888892;font-size:9px}
body .sidebar .logout{color:#6f6f79}
body .floating-menu-toggle{display:none}
.menu-rail{display:none}
#rail-links{display:grid;gap:8px;width:42px;padding-top:12px;border-top:1px solid #d9d9e1}
#rail-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:42px;min-height:46px;padding:4px 2px;border-radius:10px;color:#575760;text-decoration:none;text-align:center}
#rail-links a span{font-size:7px;line-height:1.05;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42px;order:0}
#rail-links a svg{width:18px;height:18px;order:1}
#rail-links a:hover{background:#ffffffb0;color:#19191c}
#rail-links a.active{background:#19191c;color:#fff}
body .sidebar :is(a,button,summary,input):focus-visible,.menu-rail button:focus-visible{outline:2px solid #62626d;outline-offset:3px}
@media(min-width:761px){
    body.menu-closed .sidebar{transform:translateX(calc(-100% - 16px))}
    body.menu-closed .app-shell{margin-left:86px}
    body.menu-closed .menu-rail{position:fixed;inset:12px auto 12px 12px;z-index:20;width:62px;padding:20px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;background:linear-gradient(150deg,#f5f5f8,#e4e4ea);border:1px solid #fff;border-radius:32px;overflow:auto;scrollbar-width:none}
    .menu-rail button{display:grid;place-items:center;width:42px;height:38px;padding:10px;border-radius:50%;background:transparent;color:#575760}
    .menu-rail button:hover{background:#ffffffb0;color:#19191c}
    .menu-rail button.is-active{background:#19191c;color:#fff}
    .menu-rail svg{width:18px;height:18px;stroke-width:1.5}
    .menu-rail [data-rail-sections]{display:grid;gap:8px;width:42px;padding-top:12px;border-top:1px solid #d9d9e1}
    .menu-rail>button:last-child{margin-top:auto}
}
@media(max-width:760px){
    body .sidebar{inset:8px auto 8px 8px;width:min(260px,calc(100vw - 60px));transform:translateX(calc(-100% - 12px));border-radius:23px}
    body .sidebar.open{transform:translateX(0)}
    body.menu-closed .sidebar{transform:translateX(calc(-100% - 12px))}
    body .app-shell,body.menu-closed .app-shell{margin-left:0}
    body .sidebar-section summary,body .sidebar-section .nav-item,body .sidebar-section[open] .nav-item{min-height:40px}
    body .floating-menu-toggle{display:grid;left:12px;bottom:12px;background:#19191c;color:#fff;border:1px solid #fff;border-radius:50%;box-shadow:0 3px 12px #0002}
    body .sidebar .sidebar-collapse{display:none}
}
@media print{body .sidebar,.menu-rail{display:none!important}body .app-shell,body.menu-closed .app-shell{margin-left:0}}
body .sidebar-section summary{transition:background-color .23s ease,color .23s ease}
body .sidebar-section summary>span:last-child{transition:transform .23s cubic-bezier(.22,.61,.36,1),color .23s ease}
body .sidebar-section.menu-section-closing summary{background:transparent;color:#474750}
body .sidebar-section.menu-section-closing .section-summary-label svg,body .sidebar-section.menu-section-closing summary>span:last-child{color:#55555e}
body .sidebar-section.menu-section-closing summary>span:last-child{transform:rotate(-90deg)}
@media(prefers-reduced-motion:reduce){body .sidebar-section summary,body .sidebar-section summary>span:last-child{transition:none}}