/* Experiência visual de navegação — inspirada nas referências fornecidas, sem copiar lógica financeira do ERP */
:root{--erp-purple:#6954e9;--erp-soft:#f0edff;--erp-edge:#d8d1ff}
.sidebar{padding-left:8px;padding-right:8px;box-shadow:2px 0 9px rgba(16,35,68,.018)}
.navgroup{font-size:9px;letter-spacing:1.1px;margin:19px 9px 7px}
.navitem,.navsub{position:relative;transition:background-color .2s ease,color .2s ease,transform .18s ease,box-shadow .18s ease;border-radius:8px;min-height:35px}
.navitem:hover,.navsub:hover{background:var(--erp-soft);color:#5440bf;transform:translateX(2px)}
.navitem.active,.navsub.active{background:linear-gradient(90deg,#eeeaff,#f6f3ff)!important;color:#503ab7!important;font-weight:750;box-shadow:inset 3px 0 0 var(--erp-purple)}
.navitem.active .navico,.navsub.active{color:#5944d7!important}
.navitem:focus-visible,.navsub:focus-visible,.icon-btn:focus-visible,.minicard:focus-visible{outline:2px solid #8d79fa;outline-offset:1px}
.navitem .chevron{transition:transform .2s ease}.navsub{margin:1px 0;width:100%;padding-left:40px}
.topbar{gap:12px;box-shadow:0 2px 10px rgba(15,40,75,.025);position:sticky;top:0;z-index:4}
.breadcrumb{white-space:nowrap}.breadcrumb-brand{color:var(--muted);font-size:10px}.crumb-sep{color:#bec8d4;margin:0 4px}
.top-search{margin-left:auto;width:clamp(190px,21vw,340px);height:35px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);background:var(--bg);border-radius:9px;color:var(--muted)}
.top-search input{min-width:0;flex:1;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.top-search kbd{background:#172b4c;color:white;border-radius:3px;padding:2px 5px;font-size:9px;white-space:nowrap}
.topactions{margin-left:0;gap:9px}.top-date{font-size:10px;color:var(--muted);white-space:nowrap}.notify-btn{position:relative}.notify-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#e94763;right:4px;top:5px;border:1px solid var(--panel)}
.notification-panel{position:fixed;z-index:30;top:62px;right:66px;width:min(355px,calc(100vw - 25px));padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:0 15px 45px rgba(12,28,60,.18)}.notification-title{display:flex;justify-content:space-between;align-items:center;padding:5px 8px 12px;border-bottom:1px solid var(--line)}.notice-entry{display:flex;flex-direction:column;gap:5px;padding:13px 9px;border-bottom:1px solid var(--line);font-size:12px}.notice-entry:last-child{border:0}.notice-entry span{color:var(--muted);font-size:11px}
.erp-kpis .stat{position:relative;overflow:hidden;min-height:122px;color:#fff;border:0;box-shadow:0 8px 22px #17295b12;transition:transform .2s ease,box-shadow .2s ease}.erp-kpis .stat:hover{transform:translateY(-4px);box-shadow:0 14px 26px #17295b20}
.erp-kpis .stat::before,.erp-kpis .stat::after{content:'';position:absolute;border-radius:50%;border:24px solid #ffffff0e;pointer-events:none}.erp-kpis .stat::before{width:115px;height:115px;right:-25px;top:-55px}.erp-kpis .stat::after{width:80px;height:80px;right:5px;bottom:-75px}
.erp-kpis .stat .icon,.erp-kpis .stat .label,.erp-kpis .stat .small{color:#fff;position:relative;z-index:1}.erp-kpis .stat .value{font-size:23px;position:relative;z-index:1}.erp-kpis .kpi-0{background:linear-gradient(120deg,#14afa7,#219cae)}.erp-kpis .kpi-1{background:linear-gradient(120deg,#3e86ef,#3f62da)}.erp-kpis .kpi-2{background:linear-gradient(120deg,#ec3b67,#dd2751)}.erp-kpis .kpi-3{background:linear-gradient(120deg,#7756ee,#5d51d6)}
.minicard{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.minicard:hover{transform:translateY(-3px);box-shadow:0 12px 22px #1c335210;border-color:#bdb0f5}
.dashboard-extra{margin-top:4px}.dashboard-duo{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.section-muted{font-size:10px;color:var(--muted);font-weight:400;margin-left:10px}.subdued{color:var(--muted);font-size:12px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mini-metric{padding:14px;border-radius:10px;border:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.mini-metric span{font-size:11px;color:var(--muted)}.mini-metric strong{font-size:20px}.mini-metric small{font-size:10px;color:var(--muted)}.mini-track{height:5px;border-radius:10px;background:var(--tint);overflow:hidden;margin-top:6px}.mini-track i{display:block;height:100%;background:#3f83db}.mini-track i.good{background:#25ad9f}.mini-track i.warn{background:#f09c37}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions button{background:var(--panel);border:1px solid var(--line);padding:14px 10px;text-align:left;border-radius:9px;color:var(--ink);cursor:pointer;transition:.2s}.quick-actions button:hover{background:var(--erp-soft);color:#5540c8;transform:translateY(-2px)}
body.dark{--erp-soft:#322a51}.dark .navitem:hover,.dark .navsub:hover{color:#d5caff}.dark .navitem.active,.dark .navsub.active{background:#3a2c62!important;color:#f3eaff!important}
@media(max-width:1150px){.top-date{display:none}.dashboard-duo{grid-template-columns:1fr}}@media(max-width:850px){.top-search{width:180px}.top-search kbd,.breadcrumb-brand,.crumb-sep{display:none}.metric-row{grid-template-columns:1fr 1fr}}@media(max-width:650px){.top-search{width:120px}.top-search input{font-size:10px}.mode{display:none}.quick-actions,.metric-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.navitem,.navsub,.minicard,.erp-kpis .stat,.quick-actions button{transition:none!important}}