/* HAB_THEME_FINAL_V1 */

:root{
  --hab-contrast-rgb:255,255,255;

  --hab-text-strong:#ffffff;
  --hab-text-main:#f3f3f3;
  --hab-text-soft:#dddddd;
  --hab-text-muted-final:#999999;

  --hab-final-page:#090909;
  --hab-final-surface:#171717;
  --hab-final-surface-2:#101010;
  --hab-final-border:rgba(255,255,255,.10);
}
  --hab-neutral-050505:#050505;
  --hab-neutral-070707:#070707;
  --hab-neutral-080808:#080808;
  --hab-neutral-0c0c0c:#0c0c0c;
  --hab-neutral-0d0d0d:#0d0d0d;
  --hab-neutral-0f1115:#0f1115;
  --hab-neutral-101010:#101010;
  --hab-neutral-101014:#101014;
  --hab-neutral-151515:#151515;
  --hab-neutral-15181d:#15181d;
  --hab-neutral-16120f:#16120f;
  --hab-neutral-161616:#161616;
  --hab-neutral-171717:#171717;
  --hab-neutral-17171c:#17171c;
  --hab-neutral-171a20:#171a20;
  --hab-neutral-181b21:#181b21;
  --hab-neutral-191c22:#191c22;
  --hab-neutral-1b120a:#1b120a;
  --hab-neutral-1d1d1d:#1d1d1d;
  --hab-neutral-1e1e1e:#1e1e1e;
  --hab-neutral-201b17:#201b17;
  --hab-neutral-20242c:#20242c;
  --hab-neutral-211b16:#211b16;
  --hab-neutral-22201e:#22201e;
  --hab-neutral-222732:#222732;
  --hab-neutral-24211f:#24211f;
  --hab-neutral-242424:#242424;
  --hab-neutral-242932:#242932;
  --hab-neutral-252525:#252525;
  --hab-neutral-272c35:#272c35;
  --hab-neutral-282828:#282828;
  --hab-neutral-2c2c2c:#2c2c2c;
  --hab-neutral-303030:#303030;
  --hab-neutral-303540:#303540;
  --hab-neutral-323232:#323232;
  --hab-neutral-343434:#343434;
  --hab-neutral-353535:#353535;
  --hab-neutral-363636:#363636;
  --hab-neutral-393939:#393939;
  --hab-neutral-3a3a3a:#3a3a3a;
  --hab-neutral-3b3b3b:#3b3b3b;
  --hab-neutral-41362d:#41362d;
  --hab-neutral-414141:#414141;
  --hab-neutral-424242:#424242;
  --hab-neutral-434955:#434955;
  --hab-neutral-444444:#444444;
  --hab-neutral-464646:#464646;
  --hab-neutral-474747:#474747;
  --hab-neutral-5f5f5f:#5f5f5f;

html[data-theme="light"]{
  color-scheme:light;

  --hab-contrast-rgb:15,23,42;

  --hab-text-strong:#111827;
  --hab-text-main:#1f2937;
  --hab-text-soft:#475467;
  --hab-text-muted-final:#667085;

  --hab-final-page:#f3f5f7;
  --hab-final-surface:#ffffff;
  --hab-final-surface-2:#f8fafc;
  --hab-final-border:rgba(15,23,42,.12);
}
  --hab-neutral-050505:#ffffff;
  --hab-neutral-070707:#ffffff;
  --hab-neutral-080808:#ffffff;
  --hab-neutral-0c0c0c:#ffffff;
  --hab-neutral-0d0d0d:#fbfcfd;
  --hab-neutral-0f1115:#fbfcfd;
  --hab-neutral-101010:#fbfcfd;
  --hab-neutral-101014:#fbfcfd;
  --hab-neutral-151515:#fbfcfd;
  --hab-neutral-15181d:#f6f8fa;
  --hab-neutral-16120f:#fbfcfd;
  --hab-neutral-161616:#fbfcfd;
  --hab-neutral-171717:#fbfcfd;
  --hab-neutral-17171c:#f6f8fa;
  --hab-neutral-171a20:#f6f8fa;
  --hab-neutral-181b21:#f6f8fa;
  --hab-neutral-191c22:#f6f8fa;
  --hab-neutral-1b120a:#fbfcfd;
  --hab-neutral-1d1d1d:#f6f8fa;
  --hab-neutral-1e1e1e:#f6f8fa;
  --hab-neutral-201b17:#f6f8fa;
  --hab-neutral-20242c:#eef2f6;
  --hab-neutral-211b16:#f6f8fa;
  --hab-neutral-22201e:#f6f8fa;
  --hab-neutral-222732:#eef2f6;
  --hab-neutral-24211f:#f6f8fa;
  --hab-neutral-242424:#f6f8fa;
  --hab-neutral-242932:#eef2f6;
  --hab-neutral-252525:#eef2f6;
  --hab-neutral-272c35:#eef2f6;
  --hab-neutral-282828:#eef2f6;
  --hab-neutral-2c2c2c:#eef2f6;
  --hab-neutral-303030:#eef2f6;
  --hab-neutral-303540:#e4e9ef;
  --hab-neutral-323232:#eef2f6;
  --hab-neutral-343434:#e4e9ef;
  --hab-neutral-353535:#e4e9ef;
  --hab-neutral-363636:#e4e9ef;
  --hab-neutral-393939:#e4e9ef;
  --hab-neutral-3a3a3a:#e4e9ef;
  --hab-neutral-3b3b3b:#e4e9ef;
  --hab-neutral-41362d:#e4e9ef;
  --hab-neutral-414141:#e4e9ef;
  --hab-neutral-424242:#d9e0e8;
  --hab-neutral-434955:#d9e0e8;
  --hab-neutral-444444:#d9e0e8;
  --hab-neutral-464646:#d9e0e8;
  --hab-neutral-474747:#d9e0e8;
  --hab-neutral-5f5f5f:#cbd5e1;


/* ==========================================================
   ОБЩАЯ LIGHT THEME
   ========================================================== */

html[data-theme="light"] body{
  color:#111827;
}

html[data-theme="light"] .main,
html[data-theme="light"] .content{
  color:#111827;
}


/* Panels / cards / content surfaces */
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .filter-card,
html[data-theme="light"] .chart-card,
html[data-theme="light"] .history-item,
html[data-theme="light"] .modal-box,
html[data-theme="light"] .dashboard-income,
html[data-theme="light"] .dashboard-expense-block{
  color:#111827;
}


/* Forms */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  color:#111827;
  border-color:rgba(15,23,42,.14);
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{
  color:#98a2b3;
}

html[data-theme="light"] select option{
  background:#fff;
  color:#111827;
}


/* Tables */
html[data-theme="light"] table,
html[data-theme="light"] td{
  color:#111827;
}

html[data-theme="light"] th{
  color:#667085;
}


/* ==========================================================
   SIDEBAR СПЕЦИАЛЬНО ОСТАВЛЯЕМ DARK
   Это часть фирменного интерфейса, а не забытый black card.
   ========================================================== */

html[data-theme="light"] .side,
html[data-theme="light"] .sidebar{
  --text:#ffffff;
  --muted:rgba(255,255,255,.58);
  --border:rgba(255,255,255,.10);

  --hab-text-strong:#ffffff;
  --hab-text-main:#f3f3f3;
  --hab-text-soft:#dddddd;
  --hab-text-muted-final:#a6a6a6;

  background:
    linear-gradient(
      180deg,
      rgba(20,20,20,.98),
      rgba(8,8,8,.99)
    ) !important;

  color:#ffffff !important;
}

html[data-theme="light"] .side *,
html[data-theme="light"] .sidebar *{
  border-color:rgba(255,255,255,.10);
}

html[data-theme="light"] .side .nav button,
html[data-theme="light"] .sidebar .nav button{
  color:rgba(255,255,255,.62);
}

html[data-theme="light"] .side .nav button:hover,
html[data-theme="light"] .side .nav button.active,
html[data-theme="light"] .sidebar .nav button:hover,
html[data-theme="light"] .sidebar .nav button.active{
  color:#ff6b00;
}


/* ==========================================================
   KPI
   ========================================================== */

html[data-theme="light"] .kcard{
  background:
    linear-gradient(
      105deg,
      rgba(255,107,0,.09),
      #ffffff 44%,
      #ffffff
    ) !important;

  border-color:rgba(255,107,0,.28) !important;
  color:#111827 !important;

  box-shadow:
    0 3px 16px rgba(15,23,42,.055);
}

html[data-theme="light"] .kcard small{
  color:#ff6b00 !important;
}

html[data-theme="light"] .kcard b{
  color:#111827 !important;
}


/* ==========================================================
   /LG
   Все реальные surface colors уже переведены на neutral vars.
   Дополнительно страхуем тексты.
   ========================================================== */

html[data-theme="light"] [class^="lg-"],
html[data-theme="light"] [class*=" lg-"]{
  --lg-text:#111827;
}

html[data-theme="light"] .lg-products-tab,
html[data-theme="light"] .lg-tariff-tab{
  color:#667085;
}

html[data-theme="light"] .lg-products-tab.active,
html[data-theme="light"] .lg-tariff-tab.active{
  color:#ff6b00;
}


/* ==========================================================
   MOBILE CARDS
   ========================================================== */

html[data-theme="light"] .transfer-mobile-card,
html[data-theme="light"] .hookah-mobile-card-v1,
html[data-theme="light"] .category-mobile-card,
html[data-theme="light"] .all-ops-mobile-card-v1{
  color:#111827;
}

html[data-theme="light"] .transfer-mobile-date,
html[data-theme="light"] .hookah-mobile-top-v1 strong,
html[data-theme="light"] .all-ops-mobile-date-v1{
  color:#111827;
}


/* ==========================================================
   INFO / DIALOGS
   ========================================================== */

html[data-theme="light"] .copy-select-child-v1,
html[data-theme="light"] .copy-v2-child,
html[data-theme="light"] .info-custom-field-v1 input,
html[data-theme="light"] .info-custom-field-v1 select,
html[data-theme="light"] .info-custom-field-v1 textarea{
  color:#111827;
}


/* ==========================================================
   MEDIA / VIDEO
   Здесь тёмный фон является правильным поведением.
   Видео не превращаем в белые прямоугольники.
   ========================================================== */

html[data-theme="light"] video,
html[data-theme="light"] .kb-video-tile,
html[data-theme="light"] .kb-video-poster,
html[data-theme="light"] .kb-video-poster-image,
html[data-theme="light"] .video-viewer-stage,
html[data-theme="light"] .video-viewer-media{
  background:#070707 !important;
  color:#ffffff !important;
}


/* overlay должен оставаться затемнением */
html[data-theme="light"] .modal,
html[data-theme="light"] .overlay,
html[data-theme="light"] .dialog-overlay,
html[data-theme="light"] .kpiModalOverlay{
  color:#111827;
}


/* Серые report header используют белый текст намеренно */
html[data-theme="light"] .report-head,
html[data-theme="light"] .report-head.expanded{
  color:#ffffff !important;
}


/* ==========================================================
   LOGIN
   ========================================================== */

html[data-theme="light"] body{
  background-color:#f3f5f7;
}

html[data-theme="light"] .wrap .card{
  background:rgba(255,255,255,.96) !important;

  border-color:rgba(255,107,0,.35) !important;

  color:#111827 !important;

  box-shadow:
    0 12px 45px rgba(15,23,42,.10),
    0 0 40px rgba(255,107,0,.08) !important;
}

html[data-theme="light"] .wrap input{
  background:#ffffff !important;
  color:#111827 !important;
  border-color:rgba(15,23,42,.14) !important;
}

html[data-theme="light"] .wrap .title{
  color:#111827;
}

html[data-theme="light"] .wrap label,
html[data-theme="light"] .wrap .logo-sub,
html[data-theme="light"] .wrap #qrStatus{
  color:#667085;
}

html[data-theme="light"] .bg{
  opacity:.13;
}


/* ==========================================================
   TOPBAR
   ========================================================== */

html[data-theme="light"] .top,
html[data-theme="light"] .topbar,
html[data-theme="light"] .header{
  border-color:rgba(15,23,42,.10);
}


/* ==========================================================
   SELECTION / SCROLLBAR
   ========================================================== */

html[data-theme="light"]{
  scrollbar-color:#c7cdd5 #f3f5f7;
}

html[data-theme="light"] ::selection{
  background:rgba(255,107,0,.25);
  color:#111827;
}