/* Common card outlines across the cabinet, including component-specific surfaces. */
:root{--surface-border:#625d78}
body .container :is(.panel,.auth-card,.visit-card,.settings-card,.settings-sidebar,.team-member,
    .object-focus-card,.object-section,.object-side-card,.object-create-card,.object-edit-card,
    .client-focus-card,.client-section,.client-object-card,.dash-panel,.dash-stat,.dash-work,
    .personal-card,.personal-panel,.attention-card,.task-form-section,.team-settings-section,
    .push-card,.push-hero,.ordinary-task-header,.task-focus-card,.task-ops-card,.work-finance,
    .table-wrap,.object-filters){border-color:var(--surface-border)}
body .container :is(.settings-card,.visit-card,.dash-stat,.dash-work):hover{border-color:var(--accent)}
body .container .conflict{border-color:#9a5663}

/* Shared application foundations: surfaces, controls, rhythm and interaction. */
:root{--surface-border:#354056;--line:#354056;--text:#e9eef9;--muted:#96a3ba;--accent:#aa95fb;--ui-radius:10px;--ui-focus:#b5a3ff;--ui-control:#0c1422;--ui-surface:#131b2a}
body{background:radial-gradient(ellipse at 85% 0,#8673ce0c,transparent 42%),#0a101b;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
body .container{padding-top:28px;padding-bottom:56px}
body .container>*{min-width:0}
body .container h1{font-size:clamp(24px,2.2vw,32px);font-weight:650;letter-spacing:-.035em;line-height:1.2}
body .container h2{font-weight:600;letter-spacing:-.015em}
body .container :is(.panel,.visit-card,.settings-card,.settings-sidebar,.team-member,.object-section,.client-section,.personal-panel,.dash-panel,.attention-card,.task-form-section,.team-settings-section,.push-card,.table-wrap){border-radius:14px;border-color:var(--surface-border);box-shadow:0 4px 20px #00000012}
body .container :is(.panel,.object-section,.client-section,.personal-panel,.dash-panel,.task-form-section){background:linear-gradient(125deg,#182033,#131b2a 72%)}
body .container :is(.work-detail-page>.panel,.work-detail-page>.work-finance,.work-detail-page .task-focus-card,.work-detail-page .task-ops-card){border-radius:16px;border-color:#414763;background:linear-gradient(125deg,#1a2032,#131b2a 72%);box-shadow:0 6px 24px #0002}
body .container :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=color]),select,textarea){border:1px solid #3d4a62;border-radius:var(--ui-radius);background:var(--ui-control);color:var(--text);padding:9px 11px;min-height:38px;line-height:20px;font-size:14px;box-shadow:inset 0 1px 2px #0002;transition:border-color .15s,box-shadow .15s,background .15s}
body .container input::placeholder,body .container textarea::placeholder{color:#75849c;opacity:1}
body .container :is(input,select,textarea):hover:not(:disabled):not([readonly]){border-color:#5d6c88}
body .container :is(input,select,textarea):focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px;border-color:#9682d8;box-shadow:0 0 0 4px #aa95fb12}
body .container :is(input,select,textarea):disabled{opacity:.6;cursor:not-allowed}
body .container :is(input,textarea)[readonly]{background:#151c2b;color:#a6b1c6;border-color:#303b50}
body .container :is(input,select,textarea):user-invalid{border-color:#ee8499}
body .container input[type=checkbox],body .container input[type=radio]{accent-color:var(--accent)}
body .container :is(.stack,.form-grid,.form-panel,.filters,.team-form,.settings-content) label{font-size:12px;font-weight:500;color:#b0bdd2;line-height:1.5}
body .container :is(.stack,.form-grid,.team-form){gap:12px}
body .container .button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 14px;border:1px solid transparent;border-radius:var(--ui-radius);font-size:13px;font-weight:600;line-height:18px;background:linear-gradient(130deg,#b19dff,#9581e5);color:#141126;box-shadow:0 2px 8px #a38bf01a;transition:background .15s,border-color .15s,box-shadow .15s}
body .container .button.secondary{border-color:#46516c;background:linear-gradient(125deg,#242c40,#1c2435);color:#dce4f5;box-shadow:inset 0 1px #ffffff05}
body .container .button:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 3px 12px #0002}
body .container :is(button,a,summary):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
body .container .button:disabled{filter:none;opacity:.45;box-shadow:none}
body .container :is(.badge,.status-pill){font-weight:550;font-size:11px;letter-spacing:0}
body .container :is(th,td){padding:12px 15px;border-bottom-color:#2b3548}
body .container th{font-size:10px;font-weight:600;letter-spacing:.07em;color:#95a3bc;background:#101827}
body .container td{font-size:13px}
body .container tbody tr{transition:background .15s}
body .container tbody tr:hover{background:#a38bf008}
body .container td :is(input,select){min-height:34px}
body .container .eyebrow{font-size:10px;font-weight:650;letter-spacing:.1em;color:#aa9cdd}
body .container .page-head{margin-bottom:20px;gap:16px}
body .container .actions{gap:8px;flex-wrap:wrap}
body .container .section-head{gap:12px}
body .container .notice{font-size:13px;border-radius:10px;padding:10px 12px}
body .container details>summary{font-weight:550}
body .container .settings-nav-item{border-radius:10px}
body .container .settings-nav-item strong{font-size:13px;font-weight:600}
body .container .settings-nav-icon{border-radius:10px;width:34px;height:34px}
body .topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;min-height:64px;padding:10px max(24px,calc((100% - 1392px)/2));border-bottom:1px solid #313b50;background:#101726f0;box-shadow:0 2px 16px #0001}
body .topbar .brand{font-size:19px;font-weight:650;letter-spacing:-.03em}
body .topbar>nav{min-width:0;display:flex;align-items:center;gap:3px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#8575b144 transparent;padding:3px}
body .topbar>nav a{flex:none;padding:7px 9px;border-radius:8px;font-size:12px;color:#9daaC0;line-height:18px;background:none}
body .topbar>nav a:hover{background:#ffffff06;color:#e3e9f5}
body .topbar>nav a[aria-current=page]{background:#a38bf018;color:#d2c4ff;box-shadow:inset 0 0 0 1px #a38bf026}
body .topbar>form{margin:0}
body .topbar>form button{font-size:12px}
body .topbar .user-chip{max-width:160px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1200px){
 body .topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px 16px;padding:10px 24px 6px}
 body .topbar>nav{grid-column:1/-1;grid-row:2;width:100%;order:initial}
 body .topbar .user-chip{grid-column:2;grid-row:1;justify-self:end}
 body .topbar>form{grid-column:3;grid-row:1;order:initial}
}
@media(max-width:680px){
 body .topbar{padding:10px 14px 6px;gap:5px 10px}
 body .topbar .user-chip{display:block;max-width:40vw;font-size:11px}
 body .topbar>nav a{padding:7px 10px;font-size:11px}
 body .container{padding:20px 14px 40px}
 body .container :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=color]),select,textarea){font-size:16px;min-height:40px}
 body .container .button{min-height:40px}
 body .container .page-head{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){body .container *,body .topbar *{transition:none!important;animation:none!important}}