/* Shared component contracts. Page structure remains in each site's stylesheet. */
html{font-size:var(--base);background:var(--paper)}
body{font-family:var(--font);font-size:1rem;line-height:1.7;color:var(--ink);background:var(--paper);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box} [hidden]{display:none!important}
button,input,select,textarea{font-family:inherit;letter-spacing:normal}
h1,h2,h3,h4{font-weight:600;line-height:1.5;letter-spacing:normal;color:var(--ink)}
h1,.wizard-title,.flow-title{font-size:1.625rem}h2{font-size:1.3rem}h3,.form-section-title{font-size:1.16rem}
p,dd,.reference-code{overflow-wrap:anywhere}a{color:var(--accent)}
button,a,input,select,textarea,summary{scroll-margin-block:110px}
:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
:where(button,.btn){min-width:var(--target);min-height:var(--target);max-width:100%;padding:11px 18px;border-radius:var(--radius);font-size:1rem;line-height:1.6;white-space:normal;box-shadow:none;cursor:pointer}
:where(.btn-primary,button[type=submit]){min-height:var(--control-height)}
:where(button:disabled,.btn:disabled){opacity:.55;cursor:default}
:where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){min-height:var(--control-height);font-size:1rem;line-height:1.7;max-width:100%;min-width:0;border:1px solid var(--input-line);border-radius:var(--radius);background:var(--paper);color:var(--ink);padding:10px 12px}
:where(input[readonly],input:disabled,select:disabled){background:var(--wash);color:var(--muted);opacity:1}
input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:20px;height:20px;flex:0 0 auto}
label:has(>input[type=checkbox]),label:has(>input[type=radio]){display:flex;align-items:center;gap:8px;min-height:var(--target);cursor:pointer}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
:where(label,.form-label,.field-label,.hint,.muted,.form-section-hint,.wizard-subtitle){font-size:.875rem}
:where(.confirmation-field,.checkbox-row,.check-row,.consent-row){min-height:var(--target);line-height:1.7}
:where(.error,.form-error,.order-local-error){color:var(--danger)}
:where(.warning){color:var(--warning);background:var(--warning-soft)}
:where(.success){color:var(--success)}
.promiso-wordmark{display:block;width:120px;min-width:96px;height:auto;max-width:100%}
.promiso-brand{display:inline-flex;align-items:center;padding:12px 0;flex-shrink:0}
.promiso-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0}
.promiso-icon svg{display:block;width:100%;height:100%;stroke-width:1.7}
summary{cursor:pointer;min-height:var(--target);padding-block:10px}
dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:24px;width:min(720px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:88dvh;overflow:auto;box-shadow:0 24px 80px color-mix(in srgb,var(--ink) 15%,transparent)}
dialog::backdrop{background:color-mix(in srgb,var(--ink) 42%,transparent)}
.device-camera{width:100vw;max-width:none;max-height:none;padding:12px;border:0;border-radius:0}
.promiso-error-summary{padding:16px;border-left:2px solid var(--danger);background:var(--danger-soft);margin:16px 0;color:var(--danger)}
.promiso-error-summary p{margin:0 0 8px}.promiso-error-summary a{display:block;padding:8px 0;color:var(--danger)}
.promiso-field-error{font-size:.875rem;line-height:1.7;color:var(--danger);margin:6px 0}
[aria-invalid=true]{border-color:var(--danger)}
.promiso-support{border-top:1px solid var(--line);padding:20px 0;margin-top:var(--gap);font-size:.875rem}
.promiso-support p{margin:0 0 8px}.promiso-support a{display:inline-flex;align-items:center;min-height:44px}
.promiso-skip{position:fixed;top:8px;left:8px;z-index:10001;transform:translateY(-180%);padding:10px 18px;background:var(--paper);border:2px solid var(--accent)}
.promiso-skip:focus{transform:none}
@media(min-width:560px){[data-site=customer] h1,[data-site=customer] .wizard-title{font-size:1.75rem}}
@media(max-width:600px){.form-row,.form-grid{grid-template-columns:minmax(0,1fr)}.intake-profile-values{grid-template-columns:minmax(0,1fr)}.intake-profile-values dd{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.promiso-file{position:relative;display:flex;align-items:center;gap:12px;min-height:var(--control-height);padding:8px 12px;border:1px solid var(--input-line);border-radius:var(--radius);background:var(--paper);max-width:100%;min-width:0}
.promiso-file input[type=file]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.promiso-file-action{color:var(--accent);font-weight:600;flex-shrink:0}.promiso-file-name{font-size:.875rem;color:var(--muted);overflow-wrap:anywhere;min-width:0}
.promiso-file:focus-within{outline:2px solid var(--accent);outline-offset:4px}