/* =====================================================================
   jet-theme.css — Fleetroom-скин поверх Jet Sürücü (web_ui)
   ---------------------------------------------------------------------
   ТОЛЬКО ВИЗУАЛ. Подключается ПОСЛЕДНИМ (после {% block styles %}),
   !important стоит только на свойствах, задающих стиль (фон/рамка/цвет/
   шрифт/скругление), чтобы надёжно перебить Bootstrap и инлайн-стили.
   Разметка, классы и JS не меняются. Откат — убрать <link> и этот файл.

   Палитра/токены — из jet-style-kit (scout.css), 1-в-1.
   ===================================================================== */

:root{
  --bg:#f1f0ee;       /* тёплый серый фон страницы            */
  --ink:#21201f;      /* основной текст                       */
  --soft:#7b7770;     /* приглушённый текст/подписи           */
  --line:#e7e4dd;     /* границы                              */
  --accent:#ffd400;   /* жёлтый акцент (кнопки/актив)         */
  --accent2:#ffc400;  /* жёлтый hover                         */
  --card:#ffffff;     /* фон карточек                         */
  --green:#1e8d53;    /* успех                                */
  --red:#b42318;      /* ошибка/опасность                     */
  --radius:16px;      /* скругление карточек                  */
  --r-btn:10px;       /* скругление кнопок/инпутов            */
  --shadow:0 1px 2px rgba(0,0,0,.04);
}

/* ===== База ===== */
body{
  background:var(--bg) !important;
  color:var(--ink) !important;
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
}
h1,h2,h3,h4,h5,.jet-title{
  font-family:'Sora','Manrope',sans-serif !important;
  color:var(--ink);
}
a{color:var(--ink);}
.text-muted,.muted,small{color:var(--soft) !important;}

/* Цифры — табличные моноширинные (колонки/балансы не «прыгают») */
.jet-title,.card-number,.balance-card,.tab,table td,table th{
  font-variant-numeric:tabular-nums;
}

/* ===== Шелл: sticky-обёртка, шапка, фон под навигацией ===== */
.nav-sticky,.jet-header,.tabs{
  background:var(--bg) !important;
}
.jet-title{font-weight:800;}

/* ===== Навигационные плитки (.tab) ===== */
.tab{
  background:var(--card) !important;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  color:var(--ink) !important;
  box-shadow:var(--shadow);
}
.tab:hover{
  background:#faf9f7 !important;
  border-color:#d9d5cc !important;
}
.tab.active{
  background:var(--accent) !important;
  color:#1b1b1b !important;
  border-color:var(--accent) !important;
}
.tab-danger{
  border-color:var(--red) !important;
  color:var(--red) !important;
}
.tab-danger:hover{
  background:#fbeae8 !important;
  border-color:var(--red) !important;
  color:var(--red) !important;
}
.tab-danger.active{
  background:var(--red) !important;
  color:#fff !important;
  border-color:var(--red) !important;
}

/* ===== Карточки балансов / профиля ===== */
.balance-card{
  background:var(--card) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow) !important;
}
.profile-row{
  border-bottom-color:var(--line) !important;
}

/* ===== Кнопки ===== */
.btn{
  border:1px solid var(--line) !important;
  border-radius:var(--r-btn) !important;
  font-weight:800 !important;
}
.btn:hover{
  background:#faf9f7;
  box-shadow:var(--shadow);
}
/* основная — жёлтая с тёмным текстом */
.btn-primary,
.app-main-card input[type="submit"]{
  background:var(--accent) !important;
  color:#1b1b1b !important;
  border-color:var(--accent) !important;
}
.btn-primary:hover,
.app-main-card input[type="submit"]:hover{
  background:var(--accent2) !important;
  color:#1b1b1b !important;
}
/* светлая / вторичная */
.btn-light,.btn-edit{
  background:var(--card) !important;
  color:var(--ink) !important;
  border-color:var(--line) !important;
}
.btn-light:hover,.btn-edit:hover{
  background:#faf9f7 !important;
}
/* опасная */
.btn-danger{
  background:var(--red) !important;
  color:#fff !important;
  border-color:var(--red) !important;
}
.btn-danger:hover{
  background:#9c1d14 !important;
  color:#fff !important;
}
/* тёмная (как scout .btn-dark/copy) */
.btn-dark,.btn-secondary{
  background:#21201f !important;
  color:#fff !important;
  border-color:#21201f !important;
}
.btn-dark:hover,.btn-secondary:hover{background:#34322e !important;}
/* выход */
.logout-btn{
  background:var(--card) !important;
  color:var(--ink) !important;
  border:1px solid var(--line) !important;
}
.logout-btn:hover{
  background:#fbeae8 !important;
  border-color:var(--red) !important;
  color:var(--red) !important;
}

/* ===== Формы ===== */
.app-main-card .form-control,
.app-main-card .form-select,
.form-control,.form-select,
input,textarea,select,
.select2-container--default .select2-selection--single{
  background:var(--card) !important;
  border:1px solid #e3e1dc !important;
  border-radius:var(--r-btn) !important;
  color:var(--ink) !important;
}
.app-main-card .form-control:focus,
.app-main-card .form-select:focus,
.form-control:focus,.form-select:focus,
input:focus,textarea:focus,select:focus{
  outline:none !important;
  border-color:var(--accent) !important;
  box-shadow:0 0 0 3px rgba(255,212,0,.22) !important;
}
label,.form-label{color:var(--soft);}

/* ===== Bootstrap-компоненты (лёгкий ретинт, без жёсткого !important) ===== */
.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.list-group-item{border-color:var(--line);}
.table{color:var(--ink);}
.table th{color:var(--soft);font-weight:600;border-bottom-color:var(--line);}
.table td{border-bottom-color:#f0eee8;}
.table>:not(caption)>*>*{border-bottom-color:#f0eee8;}

/* Алёрты → в тон Jet */
.alert{border-radius:var(--r-btn);}
.alert-success{background:#e6f4ec;color:#1e7a47;border-color:#cfe9d9;}
.alert-danger{background:#fbeae8;color:var(--red);border-color:#f1cfcb;}
.alert-warning,.alert-info{background:#fff3cd;color:#5c4d00;border-color:#f0d488;}

/* Бейджи → пилюли Jet */
.badge.bg-success,.badge.text-bg-success{background:#e6f4ec !important;color:#1e7a47 !important;}
.badge.bg-warning,.badge.text-bg-warning{background:#fbf0d0 !important;color:#8a6400 !important;}
.badge.bg-danger,.badge.text-bg-danger{background:#fbeae8 !important;color:var(--red) !important;}
.badge.bg-secondary,.badge.text-bg-secondary{background:#ececea !important;color:#6b6b6b !important;}

/* Текстовые акценты Bootstrap → палитра Jet */
.text-success{color:var(--green) !important;}
.text-danger{color:var(--red) !important;}
.text-warning{color:#8a6400 !important;}