/* Color modes share the same console materials, spacing, and components. */
.theme-switch{display:inline-flex;align-items:center;flex-shrink:0;gap:2px;padding:3px;background:#edf2f7;border:1px solid #d4dfe8;border-radius:5px;line-height:1.2}
.theme-switch button{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid transparent;border-radius:3px;background:transparent;color:#61778c;font:500 10px/1.2 "Segoe UI",Arial,sans-serif;cursor:pointer;white-space:nowrap;margin:0}
.theme-switch button[aria-pressed=true]{background:#fff;color:#236795;border-color:#d1dde8;box-shadow:0 1px 3px #1c3c5510}
.theme-switch button:focus-visible{outline:2px solid #69a4d4;outline-offset:2px}
.admin-account-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.admin-signout-form{margin:0;padding-left:20px;border-left:1px solid var(--admin-border)}
button.button-signout{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:9px 18px;background:#bd373f;color:#fff;border:1px solid #ad2f37;border-radius:4px;font-size:12px;font-weight:650;white-space:nowrap}
button.button-signout:hover{background:#a92831;filter:none}.login-theme-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.login-card .theme-switch button{margin:0;padding:6px 8px}
html[data-theme=dark]{color-scheme:dark;--bg:#17212d;--p:#202d3c;--p2:#1b2735;--b:#3a4a5c;--t:#dce5ef;--m:#9daec0;--a:#4c96ce;--g:#67c7a3;--danger:#fa8e94;--admin-bg:#17212d;--admin-panel:#202d3c;--admin-panel-soft:#1b2735;--admin-border:#3a4a5c;--admin-text:#dce5ef;--admin-muted:#9daec0;--admin-accent:#78b5e3;--admin-green:#67c7a3;--admin-red:#fa8e94}
html[data-theme=dark] body{background:var(--bg);color:var(--t)}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3{color:#e1eaf4}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#182433;color:#e0e9f2;border-color:#435469}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#8b9cae}html[data-theme=dark] input:focus,html[data-theme=dark] select:focus,html[data-theme=dark] textarea:focus{border-color:#78b5e3;box-shadow:0 0 0 3px #78b5e318}html[data-theme=dark] a{color:#8fc2e8}
html[data-theme=dark] .theme-switch{background:#182533;border-color:#41536a}html[data-theme=dark] .theme-switch button{color:#9cafc2;background:transparent}html[data-theme=dark] .theme-switch button[aria-pressed=true]{background:#354b60;color:#dcedfb;border-color:#526e87;box-shadow:0 1px 3px #0002}
html[data-theme=dark] .console-sidebar,html[data-theme=dark] .admin-sidebar{background:#202d3c;border-color:#394a5c;color:#bbccdc}html[data-theme=dark] .console-logo{background:#27384a;border-color:#3e5063;color:#e0eaf4}html[data-theme=dark] .console-logo small,html[data-theme=dark] .console-company{color:#9db4c9}html[data-theme=dark] .console-logo-mark{background:#326c98}html[data-theme=dark] .console-navigation button{color:#b7c8d9}html[data-theme=dark] .console-navigation button:hover{background:#2c3e50}html[data-theme=dark] .console-navigation button.is-active{background:#33495d;border-color:#4b6680;color:#d4eafd;box-shadow:0 2px 5px #0002}html[data-theme=dark] .console-subnav{border-color:#3d5267}html[data-theme=dark] .console-subnav button.is-active{background:#2a4560;border-color:transparent;color:#b9dfff}html[data-theme=dark] .console-sidebar-bottom>a{border-color:#3b4e60;color:#adc3d7}html[data-theme=dark] .console-sidebar-bottom>div,html[data-theme=dark] .console-nav-label{color:#97aabd}
html[data-theme=dark] .console-topbar{background:#233242;border-color:#405064;color:#a2b4c5}html[data-theme=dark] .console-topbar-brand{color:#deebf7}html[data-theme=dark] .console-topbar-divider{border-color:#4a5d70}html[data-theme=dark] .console-breadcrumb{background:#30485e;border-color:#465c72}html[data-theme=dark] .console-login-link{background:#2c4257;border-color:#4b657d;color:#c4e1f8}html[data-theme=dark] .console-status-dot{background:#6bc8a6}
html[data-theme=dark] .console-page-heading p:not(.console-eyebrow),html[data-theme=dark] .console-eyebrow,html[data-theme=dark] .console-overview-label{color:#a2b7ca}html[data-theme=dark] .console-page-badge{background:#283c4f;border-color:#456078;color:#abc9e1}html[data-theme=dark] .console-app .console-device-panel,html[data-theme=dark] .console-capabilities article{background:#202d3c;border-color:#3a4c60;box-shadow:0 2px 6px #0001}html[data-theme=dark] .console-panel-heading{background:#27384a;border-color:#41546a}html[data-theme=dark] .console-section-number,html[data-theme=dark] .console-feature-symbol{background:#2b4156;border-color:#49647c;color:#a7cee9}html[data-theme=dark] .console-panel-heading p{color:#a0b4c7}html[data-theme=dark] .console-form-row{border-color:#3a4c60}html[data-theme=dark] .console-app .console-form-row>label{background:#293a4c;border-color:#40536a;color:#b8ccdf}html[data-theme=dark] .console-app .console-form-row select{background:#182433;color:#e0e9f2;border-color:#465b70}html[data-theme=dark] .console-form-row small,html[data-theme=dark] .console-panel-actions>span{color:#a5b7c9}html[data-theme=dark] .console-panel-actions{background:#253547}html[data-theme=dark] .console-guide{background:#273a4c;border-color:#405a70}html[data-theme=dark] .console-guide-icon{background:#304b62;border-color:#4c6c85;color:#abd2ef}html[data-theme=dark] .console-guide>p:not(.console-eyebrow),html[data-theme=dark] .console-guide li{color:#adc1d3}html[data-theme=dark] .console-guide li>span{background:#25384b;border-color:#4c6379;color:#c5d8e9}html[data-theme=dark] .console-guide>a,html[data-theme=dark] .console-guide .console-public-note{border-color:#456078;color:#b4d5ed}html[data-theme=dark] .console-capabilities p{color:#a1b6c9}html[data-theme=dark] .console-page-footer{border-color:#384c60;color:#a4b8ca}
html[data-theme=dark] .console-app .platform-screen>header,html[data-theme=dark] .console-app .platform-crumb{border-color:#3a4e63}html[data-theme=dark] .platform-home-link{color:#e1ebf4}html[data-theme=dark] .console-app .platform-crumb button{color:#9bcbee}html[data-theme=dark] .console-app .platform-tile{background:#202f40;border-color:#3b5066;border-top-color:#6186a7;box-shadow:0 2px 5px #0001}html[data-theme=dark] .console-app .platform-tile:hover{border-color:#6d91b0}html[data-theme=dark] button.s,html[data-theme=dark] .button-secondary{background:#30465c;border-color:#4d6680;color:#d0e4f5}html[data-theme=dark] .console-app .password-options,html[data-theme=dark] .console-app .ip-generator-panel,html[data-theme=dark] .console-app .member-list{background:#1b2a3a;border-color:#3b536b}html[data-theme=dark] .console-app #platformGeneratorContent .layout>.card>h2,html[data-theme=dark] .section-title{background:#2a3f53;border-color:#528ab4;color:#b7d7ef}html[data-theme=dark] .console-app #output{background:#142334;border-color:#41566d;color:#d7e9f7}html[data-theme=dark] table th{background:#2a3e52;color:#bed3e5}html[data-theme=dark] table tbody tr:nth-child(even){background:#233547}html[data-theme=dark] header{background:#233242}html[data-theme=dark] .notice{background:#253f55;border-color:#466983;color:#c3e0f4}
html[data-theme=dark] .admin-sidebar nav a{color:#b6c9db}html[data-theme=dark] .admin-sidebar nav a:hover,html[data-theme=dark] .admin-sidebar nav a.active{background:#344b60;color:#cce6fa}html[data-theme=dark] .admin-brand span{color:#abd2ef}html[data-theme=dark] .admin-topbar{border-color:#3b5066}html[data-theme=dark] .tool-admin-head{border-color:#3b5066}html[data-theme=dark] .tool-placement,html[data-theme=dark] .field strong,html[data-theme=dark] .field p{background:#293e52;border-color:#415a72;color:#c0d4e5}html[data-theme=dark] .field input,html[data-theme=dark] .login-card input{background:#182433;color:#e0e9f2;border-color:#435469}html[data-theme=dark] .field label,html[data-theme=dark] .login-card label,html[data-theme=dark] .switch-label{color:#b7ccdf}html[data-theme=dark] .save-bar{background:#24374aee;border-color:#466078;box-shadow:0 3px 18px #0002}html[data-theme=dark] .notice.success{background:#1e4236;color:#a0dfbe;border-color:#3c7059}html[data-theme=dark] .notice.error{background:#4c2b35;color:#ffbdc2;border-color:#86505b}html[data-theme=dark] .admin-footer a{color:#a6d0ef}html[data-theme=dark] button.button-signout{background:#bd373f;border-color:#dc6570;color:#fff}
@media(max-width:600px){.console-topbar-right{gap:7px}.console-topbar-right>.console-status-dot,.console-topbar-right>span{display:none}.console-login-link{padding:7px 9px;font-size:10px}.theme-switch button{font-size:9px;padding:6px}.theme-switch button span{display:none}.console-public .console-topbar-left{max-width:42%}.console-topbar-left{gap:8px}.console-topbar-brand{font-size:10px;max-width:31vw}.console-public .console-topbar-brand{max-width:100%}.console-public .console-topbar{padding:0 12px}.admin-topbar{flex-wrap:wrap}.admin-account-actions{width:100%;justify-content:space-between}.admin-signout-form{padding-left:16px}}
.theme-switch button{min-height:26px;height:26px}
html[data-theme=dark] .save-bar>button,html[data-theme=dark] .login-card form>button{background:#397caf;color:#fff}

html[data-theme=dark] .console-app #platformGeneratorContent .configuration-heading{background:#2a3f53;border-color:#528ab4;color:#b7d7ef}