/* OTOVERA | desktop ERP visual system -- CSS-only, existing behavior unchanged */
:root{--sidebar:258px;--ink:#233043;--muted:#65758a;--line:#ced6e0;--line-dark:#bac5d2;--surface:#fff;--surface-2:#f4f7fa;--blue:#235b9b;--blue-soft:#e4edf8;--shadow:none;font-family:"Segoe UI",Arial,sans-serif;font-size:13px}
html,body,.workspace{background:#e9eef4;color:#253448}
.shell{grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{background:#f5f7fa;color:#243448;border-right:1px solid #bac5d2;padding:0;box-shadow:1px 0 5px #1d304012;overflow-x:hidden}
.brand-block{background:#1d3551;padding:13px 16px 12px;border-bottom:3px solid #c7a56a;gap:3px;min-height:75px}
.brand-block img{width:154px;height:35px;filter:brightness(0) invert(1)}
.brand-block span{color:#b9cde3;padding:0;font-size:10px;font-weight:500;letter-spacing:.03em}
#nav{display:block;padding:7px 7px 14px;min-height:0}
.nav-section{margin:8px 2px 3px;padding:9px 10px 6px;background:#e4eaf1;border:1px solid #d4dde8;color:#3c5169;border-radius:3px;font-size:10px;line-height:1.3;font-weight:750;letter-spacing:.07em}
#nav button{width:100%;height:36px;min-height:36px;color:#354357;border-radius:3px;padding:7px 10px;gap:10px;font-size:12.5px;font-weight:560;border:1px solid transparent;background:transparent;transition:background .1s ease}
#nav button:hover{color:#173b68;background:#e8f0f9;border-color:#d1dfef}
#nav button.active{background:#d8e8f9;border:1px solid #b5cce5;color:#133d6c;box-shadow:inset 3px 0 #2a629e;font-weight:720}
.nav-icon{width:18px;height:18px;flex:none}.nav-icon svg{width:17px;height:17px;stroke-width:1.75}
.side-bottom{margin-top:auto;border-top:1px solid #cbd5e0;background:#e8edf4;padding:11px 15px;gap:5px}
.side-bottom strong{font-size:11px;color:#253b56}.side-bottom span{font-size:10px;color:#53667b;line-height:1.4}
.workspace{min-width:0}
.topbar{height:56px;background:#f9fbfd;border-bottom:1px solid #bfcbd8;box-shadow:0 1px 3px #1a305015;padding:0 17px;gap:12px}
.topbar-left{min-width:200px}.global-search{height:34px;border:1px solid #c6d1dd;background:white;max-width:470px;border-radius:3px;color:#596c82}.global-search input{font-size:12px}.global-search kbd{border-radius:2px}
.topbar-status{gap:5px}.status-chip{min-height:35px;padding:4px 7px;border-color:#d2dbe5;border-radius:3px;gap:6px}.status-icon{height:23px;width:23px;border-radius:3px}.status-chip>span:last-child{font-size:9px}.status-chip strong{font-size:11px}
.icon-button,.quiet,.primary,.danger{border-radius:3px!important}.icon-button{width:33px;height:33px}.avatar{border-radius:4px;background:#315a87}
.content{max-width:none;padding:18px 19px 34px;margin:0}.page-head{background:#fff;border:1px solid #cbd5e0;padding:12px 15px;margin:0 0 12px;align-items:center;gap:10px;border-radius:3px}.breadcrumb{font-size:10px;margin:0 0 4px;color:#718096}h1{font-family:"Segoe UI",Arial,sans-serif;font-size:19px;font-weight:700;letter-spacing:0}h2{font-size:13px}.page-subtitle{font-size:11px;margin-top:3px}.date-chip{border-radius:3px;padding:7px 9px}
#actions{gap:6px}.primary,.quiet,.danger,.link-button{min-height:31px;padding:6px 10px;font-size:11.5px;border-radius:3px;box-shadow:none}.primary{background:#235b9b;border-color:#235b9b}.primary:hover{background:#194a81}.quiet{background:#f6f8fb;border-color:#c4ceda}.quiet:hover{background:#e8f0fa}
.cards{gap:9px;margin-bottom:10px}.card,.panel{border:1px solid #cbd5e0;border-radius:3px;box-shadow:none}.card{min-height:84px;padding:11px 13px}.card strong{font-size:19px;margin-top:6px}.card small{font-size:10px}.card span{font-size:10px}.card:before{width:3px}
.panel{margin-bottom:10px}.panel-head{min-height:39px;background:#f0f4f8;border-bottom:1px solid #cbd5e0;padding:8px 11px}.panel-head h2{font-size:12.5px;font-weight:720}
.toolbar{border-radius:3px;margin-bottom:10px;background:#f5f8fc;padding:8px 10px;gap:8px;box-shadow:none}.toolbar label{font-size:10px}
input,select,textarea{font-family:"Segoe UI",Arial,sans-serif;font-size:12px;min-height:33px;border:1px solid #bac6d5;border-radius:3px;padding:6px 8px;box-shadow:none}label{font-size:11px}input:focus,select:focus,textarea:focus{border-color:#3171b7;box-shadow:0 0 0 2px #3171b71a}
.table-scroll{border:0;max-height:75vh}table{font-size:11.5px}th{background:#eaf0f6;color:#34475e;border-bottom:1px solid #c1ccda;padding:8px 10px;font-size:10.5px;letter-spacing:0;text-transform:none}td{border-bottom:1px solid #e1e7ee;padding:7px 10px;font-size:11.5px}tbody tr:nth-child(even) td{background:#f9fbfd}tbody tr:hover td{background:#eaf3fc}td strong{font-size:11.5px}td small{font-size:10px}
.pill{border-radius:3px;font-size:10px;padding:4px 6px}
.fields{gap:10px}dialog{border:1px solid #aab8c8;border-radius:5px;box-shadow:0 18px 52px #14283d40}.dialog-top{background:#f4f7fb}.dialog-kicker{letter-spacing:.06em}
.otovera-app-footer{margin-top:16px;border-top:1px solid #cbd5df;color:#697b8e;font-size:11px;padding:12px 1px;display:flex;justify-content:space-between;gap:12px}.otovera-app-footer strong{color:#3b526d}
/* Keep access and responsive behavior from original application */
@media(max-width:1100px){.topbar-status{gap:3px}.status-chip{padding:4px 5px}.content{padding:13px}}
@media(max-width:820px){:root{--sidebar:258px}.sidebar{width:258px;left:-270px;position:fixed}.shell.sidebar-open .sidebar{left:0}.topbar{height:auto;min-height:58px;padding:9px 12px;flex-wrap:wrap}.topbar-left{min-width:0}.page-head{align-items:flex-start;flex-direction:column}.otovera-app-footer{flex-direction:column;gap:4px}}
@media(max-width:600px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:10px}.page-head{padding:11px}.topbar-status{overflow-x:auto;max-width:100%}.status-chip{flex:none}}
@media print{.otovera-app-footer{display:none!important}}