body{--bs-body-bg:#0c1520;--bs-body-color:#e5edf7;--bs-border-color:#304359;--bs-primary:#71dce5;--bs-link-color:#79dce7;background:#0c1520}.service-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 4%;background:#080f18;border-bottom:1px solid #304359}.service-banner>a:first-child{font-weight:800;letter-spacing:2px}.service-banner span{font-size:10px;letter-spacing:2px;color:#9cb3c8}.service-banner>a:last-child{font-size:12px}.service-warning{margin:20px auto;max-width:1280px;padding:17px 20px;background:#2c241b;border:1px solid #715739;border-left:4px solid #efb974;border-radius:10px;color:#dac6ab;font-size:13px}.service-warning strong{display:block;font-size:17px;color:#f3d2a5;margin-bottom:6px}.service-warning button{display:inline-block;margin:12px 12px 0 0;border:1px solid #edb977;background:#efb974;color:#241a10;border-radius:6px;padding:9px 13px;font-weight:bold}.service-warning #expert-state{font-size:11px}.navbar{max-width:1280px;margin:auto;border:1px solid #304359;border-radius:10px;background:#121f2d!important}.navbar-brand{font-size:17px;font-weight:700}.container.p-2{max-width:1280px;margin-top:16px}.card{border:1px solid #304359;border-radius:12px;background:#121f2d}.btn{border-radius:7px}.btn-primary{background:#286478;border-color:#437c8b;color:white}.btn-outline-primary{color:#80deed;border-color:#416878}.btn-success{background:#276249;border-color:#4c8f72}.modal-content{background:#14202e;border:1px solid #426079;border-radius:14px}.modal-header,.modal-footer{border-color:#32475a}.table{--bs-table-bg:#111e2b;--bs-table-color:#dce8f3;--bs-table-border-color:#304359}.expert-dialog{color:#e5edf7;max-width:570px;width:calc(100% - 32px);padding:28px;background:#14202d;border:1px solid #a47a47;border-radius:16px;box-shadow:0 25px 80px #0009}.expert-dialog::backdrop{background:#020710ce}.expert-dialog h2{font-size:28px;letter-spacing:-.7px;margin:13px 0}.expert-dialog p,.expert-dialog li{font-size:14px;color:#bccbda}.expert-dialog ul{padding-left:20px}.expert-check{display:flex;gap:12px;align-items:flex-start;border:1px solid #625442;background:#29251f;padding:14px;border-radius:8px;font-size:13px}.expert-check input{width:19px;height:19px;flex-shrink:0;margin-top:3px}.expert-actions{display:flex;justify-content:flex-end;gap:12px;margin:20px 0}.expert-actions button{padding:10px 16px;border-radius:7px;border:1px solid #4e6275;background:#1b2c3b;color:#dae5f0}.expert-actions button:last-child{background:#efb974;color:#251b10;border-color:#efb974}.expert-actions button:disabled{opacity:.35}.expert-dialog a{font-size:13px}@media(max-width:750px){.service-banner{flex-wrap:wrap;padding:16px}.service-banner span{display:none}.service-warning{margin:12px}.expert-dialog{padding:21px}}

#aboutdrift{position:static!important;max-width:1280px;margin:28px auto!important}footer.fixed-bottom{position:static!important;max-width:1280px;margin:35px auto 0!important;padding:10px 20px;background:#0b131e!important}#offlinebar{padding:25px!important;border:1px solid #304359;border-radius:12px;background:#142231}#btnconnect{max-width:280px;margin-top:10px}

.service-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;max-width:1600px;margin:22px auto;padding:0 20px;align-items:start}.service-content{min-width:0}.service-content>.container{margin-top:0;padding:0!important;max-width:none}.service-live-panel{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;background:linear-gradient(135deg,#172939,#101c2a);border:1px solid #30495f;border-radius:18px;padding:18px}.service-live-panel h2{font-size:19px;letter-spacing:-.5px;margin:9px 0}.live-note{font-size:10px;color:#9eb2c6;margin:0 0 20px}.service-live-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.live-wait{grid-column:1/-1;font-size:12px;color:#aec2d6;line-height:1.7;margin:8px 0 22px}.service-live-button{display:grid;grid-template-rows:30px auto;align-content:center;gap:6px;text-align:center;border:1px solid #42617c;border-radius:8px;padding:8px 3px;background:#102033;min-height:73px}.service-live-button b{display:flex;align-items:center;justify-content:center;font-size:11px;height:30px;color:#e4f2ff;line-height:1.15}.service-live-button .live-symbol{font-size:26px}.service-live-button small{display:block;border:1px solid #3c5870;background:#071523;color:#e4f4ff;border-radius:4px;font:bold 12px/1.5 monospace;padding:3px 0}.service-live-button.active{background:#174756;border-color:#83eaf5;box-shadow:0 0 12px #64daed30}.service-live-button[data-key="cross"] b{color:#7caaff}.service-live-button[data-key="circle"] b{color:#ff777e}.service-live-button[data-key="square"] b{color:#efa0d2}.service-live-button[data-key="triangle"] b{color:#69e3b0}@media(max-width:1200px){.service-content #controller-content>.row>.col-md-6{width:100%;min-width:0!important}}@media(max-width:750px){.service-workspace{grid-template-columns:1fr;padding:0 12px}.service-live-panel{position:static;max-height:none}.service-live-buttons{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.service-content{min-width:0}}

/* The service theme follows the existing day/night switch. */
html[data-bs-theme="light"]{color-scheme:light;--bg:#f4f7fb;--panel:#fff;--line:#c8d5e2;--text:#172b40;--muted:#536a80;--cyan:#086a85}
[data-bs-theme="light"] body{--bs-body-bg:#f4f7fb;--bs-body-color:#172b40;--bs-border-color:#c8d5e2;--bs-link-color:#086a85;background:#f4f7fb;color:#172b40}
[data-bs-theme="light"] .service-banner{background:#fff;border-color:#c8d5e2}
[data-bs-theme="light"] .service-banner span{color:#536a80}
[data-bs-theme="light"] .navbar,[data-bs-theme="light"] .card,[data-bs-theme="light"] .modal-content{background:#fff!important;border-color:#c8d5e2;color:#172b40}
[data-bs-theme="light"] .modal-header,[data-bs-theme="light"] .modal-footer{border-color:#c8d5e2}
[data-bs-theme="light"] .service-warning{background:#fff4df;color:#664b27;border-color:#dab471}
[data-bs-theme="light"] .service-warning strong{color:#704414}
[data-bs-theme="light"] #offlinebar{background:#eaf2f8;border-color:#c8d5e2}
[data-bs-theme="light"] footer.fixed-bottom{background:#eaf2f8!important}
[data-bs-theme="light"] .table{--bs-table-bg:#fff;--bs-table-color:#172b40;--bs-table-border-color:#c8d5e2}
[data-bs-theme="light"] .btn-outline-primary{color:#086a85;border-color:#357e96}
[data-bs-theme="light"] .service-live-panel{background:linear-gradient(135deg,#fff,#edf4fa);border-color:#c8d5e2}
[data-bs-theme="light"] .live-note,[data-bs-theme="light"] .live-wait{color:#536a80}
[data-bs-theme="light"] .service-live-button{background:#fff;border-color:#a9bed0}
[data-bs-theme="light"] .service-live-button b{color:#172b40}
[data-bs-theme="light"] .service-live-button small{background:#edf4fa;color:#172b40;border-color:#a9bed0}
[data-bs-theme="light"] .service-live-button.active{background:#bdebf2;border-color:#087b91;box-shadow:0 0 12px #087b9120}
[data-bs-theme="light"] .service-live-button[data-key="cross"] b{color:#356bc7}
[data-bs-theme="light"] .service-live-button[data-key="circle"] b{color:#ce394c}
[data-bs-theme="light"] .service-live-button[data-key="square"] b{color:#b64291}
[data-bs-theme="light"] .service-live-button[data-key="triangle"] b{color:#13845a}

/* Halkent service masthead */
.service-banner .service-brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0;text-decoration:none;letter-spacing:0}
.service-brand-mark{width:46px;height:46px;flex-shrink:0;filter:drop-shadow(0 3px 10px #57cfe91c)}
.service-brand-mark rect{fill:#112c3e;stroke:#4e9bb8;stroke-width:1.5}
.service-brand-mark path{fill:#76ddf1}
.service-banner .service-brand-name{display:flex;flex-direction:column;gap:3px;line-height:1}
.service-brand-name b{font:800 23px/1.1 Arial,Helvetica,sans-serif;letter-spacing:2.5px;color:#ecf6ff}
.service-brand-name small{font:600 9px/1.2 Arial,Helvetica,sans-serif;letter-spacing:5.5px;color:#78cada}
[data-bs-theme="light"] .service-brand-mark rect{fill:#e4f3f8;stroke:#3584a0}
[data-bs-theme="light"] .service-brand-mark path{fill:#126f8b}
[data-bs-theme="light"] .service-brand-name b{color:#173247}
[data-bs-theme="light"] .service-brand-name small{color:#226a83}
@media(max-width:750px){.service-banner .service-brand-name{display:flex}.service-brand-name b{font-size:20px}.service-brand-mark{width:42px;height:42px}}

.ps-button-logo{display:block;width:27px;height:27px;flex-shrink:0;margin:auto}

/* Neutral information remains legible in both themes. */
[data-bs-theme="dark"] .text-muted,[data-bs-theme="dark"] .text-body-secondary,[data-bs-theme="dark"] .form-text,[data-bs-theme="dark"] .live-note,[data-bs-theme="dark"] .live-wait{color:#e1e5eb!important}
[data-bs-theme="light"] .text-muted,[data-bs-theme="light"] .text-body-secondary,[data-bs-theme="light"] .form-text,[data-bs-theme="light"] .live-note,[data-bs-theme="light"] .live-wait{color:#46515e!important}