/* V15: matte neutral surfaces; shared presentation for existing panel contracts.
   No image assets. No route, field, validation or message-protocol changes. */
:root {
 --s14-bg:#161616;--s14-panel:#232323;--s14-field:#191919;--s14-text:#ededee;
 --s14-muted:#b5b5ba;--s14-line:#373737;--s14-accent:#a32935;--s14-silver:#c5c5ca;
 --journey-cream:var(--s14-text);--journey-text:var(--s14-text);--journey-muted:var(--s14-muted);
 --journey-gold:var(--s14-silver);--journey-line:var(--s14-line);--journey-red:var(--s14-accent);
 --sagroth-bg:var(--s14-bg);--sagroth-panel:var(--s14-panel);--sagroth-panel-raised:#29292c;
 --sagroth-gold:var(--s14-silver);--sagroth-gold-bright:#eeeeef;--sagroth-cream:var(--s14-text);
 --sagroth-text:var(--s14-text);--sagroth-muted:var(--s14-muted);--sagroth-line:var(--s14-line);
 --sagroth-wine:#82232e;--sagroth-wine-bright:var(--s14-accent);
}
/* The home composition is deliberately untouched. Every internal route has one neutral shell. */
html[data-active-view]:not([data-active-view="home"]) body {background:var(--s14-bg)!important;}
html[data-active-view] #inner-page-shell {
 background:linear-gradient(180deg,#191919 0,transparent 180px),radial-gradient(ellipse 760px 580px at 50% 330px,#242424 0%,#1b1b1b 62%,#161616 100%)!important;
}
/* One continuous neutral surface beneath the existing navigation. Home unchanged. */
html[data-active-view]:not([data-active-view="home"]) .site-shell.savas-v2-a176 > .topbar {
 background:linear-gradient(#1c1c1c,#191919)!important;border-bottom-color:#ffffff0d;box-shadow:none;
}
html[data-active-view] #inner-page-shell::before,
html[data-active-view] #inner-page-shell::after {display:none!important;}
html[data-active-view]:not([data-active-view="home"]) #inner-page-shell {padding-top:104px!important;}
html[data-active-view]:not([data-active-view="home"]) .inner-page-body {padding-top:0!important;}
html[data-active-view="register"] .inner-page-body,
html[data-active-view="register"] #panel-view {max-width:650px!important;}
html[data-active-view="download"] .inner-page-body,
html[data-active-view="download"] #panel-view {max-width:1080px!important;}
/* Embedded documents share the same controls without altering their dimensions/behavior. */
html:not([data-active-view]) {background:transparent!important;scrollbar-color:#79797e #171719;}
html:not([data-active-view]) body {background:transparent!important;color:var(--s14-text)!important;--journey-gold:var(--s14-silver);--journey-muted:var(--s14-muted);--journey-line:var(--s14-line);font-family:Arial,Helvetica,sans-serif;}
html:not([data-active-view]) :is(.register-card,.login-card,.reset-card,.panel-card,.action-card,.ranking-card,.showcase-source-card,.showcase-requirements) {
 background:linear-gradient(145deg,#252525,#202020)!important;border:1px solid var(--s14-line)!important;border-radius:5px!important;box-shadow:inset 0 1px #ffffff03!important;
}
html:not([data-active-view]) :is(h1,h2,.panel-heading,.action-title,.download-name strong) {color:var(--s14-text)!important;}
html:not([data-active-view]) :is(.field input,.reference-trigger,.support-form input,.support-form select,.support-form textarea,.reset-form input) {
 background:var(--s14-field)!important;border-color:#484848!important;color:var(--s14-text)!important;border-radius:3px!important;box-shadow:none!important;
}
html:not([data-active-view]) input::placeholder {color:var(--s14-muted)!important;}
html:not([data-active-view]) input:-webkit-autofill {box-shadow:0 0 0 1000px var(--s14-field) inset!important;-webkit-text-fill-color:var(--s14-text)!important;}
html:not([data-active-view]) :is(input,select,textarea):focus {border-color:#bd6770!important;outline-color:#bd6770;}
html:not([data-active-view]) :is(.submit-button,.support-button,.showcase-download-button) {
 background:linear-gradient(#99323e,#782630)!important;border:1px solid #ae535d!important;color:#fff!important;border-radius:3px!important;box-shadow:inset 0 1px #ffffff0b!important;
}
html:not([data-active-view]) :is(.submit-button,.support-button,.showcase-download-button):hover {background:#a43b47!important;border-color:#d17e86!important;}
html:not([data-active-view]) :is(.field-symbol,.secret-action,.panel-icon,.action-icon,.landof-panel-icon,.showcase-source-icon,.system-tabs .active) {color:var(--s14-silver)!important;}
html:not([data-active-view]) :is(.panel-icon,.action-icon,.landof-panel-icon,.showcase-source-icon) {background:#29292c!important;border-color:var(--s14-line)!important;box-shadow:none!important;}
html:not([data-active-view]) :is(.agreement,.delete-code-caption,.showcase-title p,.landof-panel-head p,.download-name small,.showcase-fix small) {color:var(--s14-muted)!important;}
html:not([data-active-view]) :is(.agreement-link,.login-links a,.login-note a,.back-button) {color:#dedee2!important;}
html:not([data-active-view]) :is(.reference-menu,.membership-dialog) {background:var(--s14-panel)!important;border-color:#5c5c62!important;}
html:not([data-active-view]) .reference-option {color:var(--s14-text)!important;}
html:not([data-active-view]) .reference-option:is(:hover,:focus-visible,.is-active,[aria-selected="true"]) {background:#39393e!important;color:white!important;}
html:not([data-active-view]) :is(.membership-close,.back-button) {background:#29292c!important;border-color:var(--s14-line)!important;}
html:not([data-active-view]) .membership-content {color:var(--s14-text)!important;}
html:not([data-active-view]) .agreement input {accent-color:var(--s14-accent);}
html:not([data-active-view]) :is(th,td) {border-color:var(--s14-line)!important;}
html:not([data-active-view]) th {background:#19191b!important;color:var(--s14-silver)!important;}
html:not([data-active-view]) td {color:#c4c4c9!important;}
html:not([data-active-view]) :is(a,button):focus-visible {outline:2px solid #d3a0a5!important;outline-offset:3px;}
.s2-register-document .s2-register-title {margin:0 0 17px;padding:0 0 14px;border-bottom:1px solid var(--s14-line);}
.s2-register-document .s2-register-title h1 {margin:0!important;font-size:28px!important;}
.s2-register-document .register-card {padding:24px!important;}
.s2-register-document .register-grid {gap:12px!important;}
.s2-register-document .field input,.s2-register-document .reference-trigger {height:46px!important;}
.s2-register-document .secret-action {height:46px;border-left-color:var(--s14-line);}
.s2-register-document .submit-button {font:600 14px/1.4 Arial,sans-serif;min-height:46px;}
.s2-download-document .showcase-title {margin-bottom:24px;padding-bottom:17px;border-bottom:1px solid var(--s14-line);}
.s2-download-document .showcase-title h1 {font-size:28px;}
.s2-download-document .showcase-source-card.is-primary {border-color:#a15a64!important;}
.s2-download-document .showcase-recommended {background:#782630;color:#fff;border-color:#ae535d;}
.s2-download-document .showcase-fix {background:var(--s14-panel);border-color:var(--s14-line);color:var(--s14-text);}
.s2-download-document .showcase-fix > span,.s2-download-document .showcase-fix b {color:var(--s14-silver);border-color:var(--s14-line);}
/* Login and recovery pages use the same title-outside-card composition as Register and Download. */
.s2-auth-document {margin:0;padding:2px 3px 10px!important;background:transparent!important;}
.s2-auth-document .s2-auth-layout {width:100%;margin:0 auto;}
.s2-auth-document .s2-auth-title {display:flex;align-items:center;gap:14px;margin:0 0 26px;padding:0 0 17px;border-bottom:1px solid var(--s14-line);}
.s2-auth-document .s2-auth-title h1 {margin:0;color:var(--s14-text);font:500 28px/1.2 Georgia,serif;text-transform:uppercase;letter-spacing:.02em;}
.s2-auth-document .s2-auth-title p {margin:5px 0 0;color:#bdbdc2;font:400 13px/1.5 Arial,sans-serif;}
.s2-auth-document .s2-auth-icon {display:grid;place-items:center;flex:none;width:48px;height:48px;background:#29292c;border:1px solid #414145;border-radius:6px;color:#c5c5ca;}
.s2-auth-document .s2-auth-icon svg {width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.s2-auth-document .login-card {max-width:520px;margin-inline:auto;}
.s2-auth-document .reset-card {max-width:560px;margin-inline:auto;}
.s2-auth-document .login-layout .s2-auth-title {width:min(520px,100%);margin-inline:auto;}
.s2-auth-document .s2-auth-layout:not(.login-layout) .s2-auth-title {width:min(560px,100%);margin-inline:auto;}
.s2-auth-document .login-card {padding:26px!important;}
.s2-auth-document .login-fields {gap:12px;}
.s2-auth-document .login-card .captcha-wrap {margin:18px 0 16px;}
.s2-auth-document .login-card .login-links {margin-top:18px;padding-top:16px;gap:6px;}
/* Signed-in forms keep their own dimensions and controls; only the surrounding composition is unified. */
html:not([data-active-view]) body.journey-account-page {margin:0;padding:2px 3px 10px!important;background:transparent!important;}
html:not([data-active-view]) body.journey-account-page :is(.panel-card,.action-card) {background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
html:not([data-active-view]) body.journey-account-page :is(.panel-head,.action-head) {min-height:66px;margin:0 0 26px;padding:0 0 17px;border-bottom:1px solid var(--s14-line)!important;}
html:not([data-active-view]) body.journey-account-page :is(.panel-heading,.action-title) {font:500 28px/1.2 Georgia,serif!important;text-transform:uppercase;letter-spacing:.02em;}
html:not([data-active-view]) body.journey-account-page :is(.panel-icon,.action-icon) {display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid #414145!important;border-radius:6px!important;background:#29292c!important;color:#c5c5ca!important;box-shadow:none!important;}
html:not([data-active-view]) body.journey-account-page :is(.panel-scroll,.action-scroll) {padding:clamp(22px,3vw,30px);border:1px solid var(--s14-line);border-radius:5px;background:linear-gradient(145deg,#252525,#202020);box-shadow:inset 0 1px #ffffff03;}
html:not([data-active-view]) body.journey-account-page .panel-action {background:#29292c!important;border-color:var(--s14-line)!important;color:var(--s14-text)!important;}
html:not([data-active-view]) body.journey-account-page .panel-action:hover {background:#353539!important;border-color:#8f777d!important;}
html:not([data-active-view]) body.journey-account-page .panel-action::after {color:var(--s14-silver);}
html:not([data-active-view]) body.journey-account-page .panel-action.logout {background:#432329!important;border-color:#89515b!important;}
@media(max-width:900px){
 html[data-active-view]:not([data-active-view="home"]) #inner-page-shell {padding-top:130px!important;}
}
@media(max-width:600px){.s2-register-document .register-card {padding:19px 14px!important;}.s2-register-document .field input{font-size:16px!important;}.s2-auth-document .s2-auth-title h1{font-size:25px;}.s2-auth-document .s2-auth-title p{font-size:12px;}.s2-auth-document .login-card{padding:20px 14px!important;}html:not([data-active-view]) body.journey-account-page :is(.panel-heading,.action-title){font-size:25px!important;}html:not([data-active-view]) body.journey-account-page :is(.panel-scroll,.action-scroll){padding:19px 14px;}}
