/* Kimia UI completion: shared operational components; no domain state inferred in CSS. */
body { color:var(--kimia-text); background:var(--kimia-canvas); }
.kimia-page-heading { max-width:760px; margin-inline:auto; text-align:center; }
.kimia-page-heading h1 { font-size:clamp(24px,3vw,34px); line-height:1.5; margin:8px 0; }
.kimia-page-heading p { margin:8px auto; max-width:65ch; line-height:1.85; }
.ws-main { scroll-margin-top:80px; }
.ws-main .ui-button { min-height:44px; }
.ws-main :is(.ws-field,.ws-toolbar>div) { min-width:0; }
.ws-main .ws-field :is(input,textarea,select) { font:inherit; font-size:16px; }
.ws-main .ws-field :is(input[type=checkbox],input[type=radio]) { width:22px; min-height:22px; accent-color:var(--kimia-accent); }
.ws-main :is(.ws-field small,.ws-current,.ws-facts dt) { color:var(--kimia-muted); line-height:1.8; }
.ws-main .errorlist,.ws-main .ws-error-summary,.ws-main .ws-network-error { color:var(--kimia-urgent); background:color-mix(in srgb,var(--kimia-urgent) 8%,var(--kimia-panel)); }
.ws-main :is(input,textarea,select):focus-visible { outline:3px solid var(--kimia-accent)!important; outline-offset:3px; }
.ws-main input[aria-invalid=true],.ws-main textarea[aria-invalid=true],.ws-main select[aria-invalid=true] { border-color:var(--kimia-urgent); }
.kimia-section-nav { display:flex; gap:8px; overflow:auto; padding:8px 0 16px; margin:0 0 12px; }
.kimia-section-nav a { flex:none; min-height:44px; padding:10px 16px; border:1px solid var(--kimia-border); border-radius:14px; background:var(--kimia-panel); color:var(--kimia-accent); text-decoration:none; }
.kimia-section-nav a:hover { background:var(--kimia-accent-surface); }
.kimia-section-nav a:focus-visible,.kimia-disclosure summary:focus-visible { outline:3px solid var(--kimia-accent); outline-offset:3px; }
.kimia-record-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.kimia-record-grid>.ws-panel { margin:0; }
.kimia-context-card { border-inline-start:4px solid var(--kimia-accent); }
.kimia-context-card .ws-facts { gap:18px; }
.kimia-action-bar { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:16px 0; }
.kimia-action-bar .ui-button:not(.ui-button--primary) { color:var(--kimia-accent); background:var(--kimia-accent-surface); border-color:var(--kimia-border); }
.kimia-disclosure { border:1px solid var(--kimia-border); border-radius:16px; background:var(--kimia-panel); margin:12px 0; padding:0 16px; }
.kimia-disclosure>summary { display:list-item; padding:14px 6px; min-height:48px; cursor:pointer; font-weight:700; color:var(--kimia-text); }
.kimia-disclosure[open]>summary { color:var(--kimia-accent); border-bottom:1px solid var(--kimia-border); margin-bottom:14px; }
.kimia-disclosure>summary small { font-size:13px; color:var(--kimia-muted); margin-inline-start:8px; font-weight:400; }
.kimia-disclosure>.kimia-action-bar:last-child { margin-bottom:16px; }
.kimia-event { display:grid; gap:6px; padding:14px 16px; margin:8px 0; border:1px solid var(--kimia-border); border-radius:14px; background:var(--kimia-raised); overflow-wrap:anywhere; }
.kimia-event p { margin:0; line-height:1.85; }
.kimia-event time { color:var(--kimia-muted); font-size:13px; }
.kimia-route-status { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; padding:0; list-style:none; }
.kimia-route-status li { display:grid; gap:4px; flex:1 1 110px; padding:12px; border:1px solid var(--kimia-border); border-radius:14px; background:var(--kimia-raised); }
.kimia-route-status small { color:var(--kimia-muted); }
.kimia-data-scroll { overflow:auto; border:1px solid var(--kimia-border); border-radius:14px; }
.kimia-data-scroll table { width:100%; border-collapse:collapse; min-width:440px; }
.kimia-data-scroll :is(th,td) { padding:14px; text-align:start; border-bottom:1px solid var(--kimia-border); }
.kimia-data-scroll th { background:var(--kimia-raised); }
.kimia-data-scroll tr:last-child td { border-bottom:0; }
.kimia-metric-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.kimia-metric-card { display:grid; gap:10px; padding:22px; border:1px solid var(--kimia-border); border-radius:20px; background:var(--kimia-panel); min-width:0; }
.kimia-metric-card h3 { margin:0; font-size:17px; }
.kimia-metric-card .ws-metric-value { font-size:clamp(22px,3vw,32px); color:var(--kimia-accent); font-weight:800; margin:0; }
.kimia-metric-card p { margin:0; }
.kimia-metric-card details { font-size:13px; color:var(--kimia-muted); }
.kimia-metric-card summary { cursor:pointer; min-height:44px; padding-block:10px; }
.kimia-metric-card .ui-button { margin-top:auto; }
.kimia-form-footer { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:24px; padding-top:20px; border-top:1px solid var(--kimia-border); }
.kimia-form-footer .ui-button { width:auto; }
.ws-toolbar select,.ws-toolbar input { font:inherit; }
.ws-row>* { min-width:0; }
.ws-row .ui-button { flex-shrink:0; }
.kimia-record-grid .ws-card { margin:0; }
.kimia-record-grid .ws-card-top { align-items:center; justify-content:space-between; }
.ws-panel[id] { scroll-margin-top:88px; }
/* Account surfaces share the palette even before authentication. */
.auth-page,.auth-form-panel,.security-page,.mfa-setup-page { background:var(--kimia-canvas); color:var(--kimia-text); }
.auth-showcase { background:radial-gradient(ellipse at 30% 35%,#1f5555 0%,#122235 65%); }
.showcase-label { color:#b9f1df; background:#ffffff12; border-color:#ffffff24; }
.showcase-footer { color:#b9cbd5; }
:is(.auth-card,.security-card,.mfa-setup-card) { color:var(--kimia-text); background:var(--kimia-panel); border-color:var(--kimia-border); }
.auth-card { padding:28px; border:1px solid var(--kimia-border); border-radius:24px; box-shadow:var(--shadow-sm); width:min(460px,100%); }
:is(.auth-card,.security-card,.mfa-setup-card) :is(p,footer,dt,small,.step-label) { font-size:14px; color:var(--kimia-muted); }
:is(.auth-card,.security-card,.mfa-setup-card) label { font-size:15px; color:var(--kimia-text); }
.form-field input { font:inherit; font-size:16px; background:var(--kimia-panel); color:var(--kimia-text); border-color:var(--kimia-border); }
.auth-submit { min-height:48px; font-size:15px; background:var(--kimia-accent); color:var(--kimia-panel); box-shadow:none; }
.auth-submit:hover { background:var(--kimia-accent); filter:brightness(.95); }
.auth-submit.secondary,.lock-mark { color:var(--kimia-accent); background:var(--kimia-accent-surface); }
:is(.security-card dl div,.session-item,.secret-code,.recovery-grid code) { background:var(--kimia-raised); color:var(--kimia-text); border-color:var(--kimia-border); font-size:14px; }
:is(.session-item,.security-header) button { min-height:44px; min-width:44px; font:inherit; }
.session-item :is(strong,em,small),.sessions-section p { font-size:13px; }
.security-card { margin-top:28px; }
.security-card dd { color:var(--kimia-text); }
.form-alert.error,.field-error { color:var(--kimia-urgent); }
.form-alert.error { background:color-mix(in srgb,var(--kimia-urgent) 10%,var(--kimia-panel)); }
.auth-card .field-error { color:var(--kimia-urgent); }
.qr-frame { background:white; }
@media(max-width:700px) {
 .kimia-record-grid,.kimia-metric-grid { grid-template-columns:1fr; }
 .kimia-page-heading { text-align:start; margin-bottom:20px; }
 .kimia-page-heading h1 { font-size:25px; }
 .kimia-section-nav { margin-inline:-2px; }
 .kimia-section-nav a { font-size:14px; }
 .kimia-event { padding:12px; }
 .kimia-route-status li { flex-basis:calc(50% - 8px); }
 .ws-main .ws-form-fields { grid-template-columns:1fr; gap:18px; }
 .ws-toolbar>div { flex:1 1 180px; }
 .auth-card { padding:22px 18px; }
 .field-label-row { display:block; }
 .field-label-row span { display:block; font-size:12px; margin-top:5px; }
 .kimia-form-footer { align-items:stretch; }
 .kimia-form-footer .ui-button { flex:1 1 140px; }
 .session-item { grid-template-columns:32px minmax(0,1fr); }
 .session-item>form,.session-item>em { grid-column:2; justify-self:start; }
}
@media(prefers-reduced-motion:reduce) { .kimia-section-nav * { transition:none; } }

/* One operational navigation on help, account and workspace pages alike. */
.ws-skip{position:fixed;z-index:500;top:-100px;right:16px;background:var(--kimia-panel);color:var(--kimia-accent);padding:12px;border-radius:12px}
.ws-skip:focus{top:12px}
.ws-main .ws-badge{color:var(--kimia-normal);background:color-mix(in srgb,var(--kimia-normal) 10%,var(--kimia-panel))}
.ws-main .ws-badge--pending{color:var(--kimia-attention);background:color-mix(in srgb,var(--kimia-attention) 10%,var(--kimia-panel))}
:is(.help-start,.help-card,.help-article,.help-access>div,.help-steps li,.help-tips li,.help-sequence>a){color:var(--kimia-text);background:var(--kimia-panel);border-color:var(--kimia-border)}
:is(.help-page,.help-article-page) input{color:var(--kimia-text);background:var(--kimia-panel);border-color:var(--kimia-border);font:inherit}
:is(.help-card,.help-start) small{color:var(--kimia-muted)}

/* Instruction diagrams retain their illustrative screen; article text follows the theme. */
.help-article>header{background:var(--kimia-raised);border-color:var(--kimia-border)}
:is(.help-card,.help-access,.help-tips,.help-article>header,.help-step-copy) :is(p,small),.help-category header span{color:var(--kimia-muted)}
.help-card strong,.help-step-copy>div>strong{color:var(--kimia-text)}
.help-back,.help-article>header span{color:var(--kimia-accent)}
.help-steps li,.help-tips li{border-color:var(--kimia-border)}
.help-hero h1,.help-article h1{font-size:clamp(23px,3vw,30px);line-height:1.6}
.help-page,.help-article-page{padding-bottom:120px}
.help-hero form input{background:white;color:#173046}
.help-sequence>a.next,.help-sequence>a.next.complete{background:var(--kimia-accent-surface);border-color:var(--kimia-border)}
.ws-field-sales-mobile{display:none}
.ws-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

@media(max-width:900px){
 .app-mobile-header.ws-mobile-header{grid-template-columns:1fr auto}
 .app-mobile-header.ws-mobile-header>a:first-of-type{justify-self:start;white-space:nowrap}
}

.help-progress{color:var(--kimia-muted);background:var(--kimia-raised);border-color:var(--kimia-border)}
.help-progress>div{background:var(--kimia-border)}
.help-card>i,.help-article>header>i{color:var(--kimia-accent);background:var(--kimia-accent-surface)}
.help-card .kimia-icon{width:25px;height:25px}.help-article>header .kimia-icon{width:30px;height:30px}
.help-step-visual>header .kimia-brand-mark{width:15px;height:15px}
.visual-card .kimia-icon{width:18px;height:18px}

.has-app-nav .ui-button--secondary{color:var(--kimia-accent);background:var(--kimia-accent-surface);border:1px solid var(--kimia-border)}
.has-app-nav .ui-button--secondary:hover{background:var(--kimia-raised);color:var(--kimia-accent)}
/* Adapted identity, overview and cards from the approved kimia-center-preview. */
.kimia-center{--kc-ease:cubic-bezier(.22,.78,.18,1);max-width:1090px;margin:auto}
.kc-identity{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 25px}
.kc-identity-left{display:flex;gap:17px;align-items:center;min-width:0}.kc-identity h1{font-size:28px;line-height:1.6;letter-spacing:-.6px;margin:0}.kc-identity p{font-size:13px;color:var(--kimia-muted);margin:5px 0 0}
.kc-mark{width:70px;height:76px;flex:none;display:grid;place-items:center;border:1px solid var(--kimia-border);border-radius:24px;background:var(--kimia-panel);color:var(--kimia-accent)}.kc-mark .kimia-icon{width:34px;height:34px}
.kc-tabs{display:flex;gap:4px;overflow:auto;position:sticky;top:0;z-index:3;padding:8px 0 14px;border-bottom:1px solid var(--kimia-border);background:var(--kimia-canvas);margin-bottom:24px}
.kc-tabs a{flex:none;display:flex;align-items:center;min-height:44px;padding:9px 18px;border-radius:12px;color:var(--kimia-muted);text-decoration:none;transition:background 160ms,color 160ms}.kc-tabs a[aria-selected=true]{color:var(--kimia-accent);background:var(--kimia-accent-surface)}
.kc-tabs a:focus-visible,.kc-person:focus-visible,.kc-project:focus-visible{outline:3px solid var(--kimia-accent);outline-offset:3px}
.kc-overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:23px}.kc-overview>div{min-width:0}
.kc-next{border:1px solid var(--kimia-border);border-radius:21px;background:var(--kimia-panel);overflow:hidden;margin-bottom:26px;padding:20px 21px 0}.kc-next h2{font-size:22px;line-height:1.65;margin:12px 0 8px}.kc-next p{color:var(--kimia-muted);font-size:14px}.kc-next footer{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--kimia-raised);margin:18px -21px 0;padding:12px 15px;font-size:12px}
.kc-info{background:var(--kimia-panel);padding:20px;border:1px solid var(--kimia-border);border-radius:21px}.kc-info h2{font-size:18px;margin:0 0 16px}.kc-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 13px}.kc-section-head:first-child{margin-top:0}.kc-section-head h2{font-size:17px;margin:0}.kc-section-head a{min-height:44px;display:flex;align-items:center;color:var(--kimia-accent)}
.kc-person{display:flex;align-items:center;gap:12px;padding:13px;border-radius:15px;text-decoration:none;border:1px solid var(--kimia-border);background:var(--kimia-panel);margin-bottom:8px;color:var(--kimia-text);transition:transform 120ms var(--kc-ease),border-color 160ms}.kc-person>span:nth-child(2){flex:1;min-width:0}.kc-person strong,.kc-person small{display:block}.kc-avatar{width:41px;height:41px;flex:none;display:grid;place-items:center;background:var(--kimia-raised);border:1px solid var(--kimia-border);border-radius:14px;color:var(--kimia-accent)}
.kc-project{display:block;padding:18px;border:1px solid var(--kimia-border);border-radius:19px;background:var(--kimia-panel);text-decoration:none;margin-bottom:11px;color:var(--kimia-text)}.kc-project h3{font-size:18px;margin:8px 0 16px}.kc-project>span{color:var(--kimia-accent);font-size:13px}.kc-person:hover,.kc-project:hover{border-color:var(--kimia-accent)}.kc-person:active,.kc-project:active{transform:scale(.99)}
.kc-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kimia-center small{color:var(--kimia-muted)}
[data-center-panel][hidden]{display:none!important}
@media(max-width:900px){.kc-tabs{top:60px}}
@media(max-width:700px){.kc-overview,.kc-people-grid{grid-template-columns:1fr}.kc-identity{display:grid;gap:16px}.kc-identity h1{font-size:24px}.kc-mark{width:54px;height:60px}.kc-next footer{flex-wrap:wrap}.kc-tabs a{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.kc-person,.kc-project,.kc-tabs a{transition:none;transform:none}}
:root[data-kimia-reduce-motion=true] :is(.kc-person,.kc-project,.kc-tabs a){transition:none;transform:none}
.kimia-installments{border:1px solid var(--kimia-border);border-radius:18px;padding:16px;min-width:0;margin:8px 0}
[data-installment-editor] [hidden]{display:none!important}
.kimia-installments legend{font-weight:800;padding-inline:8px}
.kimia-installment-row{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end;padding:16px 0;border-bottom:1px solid var(--kimia-border)}
.kimia-installment-row>strong{align-self:center}.kimia-installment-row label{display:block;margin-bottom:8px}.kimia-installment-row input{width:100%;min-width:0}
@media(max-width:600px){.kimia-installment-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kimia-installment-row>strong{grid-column:1/-1}.kimia-installment-row button{justify-self:start}}