/* Shared presentation fixes; leave passwords and generation in the browser. */
.syn-password .page-shell{--bg:var(--syn-bg,#f6f8ff);--panel:var(--syn-panel,#fff);--panel2:var(--syn-panel,#f1f5ff);--text:var(--syn-text,#14213a);--muted:var(--syn-muted,#536079);--border:var(--syn-line,#dce3ef);--accent:var(--syn-blue,#3659d9);--shadow:var(--syn-shadow,0 16px 40px #18223a12);color:var(--text)}
.syn-password .page-shell :is(h1,h2,h3,label,.check-title,.stat .v){color:var(--text)!important}
.syn-password .page-shell :is(input,select,textarea){background:var(--panel2)!important;color:var(--text)!important;border-color:var(--border)!important}
.syn-password .page-shell :is(.card,.panel,.profile-description,.stat,.check){background:var(--panel)!important;color:var(--text)!important;border-color:var(--border)!important}
.syn-password .page-shell :is(.bit-banner strong,.strength-label,.note strong){color:var(--text)!important}
.syn-password .page-shell .notice{color:#6b4b00;background:#fff4d5;border-color:#ddc575}
html[data-theme="dark"] .syn-password .page-shell .notice{color:#ffe6a1;background:#332910;border-color:#a98738}
.syn-password .page-shell .secondary{color:#fff;background:#263451}
.syn-app .mode-tab.active small{color:#fff!important;opacity:1!important}
.syn-tool-status{display:inline-flex;padding:4px 10px;border:1px solid var(--syn-line,#ccd6e5);border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.03em;background:var(--syn-panel,#fff);color:var(--syn-text,#14213a)}
.syn-footer-links a:focus-visible{outline:2px solid currentColor;outline-offset:4px}

.syn-password .page-shell{--bg:#f6f8ff;--panel:#fff;--panel2:#eef3fb;--text:#14213a;--muted:#536079;--border:#d4ddec;--accent:#3659d9;--shadow:0 16px 40px #18223a12}
html[data-theme="dark"] .syn-password .page-shell{--bg:#0b1020;--panel:#131a2d;--panel2:#18223a;--text:#f5f7ff;--muted:#b7c5df;--border:#394765;--accent:#a8baff;--shadow:0 16px 40px #0004}
.syn-password .page-shell .profile-card{background:var(--panel2)!important;color:var(--text)!important}
.syn-password .page-shell :is(.profile-name,.length-note,.source-link){color:var(--text)!important}
.syn-password .page-shell .badge{color:var(--text)!important;background:var(--panel2)!important}
.syn-password .page-shell .req-badge{color:#17532d;background:#dcfce7}
html[data-theme="dark"] .syn-password .page-shell .req-badge{color:#dcfce7;background:#17532d}
.syn-app .mode-tab.active{background:linear-gradient(115deg,#3151c7,#6532c0)!important;color:#fff!important}
.syn-password{color-scheme:light}html[data-theme="dark"] .syn-password{color-scheme:dark}
.syn-nav-link small{font-size:.65em;white-space:nowrap}