:root{
  --bg:#0b0f12;
  --card:#131a20;
  --text:#e6edf3;
  --muted:#9fb0bf;
  --accent:#ff6a00;
}

/* base */
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text)
}
a{color:var(--accent);text-decoration:none}

/* wider app canvas */
.container{
  max-width:1400px;        /* было 1100 */
  margin:0 auto;
  padding:20px;
}
/* на очень широких — ещё чуть шире */
@media (min-width:1700px){
  .container{ max-width:1600px; }
}

.card{
  background:var(--card);
  border-radius:14px;
  padding:18px;
  box-shadow:0 6px 24px rgba(0,0,0,.2);
  margin-bottom:16px;
  /* убираем горизонтальный скролл внутри */
  overflow-x: visible;
}

h1{font-size:22px;margin:0 0 12px}
h2{font-size:18px;margin:0 0 10px}

table{width:100%;border-collapse:collapse;border-spacing:0}
th,td{padding:10px;border-bottom:1px solid #23313d}
th{text-align:left;color:var(--muted);font-weight:600}

.btn{
  display:inline-block;
  padding:10px 14px;
  border-radius:10px;
  background:var(--accent);
  color:#fff;
  font-weight:600;
  cursor:pointer
}

.input,select,textarea{
  width:100%;
  padding:10px;
  border-radius:10px;
  border:1px solid #23313d;
  background:#0e1419;
  color:#e6edf3
}

.grid{display:grid;gap:12px}
.grid-2{grid-template-columns:1fr 1fr}

.badge{
  display:inline-block;
  padding:4px 8px;
  border-radius:20px;
  background:#1e2a33;
  color:#cfe3f7;
  font-size:12px;
  line-height:1;
}

.kpi{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px
}
.kpi .card{display:flex;flex-direction:column;gap:6px}

small.muted{color:var(--muted)}
.footer{opacity:.6;font-size:12px;margin-top:12px}

form.inline{display:inline}
input[type=number]{text-align:right}

/* скрываем стрелки у number */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
::placeholder{color:#7d8b97;opacity:1}

nav{display:flex;gap:10px;align-items:center;margin-bottom:10px}
nav a{padding:8px 10px;border-radius:8px;background:#14202a}
nav .right{margin-left:auto}
.login{max-width:420px;margin:12vh auto}
.logo{font-weight:900;letter-spacing:.5px}

.btn.small{padding:8px 10px; display:inline-block}
#linksBox{display:grid; gap:8px}

/* ---- icon button (delete) ---- */
.icon-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px; height:26px;
  padding:0; border:none; border-radius:8px;
  background:#1e2a33; color:#cfe3f7;
  cursor:pointer;
}
.icon-btn:hover{ background:#a61a1a; color:#fff; }

/* ----- actions column (delete) ----- */
th.actions, td.actions { width: 36px; }
td.actions { padding-right: 6px; }
.cell-actions { display: flex; justify-content: flex-end; }

/* ===== Deals table layout ===== */
.table-deals{
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.table-deals th, .table-deals td{
  vertical-align: middle;
  padding: 10px 12px; /* базовый паддинг */
}

/* ширины колонок под широкое полотно */
.table-deals th:nth-child(1)  { width: 110px; } /* Дата */
.table-deals th:nth-child(2)  { width: 220px; } /* Название */
.table-deals th:nth-child(3)  { width: 140px; } /* Ссылка */
.table-deals th:nth-child(4)  { width: 108px; } /* Стоимость (-2px) */
.table-deals th:nth-child(5)  { width: 156px; } /* Доставка в Украину (-4px) */
.table-deals th:nth-child(6)  { width: 132px; } /* Факт стоимость (-8px) */
.table-deals th:nth-child(7)  { width: 124px; } /* Факт доставка (-6px) */
.table-deals th:nth-child(8)  { width: 116px; } /* Долг (-4px) */
.table-deals th:nth-child(9)  { width: 116px; } /* Прибыль (-4px) */
.table-deals th:nth-child(10) { width: 128px; } /* Статус (-12px) */
.table-deals th:nth-child(11) { width: 84px;  } /* Оплата (-4px) */
.table-deals th:nth-child(12) { width: 36px;  } /* крестик */

/* длинные тексты — в одну строку с … */
.table-deals td:nth-child(2),
.table-deals td:nth-child(3){
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* числовые колонки — вправо, НЕМНОГО меньше горизонтальные отступы */
.table-deals td:nth-child(4),
.table-deals td:nth-child(5),
.table-deals td:nth-child(6),
.table-deals td:nth-child(7),
.table-deals td:nth-child(8),
.table-deals td:nth-child(9){
  text-align: right; white-space: nowrap;
  padding-left: 8px;   /* было 12px */
  padding-right: 8px;  /* было 12px */
}

/* селект статуса не раздуваем */
.table-deals select{
  max-width: 120px;    /* было 210 */
  width: 100%;
  font-size: 13px;
  padding: 6px 8px;    /* ужали внутренние отступы */
  border-radius: 8px;
}