/* CrmHub24 yorug' mavzusi (2026-10-04, foydalanuvchi so'rovi). AVTOMATIK yaratilgan qismlar crm.html'dagi haqiqiy qoidalardan olingan
   (backend/scripts/gen-crm-light.js) — crm.html CSS'iga yangi "color:#fff" yoki "rgba(255,255,255,..)" qoidasi qo'shsangiz, shu faylga ham mos qoida qo'shing.
   Standart (data-theme yo'q yoki "dark") = mavjud to'q ko'rinish, O'ZGARMAGAN. Yon panel yorug' rejimda ham to'q (CallHub24 admin bilan bir xil). */
:root[data-theme="light"]{
  --bg-main:#f6f5f3; --bg-panel:#ffffff; --bg-sidebar:#faf9f7;
  --border-dark:#e7e4de; --border-dark2:#d9d6cf; --border:#e7e4de;
  --navy:#1c1c1e; --text-main:#2a2a2d; --text-muted:#6b6a67; --text-dim:#7b7a77;
  --green:#2f8a49; --amber:#a8741a; --red:#cc4440;
  --accent-soft:rgba(59,130,196,.12); --green-soft:rgba(67,160,71,.14); --red-soft:rgba(217,83,79,.12); --amber-soft:rgba(224,168,60,.16);
  color-scheme:light;
}
/* yon panel: token'lar asl (to'q) qiymatlarida qoladi */
:root[data-theme="light"] .sidebar{
  --bg-main:#0b1924; --bg-panel:#0f202e; --bg-sidebar:#07121b;
  --border-dark:#152d40; --border-dark2:#1c3850; --border:#152d40;
  --navy:#fff; --text-main:#cdd9e3; --text-muted:#536c82; --text-dim:#7991a8;
  --accent-soft:rgba(59,130,196,.15);
  color-scheme:dark;
}
:root[data-theme="light"] *{scrollbar-color:#c9c5bd transparent}
:root[data-theme="light"] .sidebar *{scrollbar-color:var(--text-dim) transparent}
:root[data-theme="light"] *::-webkit-scrollbar-thumb{background:#c9c5bd}
:root[data-theme="light"] .sidebar *::-webkit-scrollbar-thumb{background:var(--text-dim)}
:root[data-theme="light"] body{background:var(--bg-main)}
:root[data-theme="light"] .main-header{box-shadow:none}
:root[data-theme="light"] input::placeholder,:root[data-theme="light"] textarea::placeholder{color:#9a9894}
:root[data-theme="light"] input[type=date]::-webkit-calendar-picker-indicator,:root[data-theme="light"] input[type=time]::-webkit-calendar-picker-indicator{filter:none}
:root[data-theme="light"] .page-spinner-overlay{background:rgba(246,245,243,.55)}

/* ===== Yuqori o'ng burchak: mavzu + til (CallHub24 admin bilan bir xil) ===== */
.header-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}
.header-tools .theme-switch,.header-tools .lang-switch{margin:0;display:flex;background:var(--bg-sidebar);border:1px solid var(--border-dark2);border-radius:999px;padding:3px;gap:2px}
.header-tools .theme-opt{display:flex;align-items:center;justify-content:center;width:32px;height:30px;padding:0;border:0;background:none;border-radius:999px;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s}
.header-tools .theme-opt svg{width:16px;height:16px}
.header-tools .theme-opt:hover{color:var(--navy)}
.header-tools .theme-opt[aria-pressed="true"]{background:var(--accent);color:#fff}
.header-tools .lang-opt{padding:5px 12px;border-radius:999px;color:var(--text-muted);font-size:12.5px;font-weight:600;cursor:pointer}
.header-tools .lang-opt:hover{color:var(--navy)}
.header-tools .lang-opt.active{background:var(--accent);color:#fff}
@media(max-width:900px){.header-tools .theme-switch{display:none}.header-tools .lang-opt{padding:5px 9px}}

/* ===== neytral fonda oq matn -> asosiy matn rangi; oq shaffoflik -> to'q shaffoflik (avtomatik) ===== */
:root[data-theme="light"] .btn-primary{color:var(--navy)}
:root[data-theme="light"] .btn-danger{color:var(--navy)}
:root[data-theme="light"] .pagination-bar button{color:var(--navy)}
:root[data-theme="light"] .bulk-action-bar select{color:var(--navy)}
:root[data-theme="light"] .mini-select-btn{color:var(--navy)}
:root[data-theme="light"] .mini-select-item{color:var(--navy)}
:root[data-theme="light"] .hamburger-btn{color:var(--navy)}
:root[data-theme="light"] .main-header h1{color:var(--navy)}
:root[data-theme="light"] .global-search input{color:var(--navy)}
:root[data-theme="light"] .gs-result-row .gs-title{color:var(--navy)}
:root[data-theme="light"] .kf-chip:hover{color:var(--navy)}
:root[data-theme="light"] .kf-more-toggle:hover{color:var(--navy)}
:root[data-theme="light"] .kf-field input{color:var(--navy)}
:root[data-theme="light"] .kf-field select{color:var(--navy)}
:root[data-theme="light"] .kf-field select option{color:var(--navy)}
:root[data-theme="light"] .activity-feed-item .af-body b{color:var(--navy)}
:root[data-theme="light"] .stat-card .stat-value{color:var(--navy)}
:root[data-theme="light"] .kanban-col-header .stage-name{color:var(--navy)}
:root[data-theme="light"] .deal-card .dc-title{color:var(--navy)}
:root[data-theme="light"] .back-link:hover{color:var(--navy)}
:root[data-theme="light"] .panel h3{color:var(--navy)}
:root[data-theme="light"] .settings-subtab:hover{color:var(--navy)}
:root[data-theme="light"] .settings-subtab.active{color:var(--navy)}
:root[data-theme="light"] .role-tab:hover{color:var(--navy)}
:root[data-theme="light"] .perm-table td:first-child{color:var(--navy)}
:root[data-theme="light"] .deal-header .deal-title-input{color:var(--navy)}
:root[data-theme="light"] .deal-tag-add:hover{color:var(--navy)}
:root[data-theme="light"] .deal-tag-input{color:var(--navy)}
:root[data-theme="light"] .stage-selector-btn .ss-name{color:var(--navy)}
:root[data-theme="light"] .stage-dropdown-item{color:var(--navy)}
:root[data-theme="light"] .task-tab:hover{color:var(--navy)}
:root[data-theme="light"] .deal-tab-content input{color:var(--navy)}
:root[data-theme="light"] .deal-tab-content select{color:var(--navy)}
:root[data-theme="light"] .deal-tab-content textarea{color:var(--navy)}
:root[data-theme="light"] .contact-embed input{color:var(--navy)}
:root[data-theme="light"] .contact-embed select{color:var(--navy)}
:root[data-theme="light"] .pc-header:hover{color:var(--navy)}
:root[data-theme="light"] .search-result-item{color:var(--navy)}
:root[data-theme="light"] .field-row .fr-value{color:var(--navy)}
:root[data-theme="light"] .chat-msg .cm-name{color:var(--navy)}
:root[data-theme="light"] .chat-msg .cm-actions button:hover{color:var(--navy)}
:root[data-theme="light"] .chat-input-row textarea{color:var(--navy)}
:root[data-theme="light"] .chat-context-bar .cb-cancel:hover{color:var(--navy)}
:root[data-theme="light"] .chat-unread-badge{color:var(--navy)}
:root[data-theme="light"] .inbox-channel-select{color:var(--navy)}
:root[data-theme="light"] .inbox-channel-select option{color:var(--navy)}
:root[data-theme="light"] .telegram-conv-item .tci-name{color:var(--navy)}
:root[data-theme="light"] .telegram-thread-header .tth-name{color:var(--navy)}
:root[data-theme="light"] .telegram-admin-row .tar-name{color:var(--navy)}
:root[data-theme="light"] .cal-header h3{color:var(--navy)}
:root[data-theme="light"] .cal-nav-btn:hover{color:var(--navy)}
:root[data-theme="light"] .cal-day-num{color:var(--navy)}
:root[data-theme="light"] .company-embed-card .ce-name{color:var(--navy)}
:root[data-theme="light"] .incoming-call-toast{color:var(--navy)}
:root[data-theme="light"] .settings-subtab-content input{color:var(--navy)}
:root[data-theme="light"] .settings-subtab-content select{color:var(--navy)}
:root[data-theme="light"] .settings-subtab-content textarea{color:var(--navy)}
:root[data-theme="light"] .settings-subtab-content select option{color:var(--navy)}
:root[data-theme="light"] .cf-def-row .cf-def-label{color:var(--navy)}
:root[data-theme="light"] .cf-def-row .cf-def-actions button:hover{color:var(--navy)}
:root[data-theme="light"] .deal-file-row .df-name{color:var(--navy)}
:root[data-theme="light"] .deal-file-row .df-actions button:hover{color:var(--navy)}
:root[data-theme="light"] .quote-row .qr-total{color:var(--navy)}
:root[data-theme="light"] .quote-row .qr-actions button:hover{color:var(--navy)}
:root[data-theme="light"] .quote-form-total{color:var(--navy)}
:root[data-theme="light"] .call-card .cc-icon{color:var(--navy)}
:root[data-theme="light"] .call-card .cc-title{color:var(--navy)}
:root[data-theme="light"] .dots-btn:hover{color:var(--navy)}
:root[data-theme="light"] .dots-dropdown .dd-item{color:var(--navy)}
:root[data-theme="light"] .confirm-message{color:var(--navy)}
:root[data-theme="light"] .modal-box h2{color:var(--navy)}
:root[data-theme="light"] .modal-close:hover{color:var(--navy)}
:root[data-theme="light"] .modal-box select{color:var(--navy)}
:root[data-theme="light"] .modal-box select option{color:var(--navy)}
:root[data-theme="light"] .merge-choice-card.selected{color:var(--navy)}
:root[data-theme="light"] .flatpickr-months .flatpickr-month{color:var(--navy)}
:root[data-theme="light"] .flatpickr-current-month .flatpickr-monthDropdown-months{color:var(--navy)}
:root[data-theme="light"] .flatpickr-current-month input.cur-year{color:var(--navy)}
:root[data-theme="light"] .flatpickr-day.selected{color:var(--navy)}
:root[data-theme="light"] .flatpickr-day.selected:hover{color:var(--navy)}
:root[data-theme="light"] .bot-card-title{color:var(--navy)}
:root[data-theme="light"] .bot-editor-topbar input#bot-editor-name{color:var(--navy)}
:root[data-theme="light"] .bot-settings-panel h4{color:var(--navy)}
:root[data-theme="light"] .drawflow .drawflow-node .bot-node-head{color:var(--navy)}
:root[data-theme="light"] .ap-info-number{color:var(--navy)}
:root[data-theme="light"] .ap-playbtn{color:var(--navy)}
:root[data-theme="light"] .ap-speed{color:var(--navy)}
:root[data-theme="light"] .ap-iconbtn:hover{color:var(--navy)}
:root[data-theme="light"] .btn-ghost:hover{background: rgba(28,28,30,.06)}
:root[data-theme="light"] .kanban-col-header .stage-count{color: rgba(28,28,30,.55)}
:root[data-theme="light"] .deal-card .dc-resp-avatar{color: rgba(28,28,30,.5)}
:root[data-theme="light"] .empty-col-msg{color: rgba(28,28,30,.22)}
:root[data-theme="light"] .field-label{color: rgba(28,28,30,.52)}
:root[data-theme="light"] .deal-id{color: rgba(28,28,30,.52)}
:root[data-theme="light"] .deal-tag-chip .tag-remove:hover{background: rgba(28,28,30,.15)}
:root[data-theme="light"] .page-spinner{border:3px solid rgba(28,28,30,.14)}
:root[data-theme="light"] .stage-selector-btn .ss-time{color: rgba(28,28,30,.52)}
:root[data-theme="light"] .inline-add-form{background: rgba(28,28,30,.03)}
:root[data-theme="light"] .search-result-item:hover{background: rgba(28,28,30,.06)}
:root[data-theme="light"] .contact-embed .ce-avatar{color: rgba(28,28,30,.55)}
:root[data-theme="light"] .field-row .fr-label{color: rgba(28,28,30,.52)}
:root[data-theme="light"] .timeline-started{color: rgba(28,28,30,.5);background: rgba(28,28,30,.05)}
:root[data-theme="light"] .sys-event{color: rgba(28,28,30,.55)}
:root[data-theme="light"] .chat-msg .cm-avatar{color: rgba(28,28,30,.55)}
:root[data-theme="light"] .chat-reply-preview{background: rgba(28,28,30,.04)}
:root[data-theme="light"] .chat-context-bar .cb-cancel:hover{background: rgba(28,28,30,.08)}
:root[data-theme="light"] .telegram-conv-item .tci-avatar{color: rgba(28,28,30,.55)}
:root[data-theme="light"] .telegram-empty-state{color: rgba(28,28,30,.22)}
:root[data-theme="light"] .task-banner{color: rgba(28,28,30,.5)}
:root[data-theme="light"] .ap-iconbtn:hover{background: rgba(28,28,30,.08)}
/* inline style="color:#fff" */
:root[data-theme="light"] [style*="color:#fff"]:not([style*="background:var(--red"]):not([style*="background: var(--red"]):not([style*="background:var(--accent"]):not([style*="background: var(--accent"]):not([style*="background:var(--accent-dark"]):not([style*="background: var(--accent-dark"]):not([style*="background:var(--green"]):not([style*="background: var(--green"]):not([style*="background:var(--amber"]):not([style*="background: var(--amber"]):not([style*="background:var(--cyan"]):not([style*="background: var(--cyan"]):not([style*="background:#"]):not([style*="background: #"]):not([style*="background:linear-gradient"]):not([style*="background: linear-gradient"]):not([style*="background:rgb"]):not([style*="background: rgb"]),
:root[data-theme="light"] [style*="color: #fff"]:not([style*="background:var(--red"]):not([style*="background: var(--red"]):not([style*="background:var(--accent"]):not([style*="background: var(--accent"]):not([style*="background:var(--accent-dark"]):not([style*="background: var(--accent-dark"]):not([style*="background:var(--green"]):not([style*="background: var(--green"]):not([style*="background:var(--amber"]):not([style*="background: var(--amber"]):not([style*="background:var(--cyan"]):not([style*="background: var(--cyan"]):not([style*="background:#"]):not([style*="background: #"]):not([style*="background:linear-gradient"]):not([style*="background: linear-gradient"]):not([style*="background:rgb"]):not([style*="background: rgb"]){color:var(--navy)!important}
html.theme-anim,html.theme-anim *{transition:background-color .22s ease,border-color .22s ease,color .22s ease,fill .22s ease,stroke .22s ease!important}