/* Selmio — shared identity for administration, residents and suppliers. */
@font-face{font-family:Inter;src:url('/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
 --brand-ink:#172a2d;--brand-canvas:#f7f6f2;--brand-surface:#fff;--brand-slate:#52656a;--brand-border:#dce2de;
 --brand-accent:#146f68;--brand-accent-hover:#105a55;--brand-accent-soft:#e7f0ed;
 --brand-success:#286148;--brand-warning:#805b20;--brand-danger:#a33b35;--brand-info:#365f71;
 --brand-space-1:4px;--brand-space-2:8px;--brand-space-3:12px;--brand-space-4:16px;--brand-space-5:24px;--brand-space-6:32px;--brand-space-7:48px;
 --brand-radius-sm:6px;--brand-radius-md:10px;--brand-radius-lg:14px;--brand-shadow:0 4px 18px rgb(23 42 45 / 4%);
 --font-sans:Inter,system-ui,-apple-system,sans-serif;--font-mono:Inter,system-ui,sans-serif;
 --bg-main:var(--brand-canvas);--bg-sidebar:#eef1ed;--bg-card:var(--brand-surface);--bg-card-hover:#f6f9f7;--bg-surface:#f3f6f4;--bg-primary:var(--brand-surface);--bg-secondary:#f3f6f4;
 --border:var(--brand-border);--border-color:var(--brand-border);--border-accent:#b5d0ca;
 --text-main:var(--brand-ink);--text-primary:var(--brand-ink);--text-muted:var(--brand-slate);--text-secondary:var(--brand-slate);--text-sub:var(--brand-slate);
 --primary:var(--brand-accent);--primary-hover:var(--brand-accent-hover);--primary-glow:var(--brand-accent-soft);
 --success:var(--brand-success);--warning:var(--brand-warning);--danger:var(--brand-danger);--info:var(--brand-info);--success-glow:#eaf2ed;
 --radius-sm:var(--brand-radius-sm);--radius-md:var(--brand-radius-md);--radius-lg:var(--brand-radius-lg);--shadow-card:var(--brand-shadow);
 --ux-ink:var(--brand-ink);--ux-muted:var(--brand-slate);--ux-border:var(--brand-border);--ux-surface:var(--brand-surface);--ux-canvas:var(--brand-canvas);--ux-success:var(--brand-success);--ux-warning:var(--brand-warning);--ux-danger:var(--brand-danger);--ux-info:var(--brand-info);--ux-neutral:var(--brand-slate);--ux-shadow:var(--brand-shadow);--ux-radius:var(--brand-radius-md);
 color-scheme:light;
}
body,button,input,textarea,select{font-family:var(--font-sans)}
body{color:var(--brand-ink);background:var(--brand-canvas);font-size:14px;font-variant-numeric:tabular-nums}
h1,h2,h3,h4,.workspace-heading h1,.management-section,.management-start h2,.assembly-workspace h2,.import-intro h2,.import-step h2,.import-history h2,.import-summary strong{font-family:var(--font-sans);font-weight:600;letter-spacing:-.035em}
.brand{align-items:center;padding-bottom:26px;gap:10px}.brand-logo{width:34px;height:34px;color:var(--brand-accent);flex-shrink:0}.brand-logo svg{width:100%;height:100%}.brand-title{font:650 29px/1.15 var(--font-sans);letter-spacing:-1.4px}.brand-badge{font-size:8px;letter-spacing:.11em;max-width:152px;line-height:1.65}
.sidebar{background:#eef1ed;border-color:var(--brand-border)}.nav-menu .nav-item{color:var(--brand-slate);border-radius:var(--brand-radius-sm);transition:background-color 140ms,color 140ms}.nav-menu .nav-item:hover{background:#e2eae5;color:var(--brand-ink)}.nav-menu .nav-item.active{background:var(--brand-accent-soft);color:var(--brand-accent);box-shadow:inset 3px 0 var(--brand-accent)}.nav-group summary{font-size:12px;font-weight:550;color:var(--brand-ink)}.nav-caption{color:var(--brand-slate)}.user-avatar{background:#deebe5;color:var(--brand-accent)}
.topbar{background:var(--brand-canvas);min-height:72px;border-color:var(--brand-border)}.ux-context select{background:var(--brand-surface);border-color:var(--brand-border)}.content-body{max-width:1600px}.view-header h1,.view-title{font-weight:600;letter-spacing:-1.1px}.workspace-panel,.card,.assembly-workspace,.table-container{border-color:var(--brand-border);border-radius:var(--brand-radius-md);box-shadow:var(--brand-shadow)}.workspace-panel h2{font-size:20px;letter-spacing:-.45px}.ux-attention-grid{gap:20px}.ux-attention-grid>.workspace-panel{padding:24px}.ux-attention-grid .empty-state h3{font-size:14px}.ux-metric strong,.finance-metric strong,.portal-balance,.stat-value{color:var(--brand-ink);font-weight:600;letter-spacing:-.7px}
.btn{border-radius:var(--brand-radius-sm);font-size:12px;font-weight:550;transition:background-color 140ms,border-color 140ms;color:var(--brand-ink)}.btn-primary{background:var(--brand-accent);color:white}.btn-primary:hover{background:var(--brand-accent-hover)}.btn-secondary,.btn-outline{background:var(--brand-surface);border-color:var(--brand-border)}.btn-ghost{background:transparent;border-color:transparent;color:var(--brand-accent)}.btn-danger{color:var(--brand-danger);background:#f8eae7}.btn-success{color:var(--brand-success);background:#eaf2ed}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-icon{border-radius:var(--brand-radius-sm)}
.data-table th,.table th{background:#f3f6f4;color:var(--brand-slate);font-size:11px;font-weight:550;border-color:var(--brand-border);padding:13px 18px}.data-table td,.table td{border-color:var(--brand-border);padding:15px 18px;font-size:12px}.data-table tbody tr:hover td,.table tbody tr:hover td{background:#f5f9f7}.data-table.ux-compact td{padding-block:8px}.table-container{scrollbar-width:thin}.data-table :is(th,td) :is(strong,b){font-weight:600}
.tag,.badge,.ux-badge{font-size:11px;font-weight:500;border-radius:var(--brand-radius-sm)}.tag-success,.badge-success,.ux-success{background:#eaf2ed;color:var(--brand-success)}.tag-primary,.badge-primary,.badge-info,.ux-info{background:var(--brand-accent-soft);color:var(--brand-accent)}.badge-warning,.ux-warning{background:#f8efdF;color:var(--brand-warning)}.badge-danger,.ux-danger{background:#f8eae7!important;color:var(--brand-danger)!important}.ux-neutral{background:#eef1ed;color:var(--brand-slate)}
input,select,textarea,.form-group input{border-color:#c8d4ce;border-radius:var(--brand-radius-sm);background:var(--brand-surface);color:var(--brand-ink);font-size:13px}input[type=checkbox]{accent-color:var(--brand-accent)}input::placeholder,textarea::placeholder{color:#63757a}label,.form-group label,dialog label{color:var(--brand-slate);font-size:12px}dialog{border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg);box-shadow:0 16px 70px rgb(23 42 45 / 16%)}dialog::backdrop{background:rgb(23 42 45 / 32%)}.dialog-header h3{font-size:24px}.dialog-description{color:var(--brand-slate)}.dialog-actions{border-top:1px solid var(--brand-border);padding-top:20px}
.ux-progress span{background:#e7eeea;color:var(--brand-slate)}.ux-progress .ux-current{color:var(--brand-accent)}.ux-progress .ux-current span{background:var(--brand-accent);color:#fff}.ux-progress .ux-complete span{background:#eaf2ed;color:var(--brand-success)}.ux-tabs [aria-selected=true],.ux-tabs [aria-current=page]{background:var(--brand-accent);color:#fff;border-color:var(--brand-accent)}.ux-activity-timeline li:before{background:var(--brand-accent)}.ux-kanban section{background:#eef2ef}.ux-incident-card{border-color:var(--brand-border)}
.pilot-operation{padding:24px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-md);margin-bottom:24px}.pilot-operation h2{font-size:21px;margin:6px 0 10px}.pilot-operation p{line-height:1.7;color:var(--brand-slate)}.pilot-operation strong{font:550 15px/1.5 var(--font-sans)}.pilot-operation .stats-grid{border:0;margin-block:16px}.pilot-operation .stat-card{padding:12px 18px;border-color:var(--brand-border)}.pilot-operation .management-actions{gap:8px}.pilot-operation details{margin-top:16px;border-top:1px solid var(--brand-border);padding-top:12px}.pilot-operation summary{color:var(--brand-slate);cursor:pointer;font-size:12px}
.login-story{background:var(--brand-ink);color:var(--brand-canvas);position:relative;overflow:hidden}.login-story h2{font:550 clamp(30px,4vw,46px)/1.15 var(--font-sans);letter-spacing:-1.8px}.login-story p{color:#c9d8d2}.login-story>.brand-title{color:var(--brand-canvas)}.selmio-login-mark{color:#7faf9e;width:180px;align-self:flex-end;margin-top:36px;opacity:.8}.selmio-login-mark svg{width:100%}.login-brand-icon{background:none;color:var(--brand-accent);width:34px;height:34px}.login-brand-icon svg{width:100%;height:100%}.login-header h2{font-size:27px}.login-card{border:1px solid var(--brand-border);box-shadow:0 18px 60px rgb(23 42 45 / 12%)}
.resident-workspace .sidebar{background:#eef1ed}.resident-workspace .portal-financial{border-left:3px solid var(--brand-accent)}.resident-workspace .portal-balance{font-size:clamp(30px,5vw,42px)}.selmio-wordmark{display:inline-flex;align-items:center;gap:12px;font:650 29px/1 var(--font-sans);letter-spacing:-1.2px;color:var(--brand-ink)}.selmio-wordmark svg{width:34px;height:34px;color:var(--brand-accent)}.selmio-wordmark span{font:inherit;color:inherit;letter-spacing:inherit}body:has(.selmio-wordmark){display:block;height:auto;overflow:auto}body:has(.selmio-wordmark) h1{font:600 clamp(36px,6vw,54px)/1.1 var(--font-sans)}body:has(.selmio-wordmark) h2{font:600 24px/1.3 var(--font-sans)}body:has(.selmio-wordmark) button{background:var(--brand-accent);border-radius:var(--brand-radius-sm)}
:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--brand-accent);outline-offset:3px}.ux-loading span{background:#e5ece7}.ux-toast{background:var(--brand-ink)}
@media(max-width:1100px){.topbar{padding-inline:24px}.ux-context{max-width:100%}.content-body{padding-inline:24px}.pilot-operation .stat-card{padding-inline:12px}}
@media(max-width:800px){.topbar{padding:12px 16px}.content-body{padding:24px 16px 40px}.main-content{padding:0}.view-header h1{font-size:29px}.ux-attention-grid>.workspace-panel{padding:20px}.pilot-operation{padding:20px}.pilot-operation .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pilot-operation .stat-card{border:0}.pilot-operation .management-actions .btn{flex:1 1 180px}.sidebar{width:min(290px,calc(100vw - 52px))}}
@media(max-width:430px){.brand-badge{max-width:165px}.ux-context{width:100%;gap:8px}.ux-context select{max-width:100%;font-size:12px}.ux-context .ux-badge{font-size:10px}.view-header .management-actions{width:100%;gap:8px}.view-header .management-actions .btn{flex:1}.pilot-operation{padding:16px}.pilot-operation .stats-grid{grid-template-columns:1fr 1fr}.pilot-operation strong{font-size:13px}.ux-metric strong{font-size:22px;overflow-wrap:anywhere}.ux-metric{padding-inline:10px}.btn,.data-table td .btn{min-height:44px}.ux-attention-grid{gap:16px}.selmio-login-mark{width:90px;margin:16px 0}.login-story h2{font-size:28px}}
.topbar{flex-shrink:0}.content-body{flex-shrink:0}.finance-metric>strong,.finance-intro h2,.finance-steps a::before{font-family:var(--font-sans);font-weight:600}.selmio-mobile-brand{display:none}
dialog[open]:has(.record-details):not(:has(form)),dialog.ux-incident-dialog[open]{position:fixed;inset:0 0 0 auto;margin:0;width:min(760px,95vw);height:100dvh;max-height:100dvh;max-width:95vw;border-radius:0;border:0;border-left:1px solid var(--brand-border);padding:32px;overflow:auto;box-shadow:-16px 0 60px rgb(23 42 45 / 12%)}dialog.ux-incident-dialog[open]{width:min(980px,95vw)}
@media(max-width:800px){dialog[open]:has(.record-details):not(:has(form)),dialog.ux-incident-dialog[open]{width:100vw;max-width:100vw;padding:24px 20px}.record-details{grid-template-columns:1fr}.record-details dd{margin-bottom:12px}}
@media(max-width:800px){.topbar{display:grid;grid-template-columns:44px auto minmax(0,1fr);gap:10px 12px}.selmio-mobile-brand{display:block;font-size:20px;font-weight:650;letter-spacing:-.8px}.topbar-search{grid-column:3;min-width:0;width:auto;max-width:100%}.topbar-search input{width:100%;min-width:0}.topbar-actions{grid-column:1/3;grid-row:2;width:auto;justify-content:flex-start}.topbar #pilot-help{grid-column:3;grid-row:2;justify-self:end;min-width:116px}.ux-context{grid-column:1/-1;grid-row:3;max-width:100%;width:100%}}
@media(max-width:430px){.ux-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.ux-metric:nth-child(odd){padding-left:0;border-left:0}.ux-metric strong{font-size:23px}.ux-context .ux-badge{white-space:normal}.selmio-wordmark span{display:inline}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
