/* HAB_STANDALONE_THEME_V1 */

:root{
  color-scheme:dark;

  --hab-c-050505:#050505;
  --hab-c-090909:#090909;
  --hab-c-0b0b0b:#0b0b0b;
  --hab-c-0d0d0d:#0d0d0d;
  --hab-c-0f0f0f:#0f0f0f;

  --hab-c-101010:#101010;
  --hab-c-111111:#111111;
  --hab-c-121212:#121212;
  --hab-c-131313:#131313;
  --hab-c-141414:#141414;
  --hab-c-151515:#151515;
  --hab-c-171717:#171717;
  --hab-c-181818:#181818;
  --hab-c-191919:#191919;
  --hab-c-1b1b1b:#1b1b1b;
  --hab-c-1d1d1d:#1d1d1d;

  --hab-c-202020:#202020;
  --hab-c-222222:#222222;
  --hab-c-252525:#252525;
  --hab-c-262626:#262626;
  --hab-c-2a2a2a:#2a2a2a;
  --hab-c-2b2b2b:#2b2b2b;
  --hab-c-2d2d2d:#2d2d2d;
  --hab-c-333333:#333333;

  --hab-text-strong:#fff;
  --hab-text-main:#f3f3f3;
  --hab-text-soft:#ddd;

  --hab-contrast-rgb:255,255,255;
}


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

  --bg:#f3f5f7;
  --panel:#ffffff;
  --panel2:#f3f5f7;
  --border:rgba(15,23,42,.12);
  --text:#111827;
  --muted:rgba(15,23,42,.58);

  --hab-c-050505:#ffffff;
  --hab-c-090909:#f3f5f7;
  --hab-c-0b0b0b:#fafbfc;
  --hab-c-0d0d0d:#f8f9fb;
  --hab-c-0f0f0f:#ffffff;

  --hab-c-101010:#f8f9fb;
  --hab-c-111111:#f8fafc;
  --hab-c-121212:#f7f8fa;
  --hab-c-131313:#ffffff;
  --hab-c-141414:#f7f8fa;
  --hab-c-151515:#ffffff;
  --hab-c-171717:#ffffff;
  --hab-c-181818:#f4f6f8;
  --hab-c-191919:#f3f5f7;
  --hab-c-1b1b1b:#f1f3f5;
  --hab-c-1d1d1d:#eef1f4;

  --hab-c-202020:#edf0f3;
  --hab-c-222222:#e9edf2;
  --hab-c-252525:#e7ebef;
  --hab-c-262626:#e4e8ed;
  --hab-c-2a2a2a:#e2e6eb;
  --hab-c-2b2b2b:#dfe3e8;
  --hab-c-2d2d2d:#d9dee5;
  --hab-c-333333:#d4dae1;

  --hab-text-strong:#111827;
  --hab-text-main:#1f2937;
  --hab-text-soft:#374151;

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


/* Базовая страница */
html[data-theme="light"] body{
  background:#f3f5f7 !important;
  color:#111827 !important;
}


/* Основные блоки */
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .box,
html[data-theme="light"] .widget,
html[data-theme="light"] .section-box,
html[data-theme="light"] .filter-card,
html[data-theme="light"] .content-card,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .kpi-card{
  color:#111827;
}


/* Шапки */
html[data-theme="light"] .top,
html[data-theme="light"] .topbar,
html[data-theme="light"] .header,
html[data-theme="light"] header{
  color:#111827;
}


/* Формы */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:#fff !important;
  color:#111827 !important;
  border-color:rgba(15,23,42,.14) !important;
}

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

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


/* Таблицы */
html[data-theme="light"] table{
  color:#111827;
}

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


/* Ссылки */
html[data-theme="light"] a:not(.btn){
  color:inherit;
}


/* Код / pre */
html[data-theme="light"] pre,
html[data-theme="light"] code{
  color:#1f2937;
}


/* Модальные затемнения */
html[data-theme="light"] .modal,
html[data-theme="light"] .overlay,
html[data-theme="light"] .dialog-overlay{
  --hab-modal-overlay:rgba(15,23,42,.48);
}


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


/* ============================================
   КНОПКА ТЕМЫ
   ============================================ */

.hab-page-theme-toggle{
  width:42px;
  min-width:42px;
  height:42px;

  padding:0;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:1px solid var(--border, rgba(255,255,255,.12));
  border-radius:10px;

  background:var(--panel2, #1b1b1b);
  color:var(--text, #fff);

  font-size:19px;
  line-height:1;

  cursor:pointer;

  transition:
    background .15s ease,
    border-color .15s ease,
    transform .12s ease;
}

.hab-page-theme-toggle:hover{
  border-color:rgba(255,107,0,.6);
  background:rgba(255,107,0,.10);
}

.hab-page-theme-toggle:active{
  transform:scale(.94);
}

.hab-page-theme-toggle:focus-visible{
  outline:2px solid #ff6b00;
  outline-offset:2px;
}


/* Если смогли вставить в существующую шапку */
.hab-page-theme-inline{
  margin-left:10px;
}


/* Если подходящей шапки на странице нет */
.hab-page-theme-floating{
  position:fixed;

  top:14px;
  right:16px;

  z-index:2147483000;

  box-shadow:0 6px 22px rgba(0,0,0,.22);
}

html[data-theme="light"] .hab-page-theme-toggle{
  background:#fff;
  color:#111827;
  border-color:rgba(15,23,42,.14);

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


@media(max-width:760px){
  .hab-page-theme-toggle{
    width:38px;
    min-width:38px;
    height:38px;
    font-size:18px;
  }

  .hab-page-theme-floating{
    top:10px;
    right:10px;
  }
}

/* HAB_THEME_BUTTON_POSITION_V2 */

.hab-page-theme-floating{
  position:fixed !important;
  top:18px !important;
  right:22px !important;

  width:44px !important;
  min-width:44px !important;
  height:44px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:0 !important;
  margin:0 !important;

  z-index:2147483647 !important;

  border-radius:12px !important;
  border:1px solid rgba(255,107,0,.42) !important;

  background:#181818 !important;
  color:#fff !important;

  font-size:20px !important;
  line-height:1 !important;

  cursor:pointer !important;

  box-shadow:
    0 6px 22px rgba(0,0,0,.25),
    0 0 0 1px rgba(255,107,0,.06) !important;
}

html[data-theme="light"] .hab-page-theme-floating{
  background:#fff !important;
  color:#111827 !important;

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

  box-shadow:
    0 6px 22px rgba(15,23,42,.15),
    0 0 0 1px rgba(255,107,0,.06) !important;
}

.hab-page-theme-floating:hover{
  border-color:#ff6b00 !important;
}

@media(max-width:760px){
  .hab-page-theme-floating{
    top:10px !important;
    right:10px !important;

    width:40px !important;
    min-width:40px !important;
    height:40px !important;

    font-size:18px !important;
  }
}

/* HAB_KPI_LIGHT_CARDS_V1 */

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

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

  color:#111827 !important;

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

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

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