/* Mentrix Workspace — compact, accessible desktop and mobile controls. */
:root{--primary:#087f8c;--primary-hover:#066670;--primary-soft:#e7f5f4;--primary-text:#fff;--chart-1:#087f8c;--bg:#f3f6f8;--text:#172b3a;--text-muted:#556b7b;--sidebar:#102633;--sidebar-text:#b1c5ce;--border:#dce6ea;--radius:12px;--header-h:64px}
[data-theme="dark"]{--primary:#69d5d1;--primary-hover:#8de2de;--primary-soft:#123b40;--primary-text:#0a2529;--chart-1:#69d5d1;--bg:#0b1720;--surface:#132530;--surface-2:#172d39;--surface-soft:#172d39;--surface-hover:#1c3542;--sidebar:#091b26;--sidebar-text:#abc2cd;--text:#e7f0f4;--text-muted:#a1b6c4;--text-faint:#93aab9;--border:#2a414e;--border-strong:#3c5766}
html{scroll-padding-top:80px}body{overflow-x:clip}.main,.content,.container,.topbar>h1,.card,.field{min-width:0}.container{max-width:1520px}.topbar{gap:12px;border-bottom:1px solid var(--border);box-shadow:0 2px 12px #10263304}.topbar h1{font-size:18px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-brand{border-bottom:1px solid #ffffff12}.sidebar .nav-item{border-radius:9px;margin-bottom:3px;min-height:42px}.sidebar .nav-item.active{box-shadow:inset 3px 0 0 #73e3d1;background:#ffffff10}.sidebar .nav-item:hover{text-decoration:none}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#587381 transparent}.nav-group-label{letter-spacing:.1em;font-size:10px}.sidebar-search{display:block;padding:10px 13px 2px}.sidebar-search input{width:100%;min-width:0;border:1px solid #ffffff25;background:#ffffff08;color:#f2fafb;border-radius:9px;padding:9px 10px;font:inherit;font-size:12px}.sidebar-search input::placeholder{color:#b1c5ce}.sidebar-mini .sidebar-search{display:none}.sidebar-nav .nav-item[hidden],.sidebar-nav .nav-group-label[hidden]{display:none!important}.nav-no-results{color:#b1c5ce;font-size:12px;padding:12px 16px}
.stat{box-shadow:none;border:1px solid var(--border);border-radius:12px;min-width:0}.stat-value{font-variant-numeric:tabular-nums;font-size:clamp(22px,2.3vw,30px);overflow-wrap:anywhere}.stat-label{font-size:12px}.card{border:1px solid var(--border);box-shadow:0 3px 12px #10263304}.card-header{gap:12px;flex-wrap:wrap}.btn{min-height:38px;transition:background .15s,border-color .15s,box-shadow .15s}.btn:disabled{cursor:wait;opacity:.65}.btn[aria-busy=true]{cursor:wait}.input,select,textarea{max-width:100%;min-width:0}.input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px var(--primary-soft)}.input[aria-invalid=true]{border-color:var(--danger)}.field label{font-size:12px;font-weight:600}.table-wrap{max-width:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}table{font-variant-numeric:tabular-nums}th{white-space:nowrap}td{overflow-wrap:anywhere}thead th{background:var(--surface-soft)}.workspace-dense td,.workspace-dense th{padding-top:8px!important;padding-bottom:8px!important}.workspace-dense .stat{padding:14px}.workspace-dense .content{padding-top:16px}.density-toggle{white-space:nowrap;font-size:12px}.density-toggle[aria-pressed=true]{color:var(--primary);background:var(--primary-soft);border-color:var(--primary)}
.workspace-brief{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:17px 20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);position:relative;overflow:hidden}.workspace-brief::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--primary)}.workspace-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--primary);margin-bottom:5px}.workspace-brief h2{font-size:20px}.workspace-brief p{font-size:12px;color:var(--text-muted);margin:5px 0 0}.workspace-priorities{display:flex;flex-wrap:wrap;gap:8px}.workspace-priority{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);font:inherit;font-size:12px;text-align:left;cursor:pointer}.workspace-priority:hover{border-color:var(--primary);background:var(--primary-soft)}.workspace-priority strong{font-size:16px;color:var(--primary);font-variant-numeric:tabular-nums}.workspace-priority[data-urgent=true] strong{color:var(--warning)}
.network-state{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:10000;max-width:calc(100vw - 24px);padding:10px 16px;border:1px solid var(--warning);border-radius:10px;background:var(--warning-soft);color:var(--warning);box-shadow:var(--shadow);font-size:13px}.network-state[hidden]{display:none}.form-dirty{font-size:11px;color:var(--warning);margin-left:8px}.form-dirty[hidden]{display:none}.modal{padding:20px}.modal-dialog,.modal-content{max-width:100%;max-height:calc(100dvh - 40px);overscroll-behavior:contain}.modal.open{overflow-y:auto}.modal :focus-visible{outline:2px solid var(--primary);outline-offset:3px}.toasts{max-width:calc(100vw - 24px)}.toast{overflow-wrap:anywhere}.logout-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.logout-card{max-width:450px;padding:28px}.logout-card h1{margin:8px 0 12px}.logout-card form{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.auth-page{background:var(--bg)}.auth-visual{background:radial-gradient(ellipse at 10% 15%,#155268 0,transparent 60%),linear-gradient(150deg,#102633,#143c4b);color:#f0f9fc}.auth-visual::after{opacity:.12;background:#69d5d1}.auth-visual h2{font-size:clamp(26px,3vw,38px);max-width:450px;line-height:1.2;letter-spacing:-.04em}.auth-visual>p{color:#c3dce5;max-width:440px}.auth-features{display:grid;gap:14px}.auth-features li{font-size:13px;color:#d8e8ee}.auth-box{border:1px solid var(--border);box-shadow:0 12px 40px #1026330d;border-radius:18px}.auth-box h1{letter-spacing:-.025em}.auth-help{color:var(--primary)}.tg-auto-box{max-width:calc(100vw - 32px)}
@media(max-width:1100px){.workspace-brief{align-items:flex-start;flex-direction:column}.workspace-priorities{width:100%}.workspace-priority{flex:1}.topbar-actions{gap:6px}.topbar .avatar{flex-shrink:0}}
@media(max-width:760px){.content{padding:16px 12px}.topbar{padding-left:12px;padding-right:12px}.topbar h1{font-size:16px}.topbar-actions .density-label{display:none}.density-toggle{width:36px;padding:6px}.workspace-brief{padding:15px;margin-bottom:14px;gap:12px}.workspace-brief h2{font-size:18px}.workspace-priorities{gap:6px}.workspace-priority{font-size:11px;flex:1 1 120px;padding:8px}.workspace-priority strong{font-size:15px}.stats{gap:10px}.stat{padding:13px}.stat-value{font-size:23px}.modal{padding:10px}.modal-dialog,.modal-content{max-height:calc(100dvh - 20px)}.auth-form-area{padding:22px 14px}.auth-box{padding:23px 20px}.auth-visual{min-height:0}.auth-visual h2{font-size:26px}.input,select,textarea{font-size:16px}.sidebar-search input{font-size:16px}.sidebar{padding-bottom:env(safe-area-inset-bottom)}.sidebar .nav-item{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.sidebar,.topbar,.network-state,.toasts,.workspace-priorities{display:none!important}.main{margin:0!important}.content{padding:0}.card,.stat{break-inside:avoid;box-shadow:none}.workspace-brief{padding:12px;border:0}.table-wrap{overflow:visible}}