/* SILA 4.2 — account pages, optional overlays and progressive enhancement. */
body:is(#registration,#authentication,#identity,#password) #wrapper {
  background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--sila-primary,#143f7b) 6%,transparent),transparent 55%),var(--sila-page-bg,#f6f8fb);
  padding-block:32px 64px;
}
body:is(#registration,#authentication,#identity,#password) .page-header {margin-bottom:26px}
body:is(#registration,#authentication,#identity,#password) h1 {
  font-size:clamp(1.9rem,3vw,2.75rem);font-weight:750;letter-spacing:-.04em;line-height:1.2;
}
body:is(#registration,#authentication,#identity,#password) .page-content {
  background:var(--sila-surface,#fff);border:1px solid var(--sila-line,#dce4ee);
  border-top:3px solid var(--sila-accent,#f26a00);border-radius:var(--sila-panel-radius,24px);
  padding:clamp(22px,4vw,44px);box-shadow:var(--sila-elegance-shadow);min-width:0;
}
body:is(#registration,#authentication,#identity,#password) :is(.form-control,.form-select,.btn) {border-radius:var(--sila-radius,16px);min-height:46px}
body:is(#registration,#authentication,#identity,#password) :is(.form-control,.form-select) {background:var(--sila-surface,#fff);color:var(--sila-ink,#10233f)}
body:is(#registration,#authentication,#identity,#password) .form-group {margin-bottom:20px}
body:is(#registration,#authentication,#identity,#password) .form-footer {margin-top:28px}
body:is(#registration,#authentication,#identity,#password) .btn-primary {padding:12px 24px;font-weight:650}
body:is(#registration,#authentication,#identity,#password) :is(a,button,input,select):focus-visible {outline:3px solid var(--sila-primary,#143f7b);outline-offset:3px}
body:is(#registration,#authentication,#identity,#password) :is(.form-check-label,.custom-checkbox) {line-height:1.65;font-size:.9rem}
body:is(#registration,#authentication,#identity,#password) .login__register-prompt {margin-top:26px;padding-top:8px}

.sila-site-floating {position:fixed;z-index:1040;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:max-content;max-width:min(350px,calc(100vw - 36px));pointer-events:none}
.sila-site-floating .sila-widget {pointer-events:auto}
.sila-site-floating .sila-section__inner {max-width:100%;width:100%}
.sila-back-top {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 18px;border:1px solid color-mix(in srgb,var(--sila-primary,#143f7b) 75%,white);border-radius:999px;background:var(--sila-primary,#143f7b);color:var(--sila-button-text,#fff);box-shadow:0 7px 24px -10px var(--sila-primary,#143f7b);cursor:pointer}
.sila-back-top {font-family:inherit;font-weight:600;font-size:13px;line-height:1.3}
.sila-back-top [aria-hidden] {font-size:22px;line-height:1}
.sila-back-top:focus-visible {outline:3px solid var(--sila-accent,#f26a00);outline-offset:4px}
.sila-back-top[hidden] {display:none!important}
html.sila-utility-ready .back-to-top-link {display:none}
.sila-site-overlay {position:fixed;inset:0;z-index:1080;display:flex;align-items:flex-end;pointer-events:none}
.sila-site-overlay > .sila-document {width:100%;max-height:90dvh;overflow-y:auto;pointer-events:none}
.sila-site-overlay .sila-widget {pointer-events:auto}
.sila-site-overlay .sila-document:empty {display:none}
/* Editing is in normal flow, so a draft overlay cannot obstruct the canvas. */
html.sila-studio-preview :is(.sila-site-floating,.sila-site-overlay),
:is(.sila-site-floating,.sila-site-overlay):has([data-sila-editable="1"]) {
  position:static;inset:auto;display:block;width:100%;max-width:100%;pointer-events:auto;margin:24px auto;
}
html.sila-studio-preview .sila-site-overlay > .sila-document {max-height:none;overflow:visible}
.sila-document.sila-drop-active > .sila-empty-drop {outline:2px solid var(--sila-primary,#143f7b);background:#eaf2ff}
.sila-document[data-sila-editable="1"] > .sila-empty-drop {cursor:pointer;min-height:100px}
.sila-scroll-pending {opacity:0;transform:translateY(14px)}
.sila-scroll-revealed {animation:sila-product-reveal var(--sila-motion-duration,240ms) ease-out both}
@keyframes sila-product-reveal {from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce) {.sila-scroll-pending {opacity:1;transform:none}.sila-scroll-revealed {animation:none!important}}
@media(max-width:575.98px) {
  body:is(#registration,#authentication,#identity,#password) .page-content {padding:24px 18px}
  .sila-site-floating {right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}
}