/* UIC Toolbox — Login Theme Packs v1 */

/* Shared mode-aware helpers */
html[data-theme="light"] body {
    color: #17191b;
}

html[data-ui-theme="uic"][data-theme="light"] body,
html[data-ui-theme="uic"][data-theme="light"] .art-panel,
html[data-ui-theme="uic"][data-theme="light"] .auth-panel {
    background:
        radial-gradient(circle at 78% 20%, rgba(184,121,31,.045), transparent 26%),
        linear-gradient(180deg, #f2f1ed 0%, #f7f6f2 100%);
}

html[data-ui-theme="uic"][data-theme="light"] .art-panel {
    color: #151719;
    border-right-color: rgba(13,15,16,.12);
}

html[data-ui-theme="uic"][data-theme="light"] .ambient-grid,
html[data-ui-theme="uic"][data-theme="light"] .uic-home-signal-field::before {
    --uic-grid: rgba(13,15,16,.045);
}

html[data-ui-theme="uic"][data-theme="light"] .uic-home-orbit-track {
    stroke: rgba(13,15,16,.09);
}

html[data-ui-theme="uic"][data-theme="light"] :is(.art-subtitle,.login-subtitle) {
    color: rgba(21,23,25,.68);
}

html[data-ui-theme="uic"][data-theme="light"] :is(.art-signature,.private-note,.login-footer) {
    color: rgba(21,23,25,.45);
}

html[data-ui-theme="uic"][data-theme="light"] .login-heading,
html[data-ui-theme="uic"][data-theme="light"] .field label {
    color: #151719;
}

html[data-ui-theme="uic"][data-theme="light"] .login-mark {
    background: rgba(255,255,255,.66);
    border-color: rgba(184,121,31,.20);
}

html[data-ui-theme="uic"][data-theme="light"] .login-mark img {
    filter: invert(1);
}

html[data-ui-theme="uic"][data-theme="light"] .field-icon {
    color: rgba(21,23,25,.48);
}

html[data-ui-theme="uic"][data-theme="light"] .field input {
    color: #151719;
    border-color: rgba(13,15,16,.14);
    background: rgba(255,255,255,.66);
}

html[data-ui-theme="uic"][data-theme="light"] .field input:-webkit-autofill,
html[data-ui-theme="uic"][data-theme="light"] .field input:-webkit-autofill:hover,
html[data-ui-theme="uic"][data-theme="light"] .field input:-webkit-autofill:focus,
html[data-ui-theme="uic"][data-theme="light"] .field input:-webkit-autofill:active {
    -webkit-text-fill-color: #151719 !important;
    -webkit-box-shadow: 0 0 0 1000px #f7f6f2 inset !important;
    box-shadow: 0 0 0 1000px #f7f6f2 inset !important;
}

/* Windows 95 */
html[data-ui-theme="win95"] body {
    font-family: Tahoma, "MS Sans Serif", "Segoe UI", sans-serif;
    background: #008080;
}

html[data-ui-theme="win95"][data-theme="dark"] body {
    background: #161a1c;
}

html[data-ui-theme="win95"] .ambient-grid,
html[data-ui-theme="win95"] .uic-home-signal-field,
html[data-ui-theme="win95"] .uic-home-orbit-group,
html[data-ui-theme="win95"] .auth-panel::before,
html[data-ui-theme="win95"] .auth-panel::after {
    display: none;
}

html[data-ui-theme="win95"] .login-page {
    grid-template-columns: minmax(0,1fr) minmax(430px,.72fr);
    gap: 12px;
    padding: 12px;
    background: #008080;
}

html[data-ui-theme="win95"][data-theme="dark"] .login-page {
    background: #161a1c;
}

html[data-ui-theme="win95"] .art-panel,
html[data-ui-theme="win95"] .auth-panel {
    border: 2px solid;
    border-color: #fff #404040 #404040 #fff;
    border-radius: 0;
    background: #c0c0c0;
    color: #000;
    box-shadow: 2px 2px 0 #000;
}

html[data-ui-theme="win95"][data-theme="dark"] .art-panel,
html[data-ui-theme="win95"][data-theme="dark"] .auth-panel {
    border-color: #8b9196 #111 #111 #8b9196;
    background: #3b3f43;
    color: #f3f3f3;
}

html[data-ui-theme="win95"] .art-copy,
html[data-ui-theme="win95"] .login-shell {
    border: 2px solid;
    border-color: #fff #404040 #404040 #fff;
    border-radius: 0;
    padding: 10px;
    background: #c0c0c0;
    box-shadow: 2px 2px 0 #000;
}

html[data-ui-theme="win95"][data-theme="dark"] .art-copy,
html[data-ui-theme="win95"][data-theme="dark"] .login-shell {
    border-color: #8b9196 #111 #111 #8b9196;
    background: #3b3f43;
}

html[data-ui-theme="win95"] .art-eyebrow {
    display: block;
    margin: -8px -8px 14px;
    padding: 5px 8px;
    color: #fff;
    background: #000080;
    letter-spacing: 0;
    text-transform: none;
    font-size: 12px;
}

html[data-ui-theme="win95"] .art-eyebrow::before { display: none; }
html[data-ui-theme="win95"] .art-title,
html[data-ui-theme="win95"] .login-heading {
    font-family: Tahoma, "MS Sans Serif", "Segoe UI", sans-serif;
    letter-spacing: 0;
}
html[data-ui-theme="win95"] .art-title { font-size: clamp(36px,4vw,60px); line-height: 1.05; }
html[data-ui-theme="win95"] :is(.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: #222; }
html[data-ui-theme="win95"][data-theme="dark"] :is(.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: #ddd; }

html[data-ui-theme="win95"] .login-mark {
    width: 64px;
    height: 64px;
    margin-bottom: 18px;
    border: 2px solid;
    border-color: #fff #404040 #404040 #fff;
    border-radius: 0;
    background: #c0c0c0;
    box-shadow: none;
    animation: none;
}
html[data-ui-theme="win95"] .login-mark img { width: 44px; filter: invert(1); }
html[data-ui-theme="win95"][data-theme="dark"] .login-mark img { filter: none; }
html[data-ui-theme="win95"] .field input,
html[data-ui-theme="win95"] .login-button {
    border-radius: 0;
    border: 2px solid;
}
html[data-ui-theme="win95"] .field input {
    color: #000;
    background: #fff;
    border-color: #404040 #fff #fff #404040;
}
html[data-ui-theme="win95"][data-theme="dark"] .field input {
    color: #fff;
    background: #26292c;
    border-color: #111 #8b9196 #8b9196 #111;
}
html[data-ui-theme="win95"] .login-button {
    border-color: #fff #404040 #404040 #fff;
    background: #c0c0c0;
    color: #000;
    box-shadow: none;
    transform: none !important;
}
html[data-ui-theme="win95"] .field-icon { color: #222; }
html[data-ui-theme="win95"][data-theme="dark"] .field-icon { color: #ddd; }

/* Terminal */
html[data-ui-theme="terminal"] body {
    font-family: "Cascadia Mono", Consolas, "Courier New", monospace;
    background: #020604;
    color: #a6ffbd;
}
html[data-ui-theme="terminal"][data-theme="light"] body { background: #eef2df; color: #173b21; }
html[data-ui-theme="terminal"] .login-page,
html[data-ui-theme="terminal"] .art-panel,
html[data-ui-theme="terminal"] .auth-panel {
    background: transparent;
}
html[data-ui-theme="terminal"] .art-panel { border-right-color: rgba(105,255,155,.18); }
html[data-ui-theme="terminal"] .ambient-grid {
    opacity: .20;
    background-image: linear-gradient(rgba(105,255,155,.10) 1px, transparent 1px);
    background-size: 100% 4px;
    mask-image: none;
    -webkit-mask-image: none;
}
html[data-ui-theme="terminal"] .uic-home-signal-field,
html[data-ui-theme="terminal"] .uic-home-orbit-group { display: none; }
html[data-ui-theme="terminal"] .art-title,
html[data-ui-theme="terminal"] .login-heading {
    font-family: inherit;
    letter-spacing: -.04em;
}
html[data-ui-theme="terminal"] .art-title::before { content: "> "; color: #69ff9b; }
html[data-ui-theme="terminal"] :is(.art-eyebrow,.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: rgba(166,255,189,.62); }
html[data-ui-theme="terminal"][data-theme="light"] :is(.art-eyebrow,.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: rgba(23,59,33,.66); }
html[data-ui-theme="terminal"] .login-mark {
    border-radius: 3px;
    border-color: rgba(105,255,155,.30);
    background: rgba(105,255,155,.025);
    box-shadow: 0 0 28px rgba(105,255,155,.055);
    animation: none;
}
html[data-ui-theme="terminal"] .field input {
    border-radius: 3px;
    border-color: rgba(105,255,155,.23);
    color: #a6ffbd;
    background: rgba(105,255,155,.02);
    caret-color: #69ff9b;
}
html[data-ui-theme="terminal"][data-theme="light"] .field input { color: #173b21; border-color: rgba(23,59,33,.23); background: rgba(255,255,255,.38); }
html[data-ui-theme="terminal"] .login-button {
    border-radius: 3px;
    border-color: #69ff9b;
    background: #69ff9b;
    color: #031006;
}

/* Blueprint */
html[data-ui-theme="blueprint"] body,
html[data-ui-theme="blueprint"] .art-panel,
html[data-ui-theme="blueprint"] .auth-panel {
    background: #071a2c;
}
html[data-ui-theme="blueprint"][data-theme="light"] body,
html[data-ui-theme="blueprint"][data-theme="light"] .art-panel,
html[data-ui-theme="blueprint"][data-theme="light"] .auth-panel {
    background: #e8f2fa;
    color: #12314a;
}
html[data-ui-theme="blueprint"] .ambient-grid,
html[data-ui-theme="blueprint"] .uic-home-signal-field::before {
    --uic-grid: rgba(143,210,255,.075);
    opacity: .72;
}
html[data-ui-theme="blueprint"] .uic-home-orbit-group { filter: hue-rotate(168deg) saturate(.72) brightness(1.08); }
html[data-ui-theme="blueprint"] .uic-home-orbit-track { stroke: rgba(159,215,255,.14); }
html[data-ui-theme="blueprint"] .art-panel { border-right-color: rgba(159,215,255,.18); }
html[data-ui-theme="blueprint"] :is(.art-eyebrow,.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: rgba(233,246,255,.65); }
html[data-ui-theme="blueprint"][data-theme="light"] :is(.art-eyebrow,.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: rgba(18,49,74,.68); }
html[data-ui-theme="blueprint"] .login-mark,
html[data-ui-theme="blueprint"] .field input { border-color: rgba(159,215,255,.22); border-radius: 7px; background: rgba(159,215,255,.025); }
html[data-ui-theme="blueprint"][data-theme="light"] .login-mark,
html[data-ui-theme="blueprint"][data-theme="light"] .field input { background: rgba(255,255,255,.46); }
html[data-ui-theme="blueprint"][data-theme="light"] .login-mark img { filter: invert(1); }
html[data-ui-theme="blueprint"] .login-button { border-radius: 7px; background: #d9efff; color: #071a2c; border-color: #d9efff; }

/* Paper / Editorial */
html[data-ui-theme="editorial"] body {
    font-family: "Inter", "Segoe UI", sans-serif;
    background: #151310;
}
html[data-ui-theme="editorial"][data-theme="light"] body { background: #efe9df; color: #24211d; }
html[data-ui-theme="editorial"] .login-page,
html[data-ui-theme="editorial"] .art-panel,
html[data-ui-theme="editorial"] .auth-panel { background: transparent; }
html[data-ui-theme="editorial"] .ambient-grid,
html[data-ui-theme="editorial"] .uic-home-signal-field,
html[data-ui-theme="editorial"] .uic-home-orbit-group,
html[data-ui-theme="editorial"] .auth-panel::before,
html[data-ui-theme="editorial"] .auth-panel::after { display: none; }
html[data-ui-theme="editorial"] .art-panel { border-right-color: rgba(241,234,223,.12); }
html[data-ui-theme="editorial"][data-theme="light"] .art-panel { border-right-color: rgba(69,58,47,.15); }
html[data-ui-theme="editorial"] .art-title,
html[data-ui-theme="editorial"] .login-heading {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 600;
    letter-spacing: -.04em;
}
html[data-ui-theme="editorial"] :is(.art-eyebrow,.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: rgba(241,234,223,.62); }
html[data-ui-theme="editorial"][data-theme="light"] :is(.art-eyebrow,.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: rgba(36,33,29,.64); }
html[data-ui-theme="editorial"] .login-mark { border-radius: 4px; animation: none; box-shadow: none; }
html[data-ui-theme="editorial"][data-theme="light"] .login-mark img { filter: invert(1); }
html[data-ui-theme="editorial"] .field input { border-radius: 3px; background: transparent; }
html[data-ui-theme="editorial"][data-theme="light"] .field input { color: #24211d; border-color: rgba(69,58,47,.20); }
html[data-ui-theme="editorial"] .login-button { border-radius: 3px; }

@media (max-width: 980px) {
    html[data-ui-theme="win95"] .login-page { display: grid; grid-template-columns: 1fr; padding: 8px; }
}


/* ==========================================================================
   Login Theme Packs v1.1 — preserve motion contrast in light modes
   ========================================================================== */

/* UIC light: keep the exact orbital system readable without making it heavy. */
html[data-ui-theme="uic"][data-theme="light"] .ambient-grid,
html[data-ui-theme="uic"][data-theme="light"] .uic-home-signal-field::before {
    --uic-grid: rgba(13,15,16,.075);
}

html[data-ui-theme="uic"][data-theme="light"] .uic-home-orbit-group {
    opacity: .92;
    filter: saturate(1.08) contrast(1.18);
}

html[data-ui-theme="uic"][data-theme="light"] .uic-home-orbit-track {
    stroke: rgba(13,15,16,.16);
}

html[data-ui-theme="uic"][data-theme="light"] .uic-home-orbit-tail-haze {
    opacity: .58;
}

html[data-ui-theme="uic"][data-theme="light"] .uic-home-orbit-tail-core,
html[data-ui-theme="uic"][data-theme="light"] .uic-home-orbit-dot {
    opacity: .88;
}

html[data-ui-theme="uic"][data-theme="light"] .uic-home-grid-pulse.is-horizontal {
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(151,93,35,.02) 24%,
        rgba(151,93,35,.12) 62%,
        rgba(133,77,24,.52) 92%,
        rgba(98,55,18,.72) 100%);
    box-shadow: 0 0 10px rgba(151,93,35,.08), 0 0 20px rgba(151,93,35,.035);
}

html[data-ui-theme="uic"][data-theme="light"] .uic-home-grid-pulse.is-horizontal.is-reverse {
    background: linear-gradient(270deg,
        transparent 0%,
        rgba(151,93,35,.02) 24%,
        rgba(151,93,35,.12) 62%,
        rgba(133,77,24,.52) 92%,
        rgba(98,55,18,.72) 100%);
}

html[data-ui-theme="uic"][data-theme="light"] .uic-home-grid-pulse.is-vertical {
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(151,93,35,.018) 24%,
        rgba(151,93,35,.10) 62%,
        rgba(133,77,24,.46) 92%,
        rgba(98,55,18,.66) 100%);
    box-shadow: 0 0 10px rgba(151,93,35,.07), 0 0 20px rgba(151,93,35,.03);
}

html[data-ui-theme="uic"][data-theme="light"] .uic-home-grid-pulse.is-vertical.is-reverse {
    background: linear-gradient(0deg,
        transparent 0%,
        rgba(151,93,35,.018) 24%,
        rgba(151,93,35,.10) 62%,
        rgba(133,77,24,.46) 92%,
        rgba(98,55,18,.66) 100%);
}

/* Blueprint light: use blueprint ink rather than bright cyan on pale paper. */
html[data-ui-theme="blueprint"][data-theme="light"] .ambient-grid,
html[data-ui-theme="blueprint"][data-theme="light"] .uic-home-signal-field::before {
    --uic-grid: rgba(27,91,136,.11);
}

html[data-ui-theme="blueprint"][data-theme="light"] .uic-home-orbit-group {
    opacity: .92;
    filter: hue-rotate(168deg) saturate(1.08) brightness(.74) contrast(1.22);
}

html[data-ui-theme="blueprint"][data-theme="light"] .uic-home-orbit-track {
    stroke: rgba(18,79,123,.24);
}

html[data-ui-theme="blueprint"][data-theme="light"] .uic-home-grid-pulse.is-horizontal,
html[data-ui-theme="blueprint"][data-theme="light"] .uic-home-grid-pulse.is-horizontal.is-reverse {
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(21,94,145,.02) 24%,
        rgba(21,94,145,.12) 62%,
        rgba(18,79,123,.50) 92%,
        rgba(11,58,94,.72) 100%);
    box-shadow: 0 0 10px rgba(21,94,145,.08), 0 0 20px rgba(21,94,145,.035);
}

html[data-ui-theme="blueprint"][data-theme="light"] .uic-home-grid-pulse.is-horizontal.is-reverse {
    background: linear-gradient(270deg,
        transparent 0%,
        rgba(21,94,145,.02) 24%,
        rgba(21,94,145,.12) 62%,
        rgba(18,79,123,.50) 92%,
        rgba(11,58,94,.72) 100%);
}

html[data-ui-theme="blueprint"][data-theme="light"] .uic-home-grid-pulse.is-vertical {
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(21,94,145,.02) 24%,
        rgba(21,94,145,.11) 62%,
        rgba(18,79,123,.46) 92%,
        rgba(11,58,94,.68) 100%);
}

html[data-ui-theme="blueprint"][data-theme="light"] .uic-home-grid-pulse.is-vertical.is-reverse {
    background: linear-gradient(0deg,
        transparent 0%,
        rgba(21,94,145,.02) 24%,
        rgba(21,94,145,.11) 62%,
        rgba(18,79,123,.46) 92%,
        rgba(11,58,94,.68) 100%);
}

/* ==========================================================================\n   Login Theme Packs v1.2 — Terminal light contrast correction\n   ========================================================================== */

html[data-ui-theme="terminal"][data-theme="light"] .art-title,
html[data-ui-theme="terminal"][data-theme="light"] .login-heading {
    color: #173b21;
}

html[data-ui-theme="terminal"][data-theme="light"] .art-title::before {
    color: #28a95a;
}

html[data-ui-theme="terminal"][data-theme="light"] .login-mark {
    border-color: rgba(23,59,33,.28);
    background: rgba(23,59,33,.035);
}

html[data-ui-theme="terminal"][data-theme="light"] .login-mark img {
    filter: brightness(0) saturate(100%);
    opacity: .88;
}

html[data-ui-theme="terminal"][data-theme="light"] .login-button {
    color: #07160b;
}

/* ========================================================================== 
   Login Theme Packs v1.2 — themes 6–10
   ========================================================================== */

/* Glass / Frost */
html[data-ui-theme="glass-frost"] body {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
        radial-gradient(circle at 78% 18%, rgba(115,210,244,.14), transparent 27%),
        radial-gradient(circle at 16% 86%, rgba(155,113,235,.12), transparent 29%),
        #081018;
    color: #f3f8fb;
}
html[data-ui-theme="glass-frost"][data-theme="light"] body {
    background:
        radial-gradient(circle at 78% 18%, rgba(22,127,166,.10), transparent 27%),
        radial-gradient(circle at 16% 86%, rgba(155,113,235,.09), transparent 29%),
        #eaf3f8;
    color: #102631;
}
html[data-ui-theme="glass-frost"] .login-page,
html[data-ui-theme="glass-frost"] .art-panel,
html[data-ui-theme="glass-frost"] .auth-panel { background: transparent; }
html[data-ui-theme="glass-frost"] :is(.art-panel,.auth-panel,.login-shell) {
    border-color: rgba(206,237,251,.16);
    background: rgba(18,31,43,.58);
    backdrop-filter: blur(24px) saturate(1.18);
    -webkit-backdrop-filter: blur(24px) saturate(1.18);
    box-shadow: 0 28px 80px rgba(0,7,13,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-ui-theme="glass-frost"][data-theme="light"] :is(.art-panel,.auth-panel,.login-shell) {
    border-color: rgba(28,88,110,.13);
    background: rgba(255,255,255,.56);
    box-shadow: 0 28px 80px rgba(29,72,90,.11), inset 0 1px 0 rgba(255,255,255,.66);
}
html[data-ui-theme="glass-frost"] :is(.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: rgba(235,246,252,.67); }
html[data-ui-theme="glass-frost"][data-theme="light"] :is(.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: rgba(16,38,49,.66); }
html[data-ui-theme="glass-frost"] :is(.login-mark,.field input) {
    border-color: rgba(206,237,251,.17);
    border-radius: 15px;
    background: rgba(255,255,255,.055);
}
html[data-ui-theme="glass-frost"][data-theme="light"] :is(.login-mark,.field input) { background: rgba(255,255,255,.58); }
html[data-ui-theme="glass-frost"][data-theme="light"] .login-mark img { filter: invert(1); }
html[data-ui-theme="glass-frost"] .login-button { border-radius: 14px; background: #73d2f4; border-color: #73d2f4; color: #071117; }
html[data-ui-theme="glass-frost"][data-theme="light"] .login-button { background: #167fa6; border-color: #167fa6; color: #fff; }

/* Cupertino */
html[data-ui-theme="cupertino"] body {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
    background: #1c1c1e;
    color: #f5f5f7;
}
html[data-ui-theme="cupertino"][data-theme="light"] body { background: #f5f5f7; color: #1d1d1f; }
html[data-ui-theme="cupertino"] .login-page,
html[data-ui-theme="cupertino"] .art-panel,
html[data-ui-theme="cupertino"] .auth-panel { background: transparent; }
html[data-ui-theme="cupertino"] .ambient-grid,
html[data-ui-theme="cupertino"] .uic-home-orbit-group { opacity: .18; }
html[data-ui-theme="cupertino"] .art-panel { border-right-color: rgba(255,255,255,.08); }
html[data-ui-theme="cupertino"][data-theme="light"] .art-panel { border-right-color: rgba(0,0,0,.08); }
html[data-ui-theme="cupertino"] .login-shell {
    padding: 28px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 20px;
    background: rgba(44,44,46,.78);
    box-shadow: 0 24px 60px rgba(0,0,0,.22);
    backdrop-filter: blur(24px) saturate(1.18);
    -webkit-backdrop-filter: blur(24px) saturate(1.18);
}
html[data-ui-theme="cupertino"][data-theme="light"] .login-shell { border-color: rgba(0,0,0,.075); background: rgba(255,255,255,.78); box-shadow: 0 24px 60px rgba(0,0,0,.08); }
html[data-ui-theme="cupertino"] :is(.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: rgba(245,245,247,.64); }
html[data-ui-theme="cupertino"][data-theme="light"] :is(.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: rgba(29,29,31,.62); }
html[data-ui-theme="cupertino"] :is(.login-mark,.field input) { border-radius: 12px; border-color: rgba(255,255,255,.11); background: rgba(255,255,255,.05); }
html[data-ui-theme="cupertino"][data-theme="light"] :is(.login-mark,.field input) { border-color: rgba(0,0,0,.095); background: rgba(247,247,249,.90); }
html[data-ui-theme="cupertino"][data-theme="light"] .login-mark img { filter: invert(1); }
html[data-ui-theme="cupertino"] .login-button { border-radius: 12px; border-color: #0a84ff; background: #0a84ff; color: #fff; }
html[data-ui-theme="cupertino"][data-theme="light"] .login-button { border-color: #007aff; background: #007aff; }

/* Soft UI */
html[data-ui-theme="soft-ui"] body { font-family: "Inter", sans-serif; background: #20252b; color: #eef2f6; }
html[data-ui-theme="soft-ui"][data-theme="light"] body { background: #e8edf2; color: #29323b; }
html[data-ui-theme="soft-ui"] .login-page,
html[data-ui-theme="soft-ui"] .art-panel,
html[data-ui-theme="soft-ui"] .auth-panel { background: transparent; }
html[data-ui-theme="soft-ui"] .ambient-grid,
html[data-ui-theme="soft-ui"] .uic-home-orbit-group { display: none; }
html[data-ui-theme="soft-ui"] .art-panel { border-right: 0; }
html[data-ui-theme="soft-ui"] .login-shell,
html[data-ui-theme="soft-ui"] .login-mark,
html[data-ui-theme="soft-ui"] .field input {
    border-color: transparent;
    background: #242a31;
    box-shadow: 9px 9px 20px #171b20, -8px -8px 18px #303841;
}
html[data-ui-theme="soft-ui"][data-theme="light"] .login-shell,
html[data-ui-theme="soft-ui"][data-theme="light"] .login-mark,
html[data-ui-theme="soft-ui"][data-theme="light"] .field input { background: #e8edf2; box-shadow: 9px 9px 20px #cbd1d7, -9px -9px 20px #fff; }
html[data-ui-theme="soft-ui"] .login-shell { padding: 30px; border-radius: 26px; }
html[data-ui-theme="soft-ui"] :is(.login-mark,.field input,.login-button) { border-radius: 16px; }
html[data-ui-theme="soft-ui"] :is(.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: rgba(238,242,246,.62); }
html[data-ui-theme="soft-ui"][data-theme="light"] :is(.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: rgba(41,50,59,.62); }
html[data-ui-theme="soft-ui"][data-theme="light"] .login-mark img { filter: invert(1); }
html[data-ui-theme="soft-ui"] .login-button { border: 0; background: #b0a6ff; color: #1d2230; box-shadow: 7px 7px 16px #171b20, -6px -6px 15px #303841; }
html[data-ui-theme="soft-ui"][data-theme="light"] .login-button { background: #7165d7; color: #fff; box-shadow: 7px 7px 16px #cbd1d7, -7px -7px 16px #fff; }

/* Neo Brutal */
html[data-ui-theme="neo-brutal"] body { font-family: "Inter", Arial, sans-serif; background: #171717; color: #fffdf4; }
html[data-ui-theme="neo-brutal"][data-theme="light"] body { background: #f4f1e8; color: #111; }
html[data-ui-theme="neo-brutal"] .login-page { gap: 14px; padding: 14px; background-image: radial-gradient(rgba(255,253,244,.24) .7px, transparent .7px); background-size: 16px 16px; }
html[data-ui-theme="neo-brutal"][data-theme="light"] .login-page { background-image: radial-gradient(rgba(17,17,17,.22) .7px, transparent .7px); }
html[data-ui-theme="neo-brutal"] .ambient-grid,
html[data-ui-theme="neo-brutal"] .uic-home-orbit-group,
html[data-ui-theme="neo-brutal"] .auth-panel::before,
html[data-ui-theme="neo-brutal"] .auth-panel::after { display: none; }
html[data-ui-theme="neo-brutal"] :is(.art-panel,.auth-panel,.login-shell) { border: 3px solid #fffdf4; border-radius: 4px; background: #222; box-shadow: 8px 8px 0 #000; }
html[data-ui-theme="neo-brutal"][data-theme="light"] :is(.art-panel,.auth-panel,.login-shell) { border-color: #111; background: #fffdf6; box-shadow: 8px 8px 0 #111; }
html[data-ui-theme="neo-brutal"] .login-shell { padding: 22px; }
html[data-ui-theme="neo-brutal"] :is(.art-title,.login-heading) { font-family: "Arial Black", "Inter", Arial, sans-serif; text-transform: uppercase; letter-spacing: -.05em; }
html[data-ui-theme="neo-brutal"] :is(.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: rgba(255,253,244,.72); }
html[data-ui-theme="neo-brutal"][data-theme="light"] :is(.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: rgba(17,17,17,.72); }
html[data-ui-theme="neo-brutal"] :is(.login-mark,.field input,.login-button) { border: 3px solid #fffdf4; border-radius: 2px; box-shadow: 5px 5px 0 #000; }
html[data-ui-theme="neo-brutal"][data-theme="light"] :is(.login-mark,.field input,.login-button) { border-color: #111; box-shadow: 5px 5px 0 #111; }
html[data-ui-theme="neo-brutal"] .field input { background: #2c2c2c; color: #fffdf4; }
html[data-ui-theme="neo-brutal"][data-theme="light"] .field input { background: #fff; color: #111; }
html[data-ui-theme="neo-brutal"][data-theme="light"] .login-mark img { filter: invert(1); }
html[data-ui-theme="neo-brutal"] .login-button { background: #ffd23f; color: #111; }
html[data-ui-theme="neo-brutal"][data-theme="light"] .login-button { background: #ff6b3d; color: #111; }

/* Enterprise / Dashboard */
html[data-ui-theme="enterprise-dashboard"] body { font-family: "Inter", sans-serif; background: #0f141a; color: #edf4f7; }
html[data-ui-theme="enterprise-dashboard"][data-theme="light"] body { background: #f4f7f9; color: #1d2a32; }
html[data-ui-theme="enterprise-dashboard"] .login-page,
html[data-ui-theme="enterprise-dashboard"] .art-panel,
html[data-ui-theme="enterprise-dashboard"] .auth-panel { background: transparent; }
html[data-ui-theme="enterprise-dashboard"] .ambient-grid { opacity: .22; }
html[data-ui-theme="enterprise-dashboard"] .uic-home-orbit-group { opacity: .24; }
html[data-ui-theme="enterprise-dashboard"] .art-panel { border-right-color: rgba(184,207,217,.10); }
html[data-ui-theme="enterprise-dashboard"][data-theme="light"] .art-panel { border-right-color: rgba(38,69,82,.10); }
html[data-ui-theme="enterprise-dashboard"] .login-shell { padding: 24px; border: 1px solid rgba(184,207,217,.13); border-radius: 10px; background: #151d26; box-shadow: 0 16px 42px rgba(0,0,0,.18); }
html[data-ui-theme="enterprise-dashboard"][data-theme="light"] .login-shell { border-color: rgba(38,69,82,.12); background: #fff; box-shadow: 0 16px 42px rgba(37,64,75,.08); }
html[data-ui-theme="enterprise-dashboard"] :is(.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: rgba(237,244,247,.63); }
html[data-ui-theme="enterprise-dashboard"][data-theme="light"] :is(.art-subtitle,.art-signature,.login-subtitle,.private-note,.login-footer,.field label) { color: rgba(29,42,50,.63); }
html[data-ui-theme="enterprise-dashboard"] :is(.login-mark,.field input,.login-button) { border-radius: 7px; }
html[data-ui-theme="enterprise-dashboard"] .field input { border-color: rgba(184,207,217,.13); background: #121922; color: #edf4f7; }
html[data-ui-theme="enterprise-dashboard"][data-theme="light"] .field input { border-color: rgba(38,69,82,.13); background: #f8fafb; color: #1d2a32; }
html[data-ui-theme="enterprise-dashboard"][data-theme="light"] .login-mark img { filter: invert(1); }
html[data-ui-theme="enterprise-dashboard"] .login-button { border-color: #35c6b0; background: #35c6b0; color: #0d1619; }
html[data-ui-theme="enterprise-dashboard"][data-theme="light"] .login-button { border-color: #0f8777; background: #0f8777; color: #fff; }


/* ========================================================================== 
   Step 18 — Login contrast pass
   ========================================================================== */

html[data-ui-theme="uic"][data-theme="light"] :is(.art-title,.login-heading) { color: #151719; }
html[data-ui-theme="win95"][data-theme="light"] :is(.art-title,.login-heading) { color: #000; }
html[data-ui-theme="terminal"][data-theme="light"] :is(.art-title,.login-heading) { color: #173b21; }
html[data-ui-theme="blueprint"][data-theme="light"] :is(.art-title,.login-heading) { color: #12314a; }
html[data-ui-theme="editorial"][data-theme="light"] :is(.art-title,.login-heading) { color: #24211d; }
html[data-ui-theme="glass-frost"][data-theme="light"] :is(.art-title,.login-heading) { color: #102631; }
html[data-ui-theme="cupertino"][data-theme="light"] :is(.art-title,.login-heading) { color: #1d1d1f; }
html[data-ui-theme="soft-ui"][data-theme="light"] :is(.art-title,.login-heading) { color: #29323b; }
html[data-ui-theme="neo-brutal"][data-theme="light"] :is(.art-title,.login-heading) { color: #111; }
html[data-ui-theme="enterprise-dashboard"][data-theme="light"] :is(.art-title,.login-heading) { color: #1d2a32; }

/* Keep the large left-hand identity readable in every light theme, including
   browser autofill states that previously exposed dark-era token values. */
html[data-theme="light"] .art-title { text-shadow: none; }

/* ========================================================================== 
   Step 19 — Glass / Frost login cleanup
   ========================================================================== */

/* Keep the frosted theme language in the page and controls, but remove the
   large rectangular form slab so the sign-in form floats naturally. */
html[data-ui-theme="glass-frost"] .login-shell,
html[data-ui-theme="glass-frost"][data-theme="light"] .login-shell {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}