:root{
  --bg:#f6f7fb;
  --border:#e5e7eb;
  --muted:#64748b;
  --dark:#111827;
  --shadow:0 10px 30px rgba(0,0,0,.06);
  --radius:14px;
}

*{ box-sizing:border-box; }

body{ background:var(--bg); }

/* контейнер */
.container-xxl{ max-width: 1400px; }

/* карточки */
.card{
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden; /* важно: чтобы внутренности не вылезали */
}
.card-header{
  background:transparent;
  border-bottom:1px solid var(--border);
}

/* текст */
.small-muted{ color: var(--muted); font-size: .92rem; }
.mono{
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  word-break: break-word;      /* длинные хэши/строки ломаем */
  overflow-wrap: anywhere;
}

/* KPI */
.kpi{ font-size:34px; font-weight:800; line-height:1.1; }

/* badges */
.badge-soft{
  border:1px solid var(--border);
  background:#fff;
  color:#111827;
}
.badge-soft.badge-new{
  background:#fff7ed;
  border-color:#fed7aa;
}

/* кнопки */
.btn-dark{ background:var(--dark); border-color:var(--dark); }

/* =========================================================
   TABLE FIX (главное)
   ========================================================= */

/* Bootstrap table-responsive часто даёт горизонтальный скролл.
   Мы оставляем responsiveness, но запрещаем раздувать ширину. */
.table-responsive{
  overflow-x: hidden; /* убираем горизонтальный скролл */
}

/* фиксируем таблицу в ширину контейнера */
.table{
  width:100%;
  table-layout: fixed; /* ключевое */
}

/* ВАЖНО: убираем старое nowrap у заголовков */
.table thead th{
  white-space: normal; /* было nowrap — это и ломало */
}

/* и у ячеек тоже разрешаем перенос */
.table th,
.table td{
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  vertical-align: top;
}

/* если где-то Bootstrap добавил nowrap классами — переопределяем */
.text-nowrap{ white-space: normal !important; }

/* =========================================================
   ACTIONS (кнопки в таблице)
   ========================================================= */

/* новая “умная” сетка для кнопок */
.actions-grid{
  display:grid;
  grid-template-columns: 1fr; /* по умолчанию в столбик */
  gap:.5rem;
  align-items:start;
}

/* на широких экранах можно 2 колонки, но без распухания */
@media (min-width: 1200px){
  .actions-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* кнопки не должны расширять ячейку */
.actions-grid .btn{
  width:100%;
  white-space: normal;     /* было nowrap — это давало скролл */
  overflow-wrap:anywhere;
}

/* “на всю ширину” */
.actions-grid .full{
  grid-column: 1 / -1;
}




.bday-actions{
  display:flex;
  gap:8px;
  justify-content:flex-end;
  align-items:center;
  flex-wrap:wrap;
}
.bday-actions .btn{
  white-space:nowrap;
}