/* ============================================
   BITRIX24 DASHBOARD STYLE
   Переопределяет дашборд в фирменный стиль Б24
   Откат: удалить этот файл — дашборд вернётся
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

:root{
  --b24-bg:#eef2f4;
  --b24-panel:#ffffff;
  --b24-panel2:#f5f7f9;
  --b24-border:#e6e9ec;
  --b24-border-light:#eef2f4;
  --b24-text:#333333;
  --b24-text2:#535c69;
  --b24-muted:#80868e;
  --b24-accent:#2FC6F6;
  --b24-accent-d:#1ba3d1;
  --b24-ok:#9dcf43;
  --b24-ok-d:#6a9c1f;
  --b24-warn:#ffb244;
  --b24-warn-d:#c77d1a;
  --b24-err:#ff5752;
  --b24-err-d:#c0392b;
  --b24-purple:#8e44ad;
  --b24-cyan:#17a2b8;
  --b24-radius:4px;
  --b24-shadow:0 1px 2px rgba(0,0,0,.06);
  --b24-shadow-hover:0 2px 8px rgba(0,0,0,.08);
}

/* БАЗА */
body{
  background:var(--b24-bg)!important;
  font-family:'Open Sans','Helvetica Neue',Arial,sans-serif!important;
  color:var(--b24-text)!important;
}

/* ШАПКА ДАШБОРДА — белая, тонкая */
.page-header{
  background:var(--b24-panel)!important;
  border:1px solid var(--b24-border)!important;
  border-radius:var(--b24-radius)!important;
  box-shadow:var(--b24-shadow)!important;
  padding:16px 24px!important;
}
.page-header h1{
  background:none!important;
  -webkit-text-fill-color:var(--b24-text)!important;
  color:var(--b24-text)!important;
  font-weight:700!important;
  font-size:1.4rem!important;
}
.header-meta{color:var(--b24-text2)!important;font-size:.85rem!important}
.header-meta .btn{
  background:var(--b24-panel2)!important;
  border:1px solid var(--b24-border)!important;
  color:var(--b24-text2)!important;
  border-radius:var(--b24-radius)!important;
}
.header-meta .btn:hover{background:var(--b24-border-light)!important}

/* СЕТКА КАРТОЧЕК */
.stats-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:14px!important;
}

/* КАРТОЧКИ СТАТИСТИКИ — плоские, белые, с левой полоской-акцентом */
.stat-card{
  background:var(--b24-panel)!important;
  border:1px solid var(--b24-border)!important;
  border-left:3px solid var(--b24-accent)!important;
  border-radius:var(--b24-radius)!important;
  box-shadow:var(--b24-shadow)!important;
  padding:18px!important;
  transition:box-shadow .2s ease,transform .15s ease!important;
}
.stat-card::before{display:none!important}
.stat-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:var(--b24-shadow-hover)!important;
}
.stat-card.info{border-left-color:var(--b24-accent)!important}
.stat-card.success{border-left-color:var(--b24-ok)!important}
.stat-card.warning{border-left-color:var(--b24-warn)!important}
.stat-card.danger{border-left-color:var(--b24-err)!important}
.stat-card.purple{border-left-color:var(--b24-purple)!important}
.stat-card.cyan{border-left-color:var(--b24-cyan)!important}
.stat-card.orange{border-left-color:var(--b24-warn)!important}

.stat-icon{
  background:var(--b24-panel2)!important;
  border-radius:var(--b24-radius)!important;
  color:var(--b24-accent-d)!important;
  width:42px!important;height:42px!important;
  font-size:1.1rem!important;
}
.stat-card.success .stat-icon{color:var(--b24-ok-d)!important}
.stat-card.warning .stat-icon{color:var(--b24-warn-d)!important}
.stat-card.danger .stat-icon{color:var(--b24-err-d)!important}
.stat-card.purple .stat-icon{color:var(--b24-purple)!important}
.stat-card.cyan .stat-icon{color:var(--b24-cyan)!important}
.stat-card.orange .stat-icon{color:var(--b24-warn-d)!important}

.stat-label{color:var(--b24-muted)!important;font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.4px!important}
.stat-value{color:var(--b24-text)!important;font-weight:700!important;font-size:1.7rem!important}
.stat-change{color:var(--b24-muted)!important;font-size:.78rem!important}

/* КАРТОЧКИ-СЕКЦИИ */
.card{
  background:var(--b24-panel)!important;
  border:1px solid var(--b24-border)!important;
  border-radius:var(--b24-radius)!important;
  box-shadow:var(--b24-shadow)!important;
  padding:22px!important;
}
.card h3{
  color:var(--b24-text)!important;
  font-weight:600!important;
  font-size:1rem!important;
  border-bottom:1px solid var(--b24-border-light)!important;
  padding-bottom:12px!important;
  margin-bottom:18px!important;
}
.card h3 i{color:var(--b24-accent)!important}

/* ТАБЛИЦЫ */
table{border-collapse:collapse!important}
th{
  background:var(--b24-panel2)!important;
  color:var(--b24-muted)!important;
  font-size:.75rem!important;
  text-transform:uppercase!important;
  letter-spacing:.4px!important;
  font-weight:600!important;
  border-bottom:1px solid var(--b24-border)!important;
}
td{border-bottom:1px solid var(--b24-border-light)!important;color:var(--b24-text)!important}
tr:hover{background:var(--b24-panel2)!important}

/* БЕЙДЖИ */
.badge{
  border-radius:3px!important;
  font-weight:600!important;
  font-size:.72rem!important;
  padding:3px 8px!important;
}
.badge-success{background:rgba(157,207,67,.15)!important;color:var(--b24-ok-d)!important}
.badge-warning{background:rgba(255,178,68,.18)!important;color:var(--b24-warn-d)!important}
.badge-danger{background:rgba(255,87,82,.15)!important;color:var(--b24-err-d)!important}
.badge-info{background:rgba(47,198,246,.15)!important;color:var(--b24-accent-d)!important}
.badge-purple{background:rgba(142,68,173,.12)!important;color:var(--b24-purple)!important}

/* КНОПКИ */
.btn{
  border-radius:var(--b24-radius)!important;
  font-weight:600!important;
  font-family:'Open Sans',sans-serif!important;
  transition:all .15s ease!important;
}
.btn-primary{
  background:var(--b24-accent)!important;
  border:none!important;
  color:#fff!important;
}
.btn-primary:hover{background:var(--b24-accent-d)!important}
.btn-secondary{
  background:var(--b24-panel)!important;
  border:1px solid var(--b24-border)!important;
  color:var(--b24-text)!important;
}
.btn-secondary:hover{background:var(--b24-panel2)!important}

/* БЫСТРЫЕ ДЕЙСТВИЯ — аккуратные квадраты */
.actions-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;
  gap:10px!important;
}
.action-btn{
  background:var(--b24-panel2)!important;
  border:1px solid var(--b24-border)!important;
  border-radius:var(--b24-radius)!important;
  padding:16px 10px!important;
  transition:all .15s ease!important;
}
.action-btn:hover{
  background:var(--b24-panel)!important;
  border-color:var(--b24-accent)!important;
  box-shadow:var(--b24-shadow)!important;
  transform:translateY(-1px)!important;
}
.action-btn .icon{
  background:var(--b24-accent)!important;
  border-radius:var(--b24-radius)!important;
  width:40px!important;height:40px!important;
  font-size:1.2rem!important;
}
.action-btn span{
  color:var(--b24-text)!important;
  font-weight:600!important;
  font-size:.82rem!important;
}

/* НА СМЕНЕ — карточки сотрудников */
.on-shift-grid{gap:10px!important}
.shift-item{
  background:var(--b24-panel)!important;
  border:1px solid var(--b24-border)!important;
  border-radius:var(--b24-radius)!important;
  padding:12px!important;
}
.shift-item:hover{
  border-color:var(--b24-accent)!important;
  background:var(--b24-panel2)!important;
}
.shift-avatar{
  border-radius:50%!important;
  width:42px!important;height:42px!important;
}
.shift-name{color:var(--b24-text)!important;font-weight:600!important}
.shift-position{color:var(--b24-muted)!important}
.shift-clock{color:var(--b24-accent-d)!important;font-weight:700!important}

/* АКТИВНОСТЬ */
.activity-item{border-bottom:1px solid var(--b24-border-light)!important}
.activity-item:hover{background:var(--b24-panel2)!important}
.activity-icon{border-radius:var(--b24-radius)!important}
.activity-icon.order{background:rgba(47,198,246,.12)!important;color:var(--b24-accent-d)!important}
.activity-icon.assembly{background:rgba(142,68,173,.12)!important;color:var(--b24-purple)!important}
.activity-title{color:var(--b24-text)!important}
.activity-meta,.activity-time{color:var(--b24-muted)!important}

/* ПЛАН ОТГРУЗОК */
.plan-progress{background:var(--b24-border-light)!important;border-radius:2px!important;height:6px!important}
.plan-progress-bar{background:var(--b24-accent)!important}
.plan-progress-bar.done{background:var(--b24-ok)!important}
.plan-progress-bar.overdue,.plan-progress-bar.risk{background:var(--b24-err)!important}
.plan-progress-bar.critical{background:var(--b24-warn)!important}

.plan-days{border-radius:3px!important;font-size:.78rem!important;padding:3px 8px!important}
.plan-days.ok{background:rgba(157,207,67,.15)!important;color:var(--b24-ok-d)!important}
.plan-days.critical{background:rgba(255,178,68,.18)!important;color:var(--b24-warn-d)!important}
.plan-days.overdue,.plan-days.risk{background:rgba(255,87,82,.15)!important;color:var(--b24-err-d)!important}
.plan-days.none{background:var(--b24-panel2)!important;color:var(--b24-muted)!important}

.plan-summary-stat{
  background:var(--b24-panel2)!important;
  border-left:3px solid var(--b24-accent)!important;
  border-radius:var(--b24-radius)!important;
}
.plan-summary-stat.done{border-left-color:var(--b24-ok)!important}
.plan-summary-stat.risk{border-left-color:var(--b24-err)!important;background:rgba(255,87,82,.08)!important}

.plan-shift-target{
  background:rgba(47,198,246,.1)!important;
  border:1px solid rgba(47,198,246,.25)!important;
  border-radius:var(--b24-radius)!important;
  color:var(--b24-accent-d)!important;
  font-size:.82rem!important;
}

.plan-row.status-done{background:rgba(157,207,67,.06)!important}
.plan-row.status-overdue{background:rgba(255,87,82,.08)!important}
.plan-row.status-risk{background:rgba(255,87,82,.06)!important}
.plan-row.status-critical{background:rgba(255,178,68,.06)!important}

/* КИЗ МОДАЛКА */
.kiz-upload-zone{
  border:2px dashed var(--b24-border)!important;
  border-radius:var(--b24-radius)!important;
  background:var(--b24-panel2)!important;
}
.kiz-upload-zone:hover,.kiz-upload-zone.dragover{
  border-color:var(--b24-accent)!important;
  background:rgba(47,198,246,.06)!important;
}
.kiz-stat{
  background:var(--b24-panel2)!important;
  border-radius:var(--b24-radius)!important;
  border:1px solid var(--b24-border)!important;
}
.kiz-stat .val{color:var(--b24-accent-d)!important}
.kiz-item{
  background:var(--b24-panel2)!important;
  border-radius:var(--b24-radius)!important;
  border:1px solid var(--b24-border-light)!important;
}
.kiz-item.duplicate{border-left:3px solid var(--b24-warn)!important}
.kiz-item.original{border-left:3px solid var(--b24-ok)!important}

/* ПУСТЫЕ СОСТОЯНИЯ */
.empty-state{color:var(--b24-muted)!important}

/* ASM-статы */
.asm-stat{
  background:var(--b24-panel2)!important;
  border-radius:var(--b24-radius)!important;
  border-left:3px solid var(--b24-border)!important;
}
.asm-stat.pending{border-left-color:var(--b24-warn)!important}
.asm-stat.in_progress{border-left-color:var(--b24-accent)!important}
.asm-stat.completed{border-left-color:var(--b24-ok)!important}
.asm-stat.created{border-left-color:var(--b24-purple)!important}

/* Скроллбар в стиле Б24 */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:var(--b24-panel2)}
::-webkit-scrollbar-thumb{background:#c4cdd4;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#a8b4bd}

/* Live-индикатор */
.live-dot{background:var(--b24-ok)!important}

/* Адаптив */
@media(max-width:768px){
  .stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  .stat-value{font-size:1.3rem!important}
  .actions-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:480px){
  .stats-grid{grid-template-columns:1fr!important}
  .page-header{padding:12px 16px!important}
  .card{padding:14px!important}
}