/* Presentation layer for 1.11.0. No business rules or data selectors are replaced. */
:root{color-scheme:light;--ink:#172b3a;--muted:#5e7180;--green:#11685b;--green2:#137d6b;--pale:#e8f5f0;--gold:#e3ba67;--line:#dce5eb;--white:#fff;--bg:#f3f6fa;--danger:#bc3636;--surface:#fff;--surface-soft:#f6f8fb;--shadow:0 10px 32px #18394b09;--focus:#168778}
:root[data-theme=dark]{color-scheme:dark;--ink:#e4edf5;--muted:#a4b5c4;--green:#77d9bc;--green2:#77d9bc;--pale:#193c37;--line:#334655;--white:#182833;--bg:#101b24;--surface:#182833;--surface-soft:#20323f;--danger:#ffaaa8;--shadow:0 10px 32px #0002;--focus:#77d9bc}
html{font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.6}body{background:var(--bg);color:var(--ink)}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}button{transition:background .15s,box-shadow .15s;min-height:40px}button:disabled{opacity:.55;cursor:wait}input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--line);min-height:44px}label{color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.app{grid-template-columns:260px minmax(0,1fr)}.sidebar{background:#112b36;padding:24px 16px}.brand{padding-bottom:24px}.brand-mark{background:linear-gradient(140deg,#19826f,#125747)}.sidebar nav{gap:5px}.sidebar nav button{border-radius:10px;display:flex;align-items:center;gap:12px;font-size:14px;color:#bbcfda;text-align:start}.sidebar nav button:hover{background:#ffffff0e}.sidebar nav button.active{background:#226256;color:#fff;box-shadow:inset -3px 0 #7be2bd}[dir=ltr] .sidebar nav button.active{box-shadow:inset 3px 0 #7be2bd}.sidebar nav button::before{content:"";width:19px;height:19px;flex:0 0 19px;background:currentColor;mask:var(--nav-icon) center/contain no-repeat;-webkit-mask:var(--nav-icon) center/contain no-repeat}
.topbar{height:auto;min-height:88px;padding:16px 30px;background:var(--surface);gap:16px;flex-wrap:wrap;box-shadow:0 2px 10px #122b3604}.topbar h2{font-size:22px;letter-spacing:-.4px}.topbar .eyebrow{color:var(--muted);font-size:11px}.local-pill{margin-inline-start:auto;margin-right:0;background:var(--pale);color:var(--green);border-color:var(--line)}.ui-toolbar{display:flex;align-items:center;gap:6px}.ui-toolbar button{background:var(--surface-soft);color:var(--ink);border:1px solid var(--line);font-size:12px;padding:7px 10px;white-space:nowrap}.ui-toolbar button[aria-pressed=true]{background:var(--pale);border-color:var(--green)}
.view{padding:28px 30px 48px}.hero{background:linear-gradient(115deg,#103a43,#166755);border-radius:18px;padding:26px 30px}.hero h3{font-size:26px}.hero .eyebrow{color:#9ee6cb}.hero .primary{color:#125747;background:#fff}.stats{gap:16px;margin:22px 0}.stat{background:var(--surface);border-color:var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow);border-block-start:3px solid #218978}.stat b{font-size:28px;line-height:1.35;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.stat small{font-weight:600}.stat span{color:var(--green)}
.panel{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);border-radius:16px;padding:24px}.panel-head h3{font-size:17px}.panel-head p{line-height:1.8}.filters{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:16px;align-items:end}.table-wrap{border-color:var(--line);border-radius:12px;scrollbar-width:thin;scrollbar-color:#77918d transparent}table{font-size:13px}th{background:var(--surface-soft);color:var(--muted);font-weight:700;padding:14px 16px}td{padding:14px 16px;border-color:var(--line);color:var(--ink)}tbody tr:nth-child(even) td{background:var(--surface-soft)}tbody tr:hover td{background:var(--pale)}.amount{font-variant-numeric:tabular-nums;letter-spacing:.15px}.type-tag,.attachment-count{background:var(--pale);color:var(--green)}.cell-actions{gap:7px}.cell-actions button{min-height:32px}
.primary{background:#146b59;color:#fff}.primary:hover{background:#105544}.secondary{background:var(--pale);color:var(--green);border-color:var(--line)}.ghost{color:var(--muted);border-color:var(--line)}.link{color:var(--green)}.danger-btn{background:var(--surface);color:var(--danger);border-color:var(--danger)}
dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 80px #0005;max-width:calc(100vw - 24px);max-height:90dvh}dialog::backdrop{background:#071c2db3;backdrop-filter:blur(3px)}.dialog-head{background:var(--surface-soft);border-color:var(--line);position:sticky;top:0;z-index:2}.dialog-head button{color:var(--muted);background:transparent}.dialog-form,.details-grid{background:var(--surface)}
.auth-screen{background:radial-gradient(ellipse at 20% 20%,#1b8c7020,transparent 50%),var(--bg)}.auth-card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);border-radius:22px}.auth-card h1{color:var(--ink)}.language-switch{background:var(--surface);border-color:var(--line)}.language-switch button.active{background:#146b59;color:#fff}
[data-theme=dark] :is(.custody-chip,.summary-chip,.details-item,.detail-item,.permission-fieldset,.permission-user-name,.attachment-item,.event-item,.employee-account,.employee-summary,.report-summary,.empty){background:var(--surface-soft);color:var(--ink);border-color:var(--line)}
[data-theme=dark] :is(.form-section,.form-panel,.form-card,.attachment-add,.attachment-picker,.permission-grid,.custody-strip){background:var(--surface);color:var(--ink);border-color:var(--line)}
[data-theme=dark] :is(.details-grid b,.details-grid strong,.details-grid span,.summary-chip b,.custody-chip b){color:var(--ink)}[data-theme=dark] .event-date{color:var(--muted)}[data-theme=dark] .negative{color:var(--danger)!important}
[data-density=compact] :is(td,th){padding:8px 12px}[data-density=compact] .stat{padding:15px 18px}[data-density=compact] .panel{padding:18px}[data-density=compact] .cell-actions button{min-height:30px}
.ui-shortcuts{padding:0;width:min(520px,calc(100vw - 24px))}.ui-shortcuts .dialog-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.ui-shortcuts h3{margin:0}.ui-shortcuts-body{padding:20px;display:grid;gap:14px}.ui-shortcuts-list{display:grid;gap:6px;max-height:48dvh;overflow:auto}.ui-shortcuts-list button{text-align:start;background:var(--surface-soft);color:var(--ink);border:1px solid var(--line);padding:12px}.ui-shortcuts-list button:hover{background:var(--pale)}.ui-shortcuts-hint{margin:0;font-size:12px;color:var(--muted)}
@media(min-width:1100px){.table-wrap{max-height:68vh}.table-wrap th{position:sticky;top:0;z-index:1}.dashboard-grid .table-wrap{max-height:420px}}
@media(max-width:1100px){.topbar{padding:14px 20px}.view{padding:22px 20px}.ui-toolbar{margin-inline-start:auto}.local-pill{display:none}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app{display:block}.topbar{gap:10px;padding:12px 14px}.topbar h2{font-size:18px}.topbar>div:has(#pageTitle){flex:1}.ui-toolbar{width:100%;justify-content:flex-end}.ui-toolbar button{flex:1;min-height:42px}.sidebar{width:min(300px,calc(100vw - 28px))}.view{padding:16px 12px 32px}.panel{padding:16px}.hero{padding:22px}.hero h3{font-size:22px}.stats{gap:12px}.filters{grid-template-columns:1fr;padding:12px}.table-wrap{max-height:none}.panel-head{align-items:flex-start;flex-wrap:wrap}.stat b{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important;animation:none!important}}
@media print{:root,[data-theme=dark]{color-scheme:light;--ink:#111;--muted:#444;--surface:#fff;--surface-soft:#fff;--bg:#fff;--line:#ccc;--green:#174d37;--pale:#fff}.ui-toolbar,.ui-shortcuts{display:none!important}.table-wrap{max-height:none!important;overflow:visible!important}.table-wrap th{position:static!important}th,td{background:#fff!important;color:#111!important}.panel{box-shadow:none!important}body{background:#fff!important;color:#111!important}}

.sidebar nav button[data-view="dashboard"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h7v7H3z%20M14%203h7v7h-7z%20M3%2014h7v7H3z%20M14%2014h7v7h-7z%22/%3E%3C/svg%3E")}
.sidebar nav button[data-view="operations"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16%20M4%2012h16%20M4%2018h16%22/%3E%3C/svg%3E")}
.sidebar nav button[data-view="new"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v16%20M4%2012h16%22/%3E%3C/svg%3E")}
.sidebar nav button[data-view="custody"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h18v15H3z%20M15%2010h6v5h-6z%22/%3E%3C/svg%3E")}
.sidebar nav button[data-view="employees"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2011a4%204%200%201%200%200-8a4%204%200%200%200%200%208%20M2%2021v-3a7%207%200%200%201%2014%200v3%20M18%205a3%203%200%200%201%200%206%20M19%2015q3%201%203%206%22/%3E%3C/svg%3E")}
.sidebar nav button[data-view="vehicles"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011l3-7h12l3%207v8H3z%20M3%2011h18%20M6%2015h2%20M16%2015h2%22/%3E%3C/svg%3E")}
.sidebar nav button[data-view="suppliers"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209l9-6%209%206v12H3z%20M9%2021v-8h6v8%22/%3E%3C/svg%3E")}
.sidebar nav button[data-view="reports"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021V3h16v18z%20M8%2016v-3%20M12%2016V8%20M16%2016v-6%22/%3E%3C/svg%3E")}
.sidebar nav button[data-view="users"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2013a5%205%200%201%200%200-10a5%205%200%200%200%200%2010%20M3%2022a9%209%200%200%201%2018%200%22/%3E%3C/svg%3E")}
.sidebar nav button[data-view="audit"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%204h13v17H4V7%20M8%203v4h8V3z%20M8%2011h8%20M8%2015h8%22/%3E%3C/svg%3E")}.finance-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-block:10px 20px}.finance-content{display:grid;gap:18px}.finance-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-items:end;padding:18px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}.finance-form input[type=checkbox]{width:22px;min-height:22px}.finance-content pre{white-space:pre-wrap;max-width:500px;max-height:300px;overflow:auto;direction:ltr;text-align:left}.finance-content p{line-height:1.85}.finance-tabs button{min-height:42px}

.sidebar nav button[data-view=finance]::before{content:'✓';background:transparent;mask:none;-webkit-mask:none;text-align:center;line-height:19px}

.clickable-row{cursor:pointer}.clickable-row:hover,.clickable-row:focus-visible{background:var(--surface-alt,#e8f2ee);outline:2px solid #16856d;outline-offset:-2px}