/* Theme controls are shared by administrator and reseller settings. */
:root { color-scheme: light; }
.appearance-options { display:grid; grid-template-columns:1fr 1fr; gap:14px; border:0; margin:0; padding:0; }
.appearance-options legend { padding:0; margin-bottom:14px; font-size:12px; color:var(--muted); }
.appearance-option { margin:0; padding:14px; border:1px solid var(--line); border-radius:9px; cursor:pointer; }
.appearance-option:has(input:checked) { border-color:#ff7900; box-shadow:0 0 0 2px #ff79001a; background:#fff3e8; }
.appearance-option:focus-within { outline:2px solid #ff7900; outline-offset:3px; }
.appearance-option>span:last-child { display:flex; align-items:center; gap:9px; margin-top:13px; font-size:12px; }
.appearance-option input { display:inline-block; width:16px; height:16px; min-height:16px; margin:0; accent-color:#ff7900; }
.theme-preview { height:72px; display:flex; gap:8px; padding:9px; border-radius:6px; border:1px solid #e8dfd7; background:#f6f7f8; }
.theme-preview::before { content:''; width:21%; border-radius:3px; background:#ff7900; }
.theme-preview::after { content:''; flex:1; border-radius:3px; background:linear-gradient(#fff 0 30%,transparent 30% 40%,#ffe0c2 40% 100%); }
.theme-preview.dark-preview { background:#121212; border-color:#414141; }
.theme-preview.dark-preview::before { background:#ff7900; }
.theme-preview.dark-preview::after { background:linear-gradient(#303030 0 30%,transparent 30% 40%,#4b3626 40% 100%); }
.appearance-description { margin:16px 0 0; }

/* Dark surfaces, readable labels, and distinct status colors throughout the app. */
:root[data-theme="dark"] {
  color-scheme:dark;
  color:#f1f1f1;
  background:#121212;
  --green:#ff7900;
  --lime:#ff7900;
  --muted:#aaa9a7;
  --line:#353535;
  --white:#202020;
}
[data-theme="dark"] body { background:#121212; }
[data-theme="dark"] .sidebar { background:#181818; }
[data-theme="dark"] .topbar,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .card,
[data-theme="dark"] .modal,
[data-theme="dark"] .login-layout { background:#202020; }
[data-theme="dark"] .login-story { background:#181818; }
[data-theme="dark"] .button,
[data-theme="dark"] .subtle-select,
[data-theme="dark"] .filter-buttons button { background:#2b2b2b; border-color:#444444; color:#e6e2de; }
[data-theme="dark"] .button:hover { background:#383838; }
[data-theme="dark"] .primary,
[data-theme="dark"] .lime { background:#ff7900; color:#25170b; border-color:#ff7900; }
[data-theme="dark"] .primary:hover,
[data-theme="dark"] .lime:hover { background:#ff9533; border-color:#ff9533; }
[data-theme="dark"] .danger { background:#3d252e; color:#ffb5a4; border-color:#65404a; }
[data-theme="dark"] .quick-card,
[data-theme="dark"] .reseller-wallet { background:#29221d; border:1px solid #503a2a; }
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea { background:#181818; color:#f1f1f1; border-color:#474747; }
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder { color:#96918d; opacity:1; }
[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus { border-color:#ff7900; box-shadow:0 0 0 3px #ff790020; }
[data-theme="dark"] .search { border-color:#474747; }
[data-theme="dark"] .search input { background:transparent; border:0; }
[data-theme="dark"] th { background:#1a1a1a; color:#bab4af; border-color:#353535; }
[data-theme="dark"] td { color:#c9c3bf; border-color:#303030; }
[data-theme="dark"] td strong,
[data-theme="dark"] .breadcrumb strong,
[data-theme="dark"] .empty h3,
[data-theme="dark"] .allocation-row strong,
[data-theme="dark"] .summary-box strong,
[data-theme="dark"] .details-grid strong { color:#f4eeea; }
[data-theme="dark"] label { color:#d4c6bc; }
[data-theme="dark"] .cell-avatar { background:#443021; color:#ffbc80; }
[data-theme="dark"] .cell-action { color:#ff9c45; }
[data-theme="dark"] .summary-box { background:#2c251f; border-color:#534030; color:#d4c0b0; }
[data-theme="dark"] hr { border:0; border-top:1px solid #474747; }
[data-theme="dark"] .offer-note { background:#292521; color:#c5bab2; }
[data-theme="dark"] .filter-buttons button.active { background:#49301e; color:#ffc18a; border-color:#986436; }
[data-theme="dark"] .appearance-option:has(input:checked) { background:#39271b; border-color:#ff7900; }
[data-theme="dark"] .progress-step { background:#443a32; }
[data-theme="dark"] .progress-step.done { background:#ff7900; }
[data-theme="dark"] .badge { background:#343434; color:#c6bfba; }
[data-theme="dark"] .badge.completed,
[data-theme="dark"] .badge.confirmed,
[data-theme="dark"] .badge.active { background:#203a31; color:#9bd5ae; }
[data-theme="dark"] .badge.queued,
[data-theme="dark"] .badge.sending { background:#273248; color:#a6c0f4; }
[data-theme="dark"] .badge.paused,
[data-theme="dark"] .badge.blocked,
[data-theme="dark"] .badge.unknown { background:#40331f; color:#edcb83; }
[data-theme="dark"] .badge.failed,
[data-theme="dark"] .badge.rejected,
[data-theme="dark"] .badge.suspended { background:#432b30; color:#f5b09d; }
[data-theme="dark"] .badge.cancelled { background:#343434; color:#beb9b5; }
[data-theme="dark"] .badge.available { background:#203a31; color:#9bd5ae; }
[data-theme="dark"] .badge.reserved { background:#273248; color:#a6c0f4; }
[data-theme="dark"] .badge.held { background:#40331f; color:#edcb83; }
[data-theme="dark"] .badge.used,[data-theme="dark"] .badge.retired { background:#343434; color:#beb9b5; }
.stock-codes { font-family:var(--font-family); line-height:1.8; text-align:left; direction:ltr; }
.number-lookup-card { margin-bottom:22px; }
.number-lookup-fields { display:flex; align-items:flex-end; gap:16px; }
.number-lookup-fields label { flex:1; margin:0; max-width:420px; }
.number-lookup-fields .button { min-height:42px; }
.number-lookup-card .small-note { margin:13px 0 0; }
.number-balance-meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:15px; font-size:12px; color:var(--muted); }
.number-balance-results { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr); gap:20px; align-items:start; }
.number-smart-amount { font-size:34px; font-weight:600; margin:6px 0 18px; }
.number-smart-amount small { font-size:14px; font-weight:400; color:var(--muted); }
.number-flex-item { padding:17px 0; border-bottom:1px solid var(--line); }
.number-flex-item:first-child { padding-top:0; }
.number-flex-item:last-child { padding-bottom:0; border:0; }
.number-flex-item h3 { margin-bottom:12px; overflow-wrap:anywhere; }
.number-flex-values { display:flex; flex-wrap:wrap; gap:8px; }
.number-flex-values strong { font-size:13px; font-weight:550; background:#fff0e3; color:#9c4700; padding:7px 10px; border-radius:6px; }
.number-flex-item p { margin:11px 0 0; }
.balance-description { white-space:pre-line; overflow-wrap:anywhere; }
[data-theme="dark"] .number-flex-values strong { background:#3b291c; color:#ffb673; }
@media(max-width:620px) { .number-balance-results { grid-template-columns:1fr; gap:17px; } .number-lookup-fields { align-items:stretch; flex-direction:column; gap:13px; } .number-lookup-fields label { max-width:none; } }

.balance-operator-strip { display:flex; align-items:center; gap:17px; margin:26px 0 23px; }
.balance-operator-strip>img { display:block; width:64px; height:64px; flex-shrink:0; border-radius:8px; }
.balance-operator-strip>div { flex:1; min-width:0; }
.balance-operator-strip>div>strong { display:block; font-size:25px; margin-top:6px; letter-spacing:.3px; }
.balance-operator-strip>p { text-align:end; margin:0; line-height:1.9; }
.balance-tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:19px; }
.balance-tile { padding:25px; min-width:0; border-top:3px solid var(--accent); }
.balance-tile-title { display:flex; align-items:center; gap:11px; min-height:40px; }
.balance-tile-title h2 { font-size:16px; margin:0; line-height:1.5; }
.balance-tile-icon { width:36px; height:36px; display:grid; place-items:center; background:#fff0e3; color:#a14a00; border-radius:8px; flex-shrink:0; }
.balance-tile-icon svg { width:19px; height:19px; }
.balance-quantity { display:flex; align-items:baseline; flex-wrap:wrap; gap:9px; font-size:clamp(48px,5.2vw,76px); line-height:1.1; letter-spacing:-2px; margin:27px 0 25px; overflow-wrap:anywhere; }
.balance-quantity bdi { min-width:0; overflow-wrap:anywhere; }
.balance-quantity small { font-size:23px; color:var(--muted); letter-spacing:0; }
.balance-bucket+.balance-bucket { border-top:1px solid var(--line); margin-top:22px; padding-top:8px; }
.balance-expiry { padding:15px 0 18px; border-top:1px solid var(--line); }
.balance-expiry>span,.balance-time-left>span { display:block; color:var(--muted); font-size:11px; margin-bottom:9px; }
.balance-expiry strong { font-size:14px; display:block; line-height:1.7; overflow-wrap:anywhere; }
.balance-time-digits { display:flex; align-items:center; gap:15px; background:#f6f3f0; padding:14px; border-radius:8px; }
.balance-time-digits>div { flex:1; min-width:0; }
.balance-time-digits strong { display:block; font-size:35px; line-height:1.1; letter-spacing:-1px; }
.balance-time-digits small { display:block; margin-top:7px; font-size:11px; color:var(--muted); }
.balance-time-digits>span { color:var(--muted); font-size:25px; }
.balance-time-note { font-size:10px; margin:12px 0 0; line-height:1.7; }
.balance-extra-tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:19px; margin-top:20px; }
.balance-smart-tile { border-top-color:#8e8b88; }
.balance-smart-tile .number-smart-amount { font-size:45px; line-height:1.2; margin:27px 0; overflow-wrap:anywhere; }
.balance-operator-details { margin-top:23px; }
.balance-operator-details>summary { padding:20px 24px; font-size:13px; cursor:pointer; color:var(--muted); }
[data-theme="dark"] .balance-tile-icon { background:#3b291c; color:#ffb673; }
[data-theme="dark"] .balance-time-digits { background:#2d2824; }
[dir="rtl"] .balance-quantity,[dir="rtl"] .balance-time-digits strong { letter-spacing:0; }
@media(max-width:1150px) {
  .balance-tiles,.balance-extra-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .balance-tile { padding:22px; }
  .balance-quantity { font-size:60px; }
}
@media(max-width:620px) {
  .balance-tiles,.balance-extra-tiles { grid-template-columns:1fr; gap:17px; }
  .balance-operator-strip { flex-wrap:wrap; gap:13px; }
  .balance-operator-strip>img { width:58px; height:58px; }
  .balance-operator-strip>div>strong { font-size:23px; }
  .balance-operator-strip>p { flex-basis:100%; text-align:start; font-size:11px; }
  .balance-tile-title h2 { font-size:18px; }
  .balance-quantity { font-size:clamp(56px,16vw,76px); margin:25px 0; }
  .balance-quantity small { font-size:24px; }
  .balance-expiry>span,.balance-time-left>span { font-size:12px; }
  .balance-expiry strong { font-size:16px; }
  .balance-time-digits strong { font-size:40px; }
  .balance-time-digits small { font-size:12px; }
  .balance-time-note { font-size:11px; }
}
[data-theme="dark"] .alert { background:#342c20; border-color:#5a4930; color:#e2c796; }
[data-theme="dark"] .alert.good { background:#24362d; border-color:#385544; color:#b0d5a8; }
[data-theme="dark"] .mode-pill { background:#2c2926; color:#cec1b7; border-color:#4d4036; }
[data-theme="dark"] .mode-pill.live { background:#203a31; color:#9bd5ae; }
[data-theme="dark"] .stat-icon { color:#d9b18f; border-color:#494039; }
[data-theme="dark"] .stat-bottom b { color:#b0d5a8; }
[data-theme="dark"] .bars { border-color:#3b3530; background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#35302b 38px,#35302b 39px); }
[data-theme="dark"] .bar { background:#a45720; }
[data-theme="dark"] .bar-group:last-child .bar { background:#ff7900; }
[data-theme="dark"] .chart-note { border-color:#353535; }
[data-theme="dark"] .form-error,
[data-theme="dark"] .login-form .form-error { color:#ffb5a4; }
[data-theme="dark"] #toast { background:#49301e; border-color:#9e6235; }
[data-theme="dark"] .stat-top,
[data-theme="dark"] .stat-value small,
[data-theme="dark"] .stat-bottom,
[data-theme="dark"] .card-header p,
[data-theme="dark"] .chart-summary span,
[data-theme="dark"] .chart-scale,
[data-theme="dark"] .bar-group label,
[data-theme="dark"] .chart-note,
[data-theme="dark"] .section-heading span,
[data-theme="dark"] .table-toolbar h2 small,
[data-theme="dark"] .cell-user small,
[data-theme="dark"] .table-footer,
[data-theme="dark"] .empty,
[data-theme="dark"] .offer-duration,
[data-theme="dark"] .offer-price small,
[data-theme="dark"] .allocation-row,
[data-theme="dark"] .app-footer,
[data-theme="dark"] .modal-header p,
[data-theme="dark"] .close,
[data-theme="dark"] .field-hint,
[data-theme="dark"] .details-grid small,
[data-theme="dark"] .small-note,
[data-theme="dark"] .login-form p,
[data-theme="dark"] .login-help,
[data-theme="dark"] .login-form footer,
[data-theme="dark"] .mini-label,
[data-theme="dark"] .top-date,
[data-theme="dark"] .breadcrumb { color:#b4aaa2; }
[data-theme="dark"] .offer-tag { color:#ffb06c; }

/* Cesium brand orange: RGB(255, 121, 0), shared by both appearances. */
:root { --accent:#FF7900; }
[data-theme] .primary,
[data-theme] .lime,
[data-theme] .nav-item.active { background:var(--accent); border-color:var(--accent); color:#24170b; }
[data-theme] .primary:hover,
[data-theme] .lime:hover { background:#ff9433; border-color:#ff9433; }
[data-theme] button:focus-visible,
[data-theme] a:focus-visible { outline-color:var(--accent); }
[data-theme] input:focus,
[data-theme] select:focus,
[data-theme] textarea:focus { border-color:var(--accent); box-shadow:0 0 0 3px #ff790026; }
[data-theme] input[type="checkbox"],
[data-theme] input[type="radio"] { accent-color:var(--accent); }
[data-theme] .quick-card,
[data-theme] .reseller-wallet { background:#28211c; color:#fff4eb; border:1px solid #493629; }
[data-theme] .quick-card p,
[data-theme] .quick-foot,
[data-theme] .reseller-wallet small,
[data-theme] .reseller-wallet h2 span,
[data-theme] .reseller-wallet p { color:#d4bba8; }
[data-theme] .quick-card .eyebrow,
[data-theme] .network-symbol { color:#ffb36f; }
[data-theme] .bar-group:last-child .bar,
[data-theme] .progress-step.done { background:var(--accent); }
[data-theme] .login-art { background:#FF7900; box-shadow:0 15px 70px #ff790018; }

.cih-card { display:flex; align-items:center; gap:20px; padding:22px; margin-bottom:24px; }
.cih-bank-mark { flex-shrink:0; width:53px; height:53px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#fff0e3; color:#9c4700; border:1px solid #f3d1b0; border-radius:10px; font-size:18px; font-weight:750; letter-spacing:-1px; direction:ltr; }
.cih-bank-mark small { font-size:8px; letter-spacing:1.5px; margin-top:2px; }
.cih-copy { flex:1; min-width:0; }
.cih-copy h2 { margin-bottom:4px; }
.cih-copy p { margin:0; }
.cih-copy .cih-note { margin-top:5px; max-width:520px; }
.cih-amount { flex-shrink:0; text-align:end; }
.cih-amount strong { font-size:28px; letter-spacing:-.7px; font-weight:600; }
.cih-amount>span { font-size:12px; color:var(--muted); }
.cih-amount small { display:block; margin-top:7px; font-size:9px; color:var(--muted); }
[data-theme="dark"] .cih-bank-mark { background:#3b291c; border-color:#634329; color:#ffb673; }
@media(max-width:850px) { .cih-card { flex-wrap:wrap; gap:15px; } .cih-amount { margin-inline-start:auto; } }
@media(max-width:620px) { .cih-card { padding:18px; } .cih-copy { flex-basis:calc(100% - 75px); } .cih-amount { text-align:start; margin-inline-start:0; flex:1; } .cih-amount strong { font-size:25px; } }