/* OTOVERA: operational Windows ERP tree navigation V3 */
:root{--sidebar:258px}
.shell{grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{background:#edf1f5!important;color:#233349!important;border-right:1px solid #b8c5d1!important}
.brand-block{background:#24364b!important;border-bottom:2px solid #2b638c!important;min-height:70px!important}
#nav{padding:8px!important;overflow:auto;min-height:0;scrollbar-width:thin}
.erp-nav-group{margin-bottom:5px;border:1px solid #d1dae4;border-radius:4px;overflow:hidden;background:#fafcfe}
#nav .erp-nav-head{display:flex;align-items:center;width:100%;height:35px;min-height:35px;padding:0 10px;gap:9px;text-align:left;background:#dfe6ee!important;color:#263950!important;font-size:11px;font-weight:750;letter-spacing:.025em;border:0;border-bottom:1px solid #c9d4de;border-radius:0;box-shadow:none}
#nav .erp-nav-head:hover{background:#d5e0eb!important}
#nav .erp-nav-head.has-active{background:#d5e4f3!important;color:#163d65!important}
.erp-nav-caret{display:inline-block;width:12px;color:#456581;font-size:15px;line-height:1}
.erp-nav-count{font-size:10px;margin-left:auto;color:#63788c;letter-spacing:0;font-weight:600}
.erp-nav-items{padding:3px 4px 5px;background:#f9fbfd}
.erp-nav-items[hidden]{display:none!important}
#nav .erp-nav-item{width:100%;height:31px;min-height:31px;text-align:left;border:1px solid transparent;border-radius:2px;background:transparent!important;color:#34485c!important;font-size:12px!important;font-weight:500;padding:4px 9px 4px 18px;gap:9px;box-shadow:none}
#nav .erp-nav-item:hover{background:#e6eef6!important;color:#163f6b!important}
#nav .erp-nav-item.active{background:#d7e8f8!important;color:#124c83!important;font-weight:700!important;border-color:#b7d0e8!important;box-shadow:inset 3px 0 #25649e!important}
#nav .erp-nav-item .nav-icon{width:16px;height:16px}
#nav .erp-nav-item svg{width:16px;height:16px}
.side-bottom{border-top:1px solid #c2ceda!important;background:#e3eaf1!important;padding:10px 14px!important}
.topbar{background:#f5f8fb!important;border-bottom:1px solid #bfccda!important}
.content{background:#ecf0f5!important}
.page-head{border-radius:3px!important;background:#fff!important;border-left:3px solid #2b659a!important}
.card,.panel{border-radius:3px!important;box-shadow:0 1px 2px #1f34450b!important}
.table-scroll thead th{position:sticky;top:0;z-index:1}
#nav button:focus-visible{outline:2px solid #2574b7;outline-offset:-2px}
@media(max-width:820px){.sidebar{width:258px!important;left:-270px}.shell.sidebar-open .sidebar{left:0}}