/* SmsBakiyem V7 – user-selectable appearance. Loaded after all legacy CSS. */
:root { --sb-transition: background-color .18s ease, color .18s ease, border-color .18s ease; }

/* Account menu — available only to authenticated panel users. */
.panel-page .profile-control { position:relative; z-index:60; }
.panel-page .profile-button { min-height:44px; border-left:1px solid #e4ebf4; gap:9px; cursor:pointer; }
.panel-page .profile-button .profile-chevron { width:16px;height:16px; flex:none; opacity:.7; transition:transform .17s; }
.panel-page .profile-button[aria-expanded="true"] .profile-chevron { transform:rotate(180deg); }
.panel-page .profile-menu { position:absolute;z-index:150;right:0;top:calc(100% + 11px);width:min(305px,calc(100vw - 22px));padding:13px;background:#fff;border:1px solid #e1e9f3;border-radius:18px;box-shadow:0 22px 65px rgba(7,28,58,.19);color:#18334e; }
.panel-page .profile-menu:before {content:"";position:absolute;right:25px;top:-6px;width:10px;height:10px;background:inherit;transform:rotate(45deg);border-left:1px solid #e1e9f3;border-top:1px solid #e1e9f3;}
.panel-page .profile-menu-heading {display:flex;align-items:center;gap:10px;padding:9px 10px 13px;border-bottom:1px solid #e8eef5;}
.panel-page .profile-menu-heading .profile-menu-avatar {width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#126fc7,#22b9eb);color:white;display:grid;place-items:center;font-weight:900;font-size:15px;}
.panel-page .profile-menu-heading strong {display:block;font-size:13px;font-weight:850;max-width:194px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.panel-page .profile-menu-heading small {display:block;font-size:11px;color:#8194a9;margin-top:3px;}
.panel-page .profile-menu-label {padding:14px 10px 9px;font-size:10px;font-weight:900;letter-spacing:.13em;color:#7e90a6;}
.panel-page .theme-options {display:grid;gap:5px;}
.panel-page .theme-option {display:flex;align-items:center;gap:11px;text-align:left;width:100%;min-height:46px;border:1px solid transparent;background:transparent;padding:9px 11px;border-radius:12px;color:#2a445f;font-weight:750;font-size:12px;}
.panel-page .theme-option svg {width:19px;height:19px;flex:none;color:#748ba7;stroke-width:1.8;}
.panel-page .theme-option .theme-check {width:17px;height:17px;margin-left:auto;color:#178de0;opacity:0;}
.panel-page .theme-option:hover {background:#f3f8ff;}
.panel-page .theme-option.is-selected {border-color:#d6e9ff;background:#edf6ff;color:#1478c9;}
.panel-page .theme-option.is-selected svg {color:#168cdd;}
.panel-page .theme-option.is-selected .theme-check {opacity:1;}
.panel-page .profile-menu-divider {height:1px;background:#e9eef4;margin:10px 3px;}
.panel-page .profile-logout {display:flex;align-items:center;gap:11px;width:100%;min-height:43px;border:0;background:transparent;border-radius:12px;color:#b33b55;text-align:left;padding:9px 11px;font-weight:800;font-size:12px;}
.panel-page .profile-logout svg {width:18px;height:18px;}
.panel-page .profile-logout:hover {background:#fff1f4;}
.panel-page .profile-menu [hidden] {display:none!important;}

/* Dark palette: reserve the original bright cyan/blue CTAs and premium favorite gradients. */
html[data-theme="dark"] { --body:#091529; --ink:#dce9f8; --muted:#95aecb; --border:#253a57; --shadow:0 16px 45px rgba(0,5,17,.18); color-scheme:dark; }
html[data-theme="dark"] body {background:#091529;color:#dce9f8;}
html[data-theme="dark"] .panel-page .dash-main {background:#091529;}
html[data-theme="dark"] .panel-page .dash-side {background:linear-gradient(180deg,#060f21,#06152a);border-color:#1b3455;}
html[data-theme="dark"] .panel-page .dash-top {background:#0d1e36;border-color:#243650;}
html[data-theme="dark"] .panel-page .dash-breadcrumb,html[data-theme="dark"] .panel-page .connection-pill {color:#a4b8d2;}
html[data-theme="dark"] .panel-page .dash-breadcrumb strong {color:#e4f3ff;}
html[data-theme="dark"] .panel-page .balance-pill {color:#a9d6f5;background:#152f4c;border-color:#285074;}
html[data-theme="dark"] .panel-page .balance-pill strong {color:#6bd7ff;}
html[data-theme="dark"] .panel-page .profile-button {color:#deedff;border-color:#2b4564;}
html[data-theme="dark"] .panel-page .profile-button>span:first-child {background:#173a62;color:#87d6ff;}
html[data-theme="dark"] .panel-page .profile-exit {color:#acc3d8;}
html[data-theme="dark"] .panel-page .page-head h1,html[data-theme="dark"] .panel-page .quick-balance>strong,html[data-theme="dark"] .panel-page .card-title h3,html[data-theme="dark"] .panel-page .payment-head h3,html[data-theme="dark"] .panel-page .wallet-how strong,html[data-theme="dark"] .panel-page .services-results b,html[data-theme="dark"] .panel-page .tips-card h3 {color:#ecf6ff;}
html[data-theme="dark"] .panel-page .page-head p,html[data-theme="dark"] .panel-page .card-title p,html[data-theme="dark"] .panel-page .payment-head p,html[data-theme="dark"] .panel-page .quick-balance p,html[data-theme="dark"] .panel-page .tips-card p {color:#9bb4ce;}
html[data-theme="dark"] .panel-page .quick-balance,html[data-theme="dark"] .panel-page .metrics article,html[data-theme="dark"] .panel-page .panel-card,html[data-theme="dark"] .panel-page .services-surface,html[data-theme="dark"] .panel-page .wallet-how {background:#11243c;border-color:#273e59;box-shadow:0 10px 35px #030b2044;color:#e1eeff;}
html[data-theme="dark"] .panel-page .quick-balance .eyebrow,html[data-theme="dark"] .panel-page .metrics small,html[data-theme="dark"] .panel-page .metrics p,html[data-theme="dark"] .panel-page .quick-balance .eyebrow {color:#9bb3cc;}
html[data-theme="dark"] .panel-page .tips-card {background:#112b44;border-color:#285072;}
html[data-theme="dark"] .panel-page .tips-icon,html[data-theme="dark"] .panel-page .metric-icon {background:#183e61;color:#70d7ff;}
html[data-theme="dark"] .panel-page .outline-button {color:#e3f4ff;background:#17314b;border-color:#33536f;}
html[data-theme="dark"] .panel-page .outline-button:hover {background:#1d4464;border-color:#1bbaef;}
html[data-theme="dark"] .panel-page .list-row {background:#142a44;border-color:#28445f;color:#e0edfa;}
html[data-theme="dark"] .panel-page .list-copy b {color:#e8f3ff;}
html[data-theme="dark"] .panel-page .list-copy small,html[data-theme="dark"] .panel-page .list-right {color:#a1bad0;}
html[data-theme="dark"] .panel-page .list-avatar {background:#193f62;color:#8addff;}
html[data-theme="dark"] .panel-page .status-badge {background:#174061;color:#85d8ff;}
html[data-theme="dark"] .panel-page .empty-state {color:#9ab4d0;border-color:#355474;}
html[data-theme="dark"] .panel-page .order-code-box {background:#153450;border-color:#2c688d;}
html[data-theme="dark"] .panel-page .order-code-box strong {color:#73d8ff;}
html[data-theme="dark"] .panel-page .order-code-box span {color:#a5bad2;}
html[data-theme="dark"] .panel-page .order-row.has-code {background:#142a44;}
html[data-theme="dark"] .panel-page .favorite-ribbon {background:#152b45;border-color:#2c4666;}
html[data-theme="dark"] .panel-page .favorite-ribbon span {color:#d5efff;}
html[data-theme="dark"] .panel-page .favorite-ribbon small {color:#9eb7cf;}
html[data-theme="dark"] .panel-page .panel-service {background:#11263f;border-color:#2c4565;}
html[data-theme="dark"] .panel-page .panel-service .service-select {background:linear-gradient(180deg,#152f4b,#11243c);color:#e5f4ff;}
html[data-theme="dark"] .panel-page .panel-service .service-select strong {color:#eaf6ff;}
html[data-theme="dark"] .panel-page .panel-service .service-select small {color:#a5bbd3;}
html[data-theme="dark"] .panel-page .panel-service .service-bottom-line b {color:#83dcff;}
html[data-theme="dark"] .panel-page .service-favorite {background:#17314b;border-color:#375579;color:#bfd4e5;}
html[data-theme="dark"] .panel-page .service-favorite.active {background:#4a2841;border-color:#a24878;color:#ffc1d6;}
html[data-theme="dark"] .panel-page .search-field,html[data-theme="dark"] .panel-page .buy-search-row {background:#0d1e33;border-color:#2b4765;}
html[data-theme="dark"] .panel-page .search-field input,html[data-theme="dark"] .panel-page .buy-search-row input {color:#e7f6ff;}
html[data-theme="dark"] .panel-page .steps-trail .trail-step span {color:#a8bed5;}
html[data-theme="dark"] .panel-page .steps-trail .trail-step.active span {color:#83d8ff;}
html[data-theme="dark"] .panel-page .steps-trail>i {background:#2a415c;}
html[data-theme="dark"] .panel-page .steps-trail .trail-step b {background:#1b3650;color:#b0c5da;}
html[data-theme="dark"] .panel-page .steps-trail .trail-step.active b {background:#1186d1;color:white;}
html[data-theme="dark"] .panel-page .wallet-how p {color:#a8c0d6;}
html[data-theme="dark"] .panel-page .bank-details,html[data-theme="dark"] .panel-page .shopier-warning {background:#162f4b;border-color:#335572;color:#afc9df;}
html[data-theme="dark"] .panel-page .field,html[data-theme="dark"] .panel-page textarea,html[data-theme="dark"] .panel-page .amount-input {background:#0c1b30;border-color:#324862;color:#e4f3ff;}
html[data-theme="dark"] .panel-page .amount-input input {background:transparent;color:#e9f6ff;}
html[data-theme="dark"] .panel-page .form-label {color:#bdcee2;}
html[data-theme="dark"] .panel-page .form-helper {color:#94adc9;}
html[data-theme="dark"] .panel-page .shopier-illustration {background:#112b48;}
html[data-theme="dark"] .panel-page .dash-footer {background:#0c1c31;border-color:#27415f;color:#9cafc7;}
html[data-theme="dark"] .panel-page .mobile-tabbar {background:#0b2038;border-color:#28445f;}
html[data-theme="dark"] .panel-page .mobile-tabbar button {color:#a6b9cf;}
html[data-theme="dark"] .panel-page .mobile-tabbar button.active {color:#79d7ff;}
html[data-theme="dark"] .panel-page .mobile-sidebar-toggle {background:#16314e;color:#cae5f6;border-color:#36506e;}
/* SMS purchase overlay, flags and country selections. */
html[data-theme="dark"] .panel-page .buy-sheet {background:#11243c;color:#e5f2ff;}
html[data-theme="dark"] .panel-page .buy-sheet-top {border-color:#29435c;}
html[data-theme="dark"] .panel-page .buy-sheet-top h2 {color:#eaf5ff;}
html[data-theme="dark"] .panel-page #buy-close {color:#e2f5ff;background:#1b3550;}
html[data-theme="dark"] .panel-page .buy-service-title {background:#183149;border-color:#34506a;}
html[data-theme="dark"] .panel-page .buy-service-title strong {color:#f0f8ff;}
html[data-theme="dark"] .panel-page .buy-service-title small {color:#aabfd6;}
html[data-theme="dark"] .panel-page .country-option {background:#162d47;border-color:#34506b;color:#e8f4ff;}
html[data-theme="dark"] .panel-page .country-option-copy strong {color:#f0f9ff;}
html[data-theme="dark"] .panel-page .country-option-copy small {color:#adc3d7;}
html[data-theme="dark"] .panel-page .country-option .country-price {color:#8ad9ff;}
html[data-theme="dark"] .panel-page .country-option.selected {background:#183f5d;border-color:#25b2ee;}
html[data-theme="dark"] .panel-page .country-option.premium-tr {background:linear-gradient(120deg,#174067,#162e4b);border-color:#317eb5;}
html[data-theme="dark"] .panel-page .country-chip {color:#bdcee3;background:#1d3650;border-color:#38516e;}
html[data-theme="dark"] .panel-page .country-chip.active {background:linear-gradient(100deg,#227af3,#1aa4ce);color:white;border-color:#26a7e8;}
html[data-theme="dark"] .panel-page .purchase-summary {background:#18344e;border-color:#326b93;}
html[data-theme="dark"] .panel-page .purchase-summary strong {color:#eff9ff;}
html[data-theme="dark"] .panel-page .purchase-summary .price-total {color:#77d8ff;}
html[data-theme="dark"] .panel-page .notice-in-drawer {background:#342d22;border-color:#78643e;color:#f1d5a5;}
html[data-theme="dark"] .panel-page .notice-in-drawer p {color:#f1d5a5;}
html[data-theme="dark"] .panel-page .confirm-row .cancel-buy {background:#233b55;color:#bfcfe0;}
html[data-theme="dark"] .panel-page .purchase-success {color:#e5effb;}
/* Auth and informational pages retain their typography and gradient artwork. */
html[data-theme="dark"] .auth-page {background:linear-gradient(125deg,#020915,#081933);}
html[data-theme="dark"] .auth-layout {background:#11233a;color:#deefff;border:1px solid #2c4562;}
html[data-theme="dark"] .auth-form-side {background:#11233a;}
html[data-theme="dark"] .auth-form-side h1 {color:#ecf7ff;}
html[data-theme="dark"] .auth-form-side>p,html[data-theme="dark"] .auth-label,html[data-theme="dark"] .auth-alt,html[data-theme="dark"] .tiny-legal {color:#a8c1d7;}
html[data-theme="dark"] .auth-field {background:#0b1b31;color:#e7f2ff;border-color:#38516e;}
html[data-theme="dark"] .auth-back {color:#8ccfff;}
html[data-theme="dark"] .auth-field::placeholder {color:#7e95ac;}
/* The promotional homepage intentionally keeps its branded hero gradient in both modes. */
html[data-theme="dark"] .sb-legal-page {background:#0b1b32;color:#ddeeff;}
html[data-theme="dark"] .sb-legal-page main {background:#132740!important;color:#e2edff!important;border:1px solid #294768;}
html[data-theme="dark"] .sb-legal-page h1,html[data-theme="dark"] .sb-legal-page h2 {color:#eef8ff!important;}
/* Popover dark theme */
html[data-theme="dark"] .panel-page .profile-menu {background:#122943;border-color:#305170;color:#e4f4ff;box-shadow:0 22px 65px #02081691;}
html[data-theme="dark"] .panel-page .profile-menu:before {border-color:#305170;}
html[data-theme="dark"] .panel-page .profile-menu-heading {border-color:#294968;}
html[data-theme="dark"] .panel-page .profile-menu-heading small,html[data-theme="dark"] .panel-page .profile-menu-label {color:#9bb4cd;}
html[data-theme="dark"] .panel-page .theme-option {color:#d1e3f6;}
html[data-theme="dark"] .panel-page .theme-option svg {color:#afc5d9;}
html[data-theme="dark"] .panel-page .theme-option:hover {background:#1a3b59;}
html[data-theme="dark"] .panel-page .theme-option.is-selected {background:#1c476a;border-color:#29648d;color:#81d9ff;}
html[data-theme="dark"] .panel-page .theme-option.is-selected svg {color:#75ceff;}
html[data-theme="dark"] .panel-page .profile-menu-divider {background:#2b4764;}
html[data-theme="dark"] .panel-page .profile-logout:hover {background:#3c2638;}
@media (max-width:700px) {
 .panel-page .profile-menu {position:fixed;right:12px;top:61px;width:min(305px,calc(100vw - 24px));box-shadow:0 20px 60px #05182f66;}
 .panel-page .profile-menu:before {display:none;}
 .panel-page .profile-button {padding-left:7px;min-height:40px;}
 .panel-page .profile-button .profile-chevron {width:14px;}
}
@media (prefers-reduced-motion:reduce) { .panel-page .profile-button .profile-chevron {transition:none;} }
#ticket-list button.list-row {width:100%;text-align:left;border:0;background:inherit;}
.ticket-msg-body {margin:0 0 12px 52px;color:#5d718a;font-size:13px;line-height:1.5;}
#totp-wrap {margin:0 0 14px;}
html[data-theme="dark"] .ticket-msg-body {color:#9eb3c8;}
.alt-sso-card .alt-sso-btn {
  margin-top: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .01em;
  background: linear-gradient(135deg, #0b5cab, #1283d6);
  box-shadow: 0 10px 24px rgba(18, 131, 214, .28);
}
.alt-sso-card .alt-sso-btn span { font-size: 18px; line-height: 1; }
html[data-theme="dark"] .alt-sso-card .alt-sso-btn {
  background: linear-gradient(135deg, #0a6ebd, #1aa0ff);
  box-shadow: 0 10px 24px rgba(26, 160, 255, .22);
}
.alt-dns-box { margin-top: 16px; padding-top: 14px; border-top: 1px solid #d7e4f2; }
.alt-dns-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 13px; margin: 6px 0; }
.alt-dns-row code { background: #eef5fc; padding: 2px 7px; border-radius: 6px; }
html[data-theme="dark"] .alt-dns-box { border-top-color: #2b4764; }
html[data-theme="dark"] .alt-dns-row code { background: #16344d; color: #cfe6ff; }