/* ==========================================================================
ADMIN DARK MODE
Sab kuch html[data-theme="dark"] ke neeche scoped hai — matlab jab tak
par data-theme="dark" nahi hota, ye ek bhi rule apply nahi hota aur LIGHT mode
(purana indigo look) bilkul waisa hi rehta hai. Toggle topbar ke button se.
Chrome (topbar/sidebar/footer/nav) sirf --adm-* variables use karta hai, is liye
niche wo variables override kar dete hain. Content (Bootstrap + custom classes)
ke hardcoded light colors ko explicit rules se dark kiya gaya hai.
Delete karna ho to: ye file + template.php ka + toggle button hata do.
========================================================================== */
/* ===== 1) Chrome variables (topbar / sidebar / nav / currency dropdown) ===== */
html[data-theme="dark"]{
--adm-head-a:#1b1e24; /* topbar/side-head gradient — ab dark */
--adm-head-b:#24282f;
--adm-primary:#818cf8; /* indigo ko dark par thoda bright kiya (readable) */
--adm-accent:#818cf8;
--adm-card:#1c1f24; /* sidebar + cards ka base */
--adm-line:#2c313a;
--adm-ink:#e6e8eb;
--adm-ink2:#c2c7ce;
--adm-muted:#8b929c;
--adm-hover:#282d34;
--adm-divider:#2c313a;
--adm-proc-bg:rgba(129,140,248,.15); /* active nav ka tint */
--adm-badge:#ef4444;
--adm-danger:#f87171;
--adm-soft-ink:#aab2bf;
}
/* footer gradient header.css me hardcoded hai — dark kar do */
html[data-theme="dark"] .adm-footer{
background:linear-gradient(110deg,#1b1e24,#24282f);
box-shadow:0 -2px 10px rgba(0,0,0,.3);
}
html[data-theme="dark"] .adm-topbar{ box-shadow:0 2px 10px rgba(0,0,0,.35); }
html[data-theme="dark"] .adm-sidebar{ box-shadow:6px 0 30px rgba(0,0,0,.5); }
html[data-theme="dark"] .adm-overlay{ background:rgba(0,0,0,.6); }
/* ===== 2) Page base: background + text ===== */
html[data-theme="dark"] body,
html[data-theme="dark"] .page,
html[data-theme="dark"] .page-main{
background:#14161a;
color:#e6e8eb;
}
/* load overlay (page open par) — warna white flash aata */
html[data-theme="dark"] #page-overlay{ background:#14161a; }
html[data-theme="dark"] :is(h1,h2,h3,h4,h5,h6){ color:#f0f2f4; }
html[data-theme="dark"] :is(.text-dark,.text-default,.text-body){ color:#e6e8eb !important; }
html[data-theme="dark"] .text-muted{ color:#8b929c !important; }
html[data-theme="dark"] .lable-text{ color:#e6e8eb; }
html[data-theme="dark"] hr{ border-color:#2c313a; }
html[data-theme="dark"] :is(.border,.border-top,.border-bottom,.border-left,.border-right){ border-color:#2c313a !important; }
/* ===== 3) Cards ===== */
html[data-theme="dark"] .card{
background:#1c1f24;
color:#e6e8eb;
border-color:#2c313a;
box-shadow:0 1px 3px rgba(0,0,0,.45);
}
html[data-theme="dark"] .cardmodel{ background:#20242a; border-color:#2c313a; } /* settings sections: card se halka elevated */
html[data-theme="dark"] .dash-stat{ background:#20242a; border-color:#2c313a; } /* dashboard status mini-cards: elevated */
html[data-theme="dark"] .dash-stat:hover{ border-color:#3a4048; box-shadow:none; }
html[data-theme="dark"] .dash-ov-title::after{ background:#2c313a; } /* overview heading divider line */
html[data-theme="dark"] .dash-skel{ background:linear-gradient(90deg,#23272e 25%,#2c313a 37%,#23272e 63%); background-size:400% 100%; } /* loading shimmer */
html[data-theme="dark"] .rpt-period{ background:#23272e; } /* range pills track */
html[data-theme="dark"] .rpt-period-btn{ color:#aab2bf; }
html[data-theme="dark"] .rpt-period-btn:hover{ color:#e6e8eb; }
html[data-theme="dark"] .rpt-period-btn.active{ color:#fff; } /* indigo gradient wahi rehta */
html[data-theme="dark"] :is(.card-header,.card-footer){
background:#1c1f24;
border-color:#2c313a;
color:#e6e8eb;
}
html[data-theme="dark"] .smal_card{ background:#0f1620; border-color:#818cf8; }
/* ===== 4) Tables ===== */
html[data-theme="dark"] .table{ color:#c2c7ce; }
html[data-theme="dark"] :is(.table th,.table td){ border-color:#2c313a; }
html[data-theme="dark"] .table thead th{ background:#20242a; color:#aab2bf; border-color:#2c313a; }
html[data-theme="dark"] .table-hover tbody tr:hover{ background:#20242a; color:#e6e8eb; }
html[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd){ background:rgba(255,255,255,.02); }
html[data-theme="dark"] :is(.table-bordered,.table-bordered th,.table-bordered td){ border-color:#2c313a; }
/* ===== 5) Forms ===== */
html[data-theme="dark"] :is(.form-control,.custom-select,select,textarea,.custom-file-label){
background:#23272e;
color:#e6e8eb;
border-color:#3a4048;
}
html[data-theme="dark"] :is(.form-control,select,textarea)::placeholder{ color:#8b929c; }
html[data-theme="dark"] :is(.form-control,.custom-select,select,textarea):focus{
background:#23272e;
color:#e6e8eb;
border-color:#818cf8;
box-shadow:0 0 0 3px rgba(129,140,248,.2);
}
html[data-theme="dark"] :is(.form-control:disabled,.form-control[readonly]){ background:#1a1d22; color:#8b929c; }
html[data-theme="dark"] .input-group-text{ background:#20242a; color:#c2c7ce; border-color:#3a4048; }
html[data-theme="dark"] :is(label,.col-form-label,.form-label){ color:#c2c7ce; }
html[data-theme="dark"] .custom-control-label{ color:#c2c7ce; }
/* ===== 6) Modals ===== */
html[data-theme="dark"] .modal-content{ background:#1c1f24; color:#e6e8eb; }
html[data-theme="dark"] :is(.modal-header,.modal-footer){ border-color:#2c313a; }
html[data-theme="dark"] .modal-title{ color:#f0f2f4; }
html[data-theme="dark"] .news_announcement .modal-content .modal-body{ background:#14161a; }
html[data-theme="dark"] .close{ color:#e6e8eb; text-shadow:none; opacity:.85; }
html[data-theme="dark"] .close:hover{ color:#fff; opacity:1; }
/* ===== 7) Dropdowns ===== */
html[data-theme="dark"] .dropdown-menu{
background:#1c1f24;
border-color:#2c313a;
color:#e6e8eb;
box-shadow:0 12px 28px rgba(0,0,0,.5);
}
html[data-theme="dark"] .dropdown-item{ color:#c2c7ce; }
html[data-theme="dark"] :is(.dropdown-item:hover,.dropdown-item:focus){ background:#282d34; color:#e6e8eb; }
html[data-theme="dark"] .dropdown-divider{ border-color:#2c313a; }
/* ===== 8) Light-ish buttons (primary/indigo dark par theek hain) ===== */
html[data-theme="dark"] :is(.btn-white,.btn-light,.btn-secondary,.btn-default){
background:#23272e; color:#e6e8eb; border-color:#3a4048;
}
html[data-theme="dark"] :is(.btn-white:hover,.btn-light:hover,.btn-secondary:hover,.btn-default:hover){
background:#282d34; color:#fff; border-color:#454c56;
}
html[data-theme="dark"] .back-btn{ background:#23272e; color:#e6e8eb; border-color:#3a4048; }
/* ===== 9) Pagination ===== */
html[data-theme="dark"] .pagination>li>a{ background:#1c1f24; border-color:#2c313a; color:#a5b0ff; }
html[data-theme="dark"] .page-link{ background:#1c1f24; border-color:#2c313a; color:#a5b0ff; }
/* ===== 10) Page-top components (stat cards / order tabs / filters / toolbars) ===== */
html[data-theme="dark"] .stats-card{ background:#1c1f24; border-color:#2c313a; }
html[data-theme="dark"] .stats-card-title{ color:#e6e8eb; }
html[data-theme="dark"] .stat-card{ background:#23272e; border-color:#2c313a; }
html[data-theme="dark"] .stat-label{ color:#8b929c; }
html[data-theme="dark"] .stat-value{ color:#e6e8eb; }
html[data-theme="dark"] .stat-skel{ background:linear-gradient(90deg,#23272e 25%,#2c313a 37%,#23272e 63%); background-size:400% 100%; }
html[data-theme="dark"] .ord-tabs-card{ background:#1c1f24; border-color:#2c313a; }
html[data-theme="dark"] .ord-tab{ background:#23272e; border-color:#2c313a; color:#c2c7ce !important; }
html[data-theme="dark"] .ord-tab:hover{ background:#282d34; border-color:#3a4048; color:#e6e8eb !important; }
html[data-theme="dark"] .ord-tab .ord-count{ background:rgba(129,140,248,.15); color:#a5b0ff; }
/* active tab (indigo fill) waisa hi theek hai */
html[data-theme="dark"] .orders-v2-filter-wrap{ background:#1c1f24; border-color:#2c313a; }
html[data-theme="dark"] .orders-v2-field label{ color:#c2c7ce; }
html[data-theme="dark"] :is(.orders-v2-field input,.orders-v2-field select){ background:#23272e; border-color:#3a4048; color:#e6e8eb; }
html[data-theme="dark"] .orders-v2-actions{ border-color:#2c313a; }
html[data-theme="dark"] :is(.orders-v2-btn-more,.orders-v2-btn-reset){ background:#23272e; color:#c2c7ce !important; }
html[data-theme="dark"] :is(.orders-v2-btn-more:hover,.orders-v2-btn-reset:hover){ background:#282d34; }
html[data-theme="dark"] .orders-v2-tool-btn{ background:#1c1f24; border-color:#2c313a; color:#c2c7ce !important; }
html[data-theme="dark"] .orders-v2-tool-btn:hover{ background:#23272e; border-color:#3a4048; }
html[data-theme="dark"] .orders-v2-resend-btn{ background:rgba(129,140,248,.13); border-color:rgba(129,140,248,.35); color:#a5b0ff !important; }
html[data-theme="dark"] .orders-v2-resend-btn i{ color:#a5b0ff; }
html[data-theme="dark"] .api-status-muted{ background:#23272e; border-color:#3a4048; color:#8b929c; }
/* ===== 11) Custom action menus (indigo-* / idgrow-* / orders-v2 menu) ===== */
html[data-theme="dark"] :is(.indigo-action-menu,.idgrow-menu,.orders-v2-action-menu){
background:#1c1f24; border-color:#2c313a; box-shadow:0 14px 32px rgba(0,0,0,.55);
}
html[data-theme="dark"] :is(.indigo-action-item,.idgrow-item,.orders-v2-action-menu .dropdown-item){ color:#c2c7ce; }
html[data-theme="dark"] :is(.indigo-action-item:hover,.idgrow-item:hover,.orders-v2-action-menu .dropdown-item:hover){ background:#282d34; color:#a5b0ff; }
html[data-theme="dark"] :is(.indigo-action-item i,.idgrow-item i){ color:#8b929c; }
html[data-theme="dark"] :is(.indigo-action-divider,.idgrow-divider){ background:#2c313a; }
html[data-theme="dark"] .idgrow-item + .idgrow-item{ border-color:#2c313a; }
html[data-theme="dark"] .idgo-btn.is-outline{ background:rgba(129,140,248,.13); border-color:rgba(129,140,248,.35); color:#a5b0ff !important; }
/* ===== 12) Searchable select (layout.css) + access search (components.css) ===== */
html[data-theme="dark"] .search-select-control{ background:#23272e; border-color:#3a4048; color:#e6e8eb; }
html[data-theme="dark"] .search-select-panel{ background:#1c1f24; border-color:#2c313a; }
html[data-theme="dark"] .search-select-input{ background:#23272e; border-color:#3a4048; color:#e6e8eb; }
html[data-theme="dark"] .search-select-option{ color:#c2c7ce; border-color:#2c313a; }
html[data-theme="dark"] .search-select-option:hover{ background:#282d34; color:#a5b0ff; }
html[data-theme="dark"] .search-select-option::after{ border-color:#4a515c; } /* radio-dot ka khali ring dark bg par muted */
html[data-theme="dark"] .search-select-empty{ color:#8b929c; }
html[data-theme="dark"] .search-select-group{ color:#8b929c; }
html[data-theme="dark"] .access-search-results{ background:#1c1f24; border-color:#2c313a; }
html[data-theme="dark"] .access-search-hit{ color:#c2c7ce; border-color:#2c313a; }
html[data-theme="dark"] .access-search-hit:hover{ background:#282d34; color:#a5b0ff; }
html[data-theme="dark"] .access-search-empty{ color:#8b929c; }
html[data-theme="dark"] .access-list-scroll thead th{ background:#20242a; }
/* ===== 13) List groups + tabs + small chrome ===== */
html[data-theme="dark"] .list-group-item{ background:#1c1f24; border-color:#2c313a; color:#c2c7ce; }
html[data-theme="dark"] .nav-tabs{ border-color:#2c313a; }
html[data-theme="dark"] .tabs-list .tab-content{ border-color:#2c313a; }
html[data-theme="dark"] .badge-count-cate{ background:#2c313a; color:#e6e8eb; }
html[data-theme="dark"] .sht{ background:#23272e; color:#e6e8eb; border-color:#3a4048; }
/* ===== 14) Orders info-cell + service/mini switch cards ===== */
html[data-theme="dark"] .info-cell .value{ color:#e6e8eb; }
html[data-theme="dark"] .info-cell .label{ color:#8b929c; }
html[data-theme="dark"] :is(.service-type-card,.mini-switch-card){ background:#23272e; border-color:#2c313a; }
html[data-theme="dark"] .service-type-card .text{ color:#c2c7ce; }
html[data-theme="dark"] .mini-switch-card span{ color:#c2c7ce; }
html[data-theme="dark"] :is(.service-type-card:has(input:checked),.mini-switch-card:has(input:checked)){
background:rgba(129,140,248,.12); border-color:#818cf8;
}
html[data-theme="dark"] .service-type-card:has(input:checked) .text{ color:#a5b0ff; }
html[data-theme="dark"] .mini-switch-card:has(input:checked) span{ color:#a5b0ff; }
/* ===== 15) Tickets thread ===== */
html[data-theme="dark"] .tmsg{ background:#20242a; border-color:#2c313a; }
html[data-theme="dark"] .tmsg-staff{ background:#1e2740; border-color:#2c3b54; }
html[data-theme="dark"] .tmsg-text{ color:#c2c7ce; }
html[data-theme="dark"] .tmsg-foot{ color:#8b929c; border-color:#2c313a; background:rgba(255,255,255,.03); }
html[data-theme="dark"] .tmsg-foot b{ color:#e6e8eb; }
html[data-theme="dark"] .tmsg-staff .tmsg-foot b{ color:#a5b0ff; }
html[data-theme="dark"] :is(.ticket-lists .item,.ticket-contents .item){ border-color:#2c313a; }
html[data-theme="dark"] .ticket-lists .item:hover{ background:#20242a; }
html[data-theme="dark"] :is(.ticket-lists .item .content .subject,.ticket-contents .item .content .username){ color:#e6e8eb; }
html[data-theme="dark"] :is(.ticket-contents .item .content .message){ color:#c2c7ce; }
/* ==========================================================================
PASS 2 — live admin audit ke baad mile gaps.
Kuch views #id / specific selectors se light color lagate hain jo class-rule
se jeet jaate the — un jagah !important laga hai (dark override layer ke liye
standard). Baaki missing components (switch, badges, status pills, reports).
========================================================================== */
/* form inputs — #service-search jaisa #id / #fcfcfe pakka dark */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] select.form-control,
html[data-theme="dark"] textarea.form-control,
html[data-theme="dark"] .custom-select{
background:#23272e !important;
color:#e6e8eb !important;
border-color:#3a4048 !important;
}
html[data-theme="dark"] .form-control::placeholder{ color:#8b929c !important; }
/* Tabler custom switch (track); checked = indigo (dono !important warna checked bhi dark ho jaata) */
html[data-theme="dark"] .custom-switch-indicator{ background:#3a4048 !important; border-color:#3a4048 !important; }
html[data-theme="dark"] .custom-switch-input:checked ~ .custom-switch-indicator{ background:#4f46e5 !important; border-color:#4f46e5 !important; }
/* idgrow "Action" button ab OUTLINE black-ish hai (light) → dark par black-on-dark invisible; readable grey outline */
html[data-theme="dark"] .idgrow-btn{ background:transparent; color:#c3c9d5; border-color:#4a515e; }
html[data-theme="dark"] .idgrow-btn:hover{ background:rgba(255,255,255,.06); color:#e6e9ee; }
/* Resend button (.idgo-btn.is-outline-indigo) — transparent indigo outline; dark par lighter indigo (readable) */
html[data-theme="dark"] .idgo-btn.is-outline-indigo{ background:transparent; color:#a5b0ff !important; border-color:rgba(129,140,248,.5); }
html[data-theme="dark"] .idgo-btn.is-outline-indigo:hover{ background:rgba(129,140,248,.12); color:#c3caff !important; }
/* settings ka left sidebar — links color:#000 the (dark par invisible) */
html[data-theme="dark"] .list-group-item-action{ color:#c2c7ce; }
html[data-theme="dark"] :is(.list-group-item-action:hover,.list-group-item-action:focus,.list-group-item-action.active){ color:#fff; }
/* custom pagination (nav.page-navigation) — bare the, meri .pagination>li>a rule kam padi */
html[data-theme="dark"] .page-navigation .pagination li a,
html[data-theme="dark"] .pagination li a,
html[data-theme="dark"] .page-link{
background:#1c1f24 !important;
border-color:#2c313a !important;
color:#a5b0ff !important;
}
html[data-theme="dark"] :is(.page-navigation .pagination li a:hover,.pagination li a:hover,.page-link:hover){ background:#282d34 !important; }
html[data-theme="dark"] :is(.pagination .active a,.pagination li.active a,.page-item.active .page-link){ background:#4f46e5 !important; border-color:#4f46e5 !important; color:#fff !important; }
/* Bootstrap ke light badges */
html[data-theme="dark"] :is(.badge-default,.badge-secondary,.badge-light){ background:#2c313a !important; color:#c2c7ce !important; }
/* order status pills — light tint ko dark tint (text bright karke) */
html[data-theme="dark"] .order-status-pending { color:#e0b64a; background:rgba(224,182,74,.13); border-color:rgba(224,182,74,.28); }
html[data-theme="dark"] .order-status-processing { color:#7fb0f0; background:rgba(127,176,240,.13); border-color:rgba(127,176,240,.28); }
html[data-theme="dark"] .order-status-inprogress { color:#54c7d6; background:rgba(84,199,214,.12); border-color:rgba(84,199,214,.26); }
html[data-theme="dark"] .order-status-completed { color:#5ec98a; background:rgba(94,201,138,.12); border-color:rgba(94,201,138,.26); }
html[data-theme="dark"] .order-status-partial { color:#e0a05a; background:rgba(224,160,90,.13); border-color:rgba(224,160,90,.28); }
html[data-theme="dark"] .order-status-canceled { color:#ef7a86; background:rgba(239,122,134,.12); border-color:rgba(239,122,134,.26); }
html[data-theme="dark"] .order-status-refunded { color:#eb8272; background:rgba(235,130,114,.12); border-color:rgba(235,130,114,.26); }
html[data-theme="dark"] .order-status-error { color:#ef6d78; background:rgba(239,109,120,.12); border-color:rgba(239,109,120,.26); }
html[data-theme="dark"] .status-unread { color:#b9a5f5; background:rgba(124,58,237,.16); border-color:rgba(124,58,237,.34); }
/* state badges (components.css) — soft pills ka dark tint */
html[data-theme="dark"] .state-badge-green { background:rgba(52,199,120,.13); border-color:rgba(52,199,120,.3); color:#5ec98a; }
html[data-theme="dark"] .state-badge-orange{ background:rgba(217,140,50,.14); border-color:rgba(217,140,50,.3); color:#e0a05a; }
html[data-theme="dark"] .state-badge-red { background:rgba(224,80,72,.13); border-color:rgba(224,80,72,.3); color:#ef7a86; }
html[data-theme="dark"] .state-badge-blue { background:rgba(129,140,248,.14); border-color:rgba(129,140,248,.3); color:#a5b0ff; }
html[data-theme="dark"] .state-badge-grey { background:#2c313a; border-color:#3a4048; color:#aab2bf; }
/* ===== Reports pages (reports.css ka poora .rpt-* system) ===== */
html[data-theme="dark"] .rpt-users-card{ background:#1c1f24; border-color:#2c313a; box-shadow:0 8px 30px rgba(0,0,0,.35); }
html[data-theme="dark"] :is(.rpt-head-title,.rpt-chart-title,.rpt-stat-value,.rpt-td-date,.rpt-svc-provider,.rpt-svc-orders){ color:#e6e8eb; }
html[data-theme="dark"] :is(.rpt-metric-title,.rpt-svc-name,.rpt-svc-price){ color:#c2c7ce; }
html[data-theme="dark"] :is(.rpt-period,.rpt-legend){ background:#23272e; }
html[data-theme="dark"] .rpt-period-btn{ color:#aab2bf; }
html[data-theme="dark"] .rpt-period-btn:hover{ color:#fff; }
html[data-theme="dark"] .rpt-stat{ background:#23272e; border-color:#2c313a; }
html[data-theme="dark"] .rpt-stat-label{ color:#8b929c; }
html[data-theme="dark"] .rpt-leg{ color:#aab2bf; }
html[data-theme="dark"] .rpt-leg.active{ background:#2c313a; color:#e6e8eb; box-shadow:none; }
html[data-theme="dark"] .rpt-leg-sw{ background:#3a4048; }
html[data-theme="dark"] .rpt-table-wrap{ border-color:#2c313a; }
html[data-theme="dark"] .rpt-table th{ color:#a5b0ff; border-color:#2c313a; }
html[data-theme="dark"] .rpt-table td{ color:#c2c7ce; border-color:#2c313a; }
html[data-theme="dark"] .rpt-table tbody tr:hover{ background:#20242a; }
html[data-theme="dark"] .rpt-table tfoot td{ background:#20242a; color:#e6e8eb; border-color:#3a4048; }
html[data-theme="dark"] .rpt-svc-id{ background:rgba(129,140,248,.15); color:#a5b0ff; }
html[data-theme="dark"] .rpt-stat-value.tone-indigo{ color:#a5b0ff; }
html[data-theme="dark"] .rpt-skel{ background:linear-gradient(90deg,#23272e 25%,#2c313a 37%,#23272e 63%); background-size:400% 100%; }
/* ===== Theme manager cards (theme-manager.css ka .tc-* / .theme-card) ===== */
html[data-theme="dark"] .theme-card{ background:#1c1f24; border-color:#2c313a; box-shadow:0 1px 3px rgba(0,0,0,.4); }
html[data-theme="dark"] .theme-card.is-active{ border-color:#818cf8; box-shadow:0 0 0 2px rgba(129,140,248,.25); }
html[data-theme="dark"] :is(.tc-head,.tc-foot){ border-color:#2c313a; }
html[data-theme="dark"] .tc-name{ color:#e6e8eb; }
html[data-theme="dark"] .tc-color-trigger{ background:#23272e; border-color:#3a4048; color:#c2c7ce; }
html[data-theme="dark"] .tc-color-trigger:hover{ background:#282d34; border-color:#454c56; }
html[data-theme="dark"] .tc-color-pop{ background:#1c1f24; border-color:#2c313a; box-shadow:0 12px 30px rgba(0,0,0,.5); }
html[data-theme="dark"] .tc-color-item{ color:#c2c7ce; }
html[data-theme="dark"] .tc-color-item:hover{ background:#282d34; }
html[data-theme="dark"] .tc-color-item.is-active{ color:#e6e8eb; }
html[data-theme="dark"] .tc-preview{ background:#20242a; }
html[data-theme="dark"] .tc-ph{ background:linear-gradient(135deg,#20242a,#1c1f24); color:#8b929c; }
html[data-theme="dark"] .tc-ph span{ color:#aab2bf; }
html[data-theme="dark"] .tc-badge{ color:#5ec98a; }
/* ===== Modal inner parts — .modal-content dark tha par body/footer/header (.bg-pantone) ka apna #f8f9fb tha ===== */
html[data-theme="dark"] :is(.modal-body,.modal-footer){ background:#1c1f24; }
html[data-theme="dark"] .bg-pantone{ background:#20242a !important; }
html[data-theme="dark"] .modal-header.bg-pantone{ border-color:#2c313a; }
/* ===== Pages module ke type badges (light tint -> dark tint) ===== */
html[data-theme="dark"] .badge-type.type-custom{ background:rgba(52,199,120,.14); color:#5ec98a; }
html[data-theme="dark"] .badge-type.type-system{ background:rgba(129,140,248,.16); color:#a5b0ff; }
/* ==========================================================================
PASS 3 — chhote parts jo forms/modals ke andar reh gaye the (toggle tracks,
idgo-alerts, form-fieldset). Live modal audit se mile.
========================================================================== */
/* custom toggle track (unchecked) — checked-state indigo apne aap rehta (zyada specific rule) */
html[data-theme="dark"] .mini-switch-card i{ background:#3a4048; }
/* form fieldset container (bg #f1f1f1 tha) */
html[data-theme="dark"] .form-fieldset{ background:#20242a; border-color:#2c313a; }
/* idgo-alert cards — light tint ko dark tint */
html[data-theme="dark"] .idgo-alert-info{ background:rgba(129,140,248,.13); border-color:rgba(129,140,248,.3); color:#a5b0ff; }
html[data-theme="dark"] .idgo-alert-warning{ background:rgba(224,182,74,.12); border-color:rgba(224,182,74,.28); color:#e0b64a; }
html[data-theme="dark"] .idgo-alert-danger{ background:rgba(239,109,120,.12); border-color:rgba(239,109,120,.28); color:#ef8a94; }
html[data-theme="dark"] .idgo-alert-success{ background:rgba(94,201,138,.12); border-color:rgba(94,201,138,.26); color:#5ec98a; }
/* theme editor warning (light red box) */
html[data-theme="dark"] .theme-edit-warning{ background:rgba(239,109,120,.1); border-color:rgba(239,109,120,.3); color:#ef8a94; }
/* chhote light borders (scan sirf bg/text pakadti hai, border nahi) */
html[data-theme="dark"] .service-type-card .radio{ border-color:#4a515c; }
html[data-theme="dark"] .custom-file-upload:hover{ background:#20242a; }
html[data-theme="dark"] .modal-dialog{ border-color:#2c313a; }
/* Uploads gallery — dark mode (2026-08-02) */
html[data-theme="dark"] .img-card { background:#1c1f24; border-color:#2c313a; }
html[data-theme="dark"] .img-card .thumb { background:#23272e; border-color:#2c313a; }
html[data-theme="dark"] .img-card .meta .date { color:#8b93a1; }
html[data-theme="dark"] .img-card .actions { border-top-color:#2c313a; }
/* Payout status guide (affiliate/update modal) — dark mode (2026-08-05) */
html[data-theme="dark"] .payout-status-guide { background:#20242a; border-color:#2c313a; }
html[data-theme="dark"] .payout-status-guide-row { border-bottom-color:#2c313a; }
html[data-theme="dark"] .payout-status-guide-text { color:#aab2bf; }
html[data-theme="dark"] .payout-status-guide-note { background:#2a2416; color:#e0b872; }
/* Transactions list admin-note sub-line — dark mode (2026-08-05) */
html[data-theme="dark"] .trx-admin-note { border-top-color:#2c313a; color:#8b93a1; }
html[data-theme="dark"] .trx-admin-note b { color:#aab2bf; }
/* balance_logs type badge — dark mode (2026-09-03) */
html[data-theme="dark"] .bl-type-badge { background:#2c313a; color:#aab2bf; }
html[data-theme="dark"] .rpt-tabnav{ background:#1c1f24; border-color:#2c313a; } /* top performers tab switch */
html[data-theme="dark"] .rpt-tab{ color:#aab2bf; }
html[data-theme="dark"] .rpt-tab:hover{ color:#e6e8eb; }
html[data-theme="dark"] .rpt-tab.is-active{ color:#fff; }
/* Free service badge — dark */
html[data-theme="dark"] .svc-free-badge{ color:#57d98a; background:#12331f; border-color:#1f5233; }
/* searchable-select Added badge — dark */
html[data-theme="dark"] .ss-added-badge{ color:#57d98a; background:#12331f; border-color:#1f5233; }