/* Рабочий стол менеджера — светлая «воздушная» тема (тренды дашбордов 2026). */
:root{
  --bg:#f5f7fb;
  --card:#ffffff;
  --ink:#1f2733;
  --muted:#7a869a;
  --line:#e9edf5;
  --brand:#4f6ef7;
  --brand2:#7b5bff;
  --shadow:0 6px 22px rgba(40,55,90,.08);
  --shadow-hi:0 12px 34px rgba(40,55,90,.16);
  --radius:16px;
}
*{box-sizing:border-box}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Segoe UI',Roboto,system-ui,Arial,sans-serif;
  margin:0;
}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}

/* ---- навбар ---- */
.topbar{
  background:linear-gradient(100deg,var(--brand),var(--brand2));
  color:#fff;padding:12px 22px;display:flex;align-items:center;gap:18px;
  box-shadow:var(--shadow);position:sticky;top:0;z-index:50;
}
.topbar .brand{font-weight:700;font-size:18px;display:flex;align-items:center;gap:9px}
.topbar a{color:#fff;opacity:.92}
.topbar a:hover{opacity:1;text-decoration:none}
.topbar .spacer{flex:1}
.topbar .who{background:rgba(255,255,255,.16);padding:6px 12px;border-radius:30px;font-size:13px}

.wrap{max-width:1280px;margin:22px auto;padding:0 18px}

/* ---- вкладки воронки ---- */
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 18px}
.tab{
  display:flex;align-items:center;gap:8px;background:var(--card);
  border:1px solid var(--line);border-radius:30px;padding:9px 16px;
  color:var(--ink);font-size:14px;font-weight:600;cursor:pointer;
  transition:transform .18s,box-shadow .18s,background .18s,color .18s;
  box-shadow:var(--shadow);
}
.tab:hover{transform:translateY(-2px);box-shadow:var(--shadow-hi);text-decoration:none}
.tab .badge{
  background:var(--line);color:var(--muted);border-radius:20px;
  padding:1px 9px;font-size:13px;font-weight:700;
}
.tab.active{background:linear-gradient(100deg,var(--brand),var(--brand2));color:#fff;border-color:transparent}
.tab.active .badge{background:rgba(255,255,255,.25);color:#fff}
.tab.t-danger.active{background:linear-gradient(100deg,#ff5b6e,#ff8a5b)}
.tab.t-warning.active{background:linear-gradient(100deg,#ffa53b,#ff7b54)}
.tab.t-success.active{background:linear-gradient(100deg,#22c08b,#36c)}

/* ---- панель фильтров ---- */
.filters{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:14px 16px;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:10px;
  align-items:center;margin-bottom:18px;
}
.filters input,.filters select{
  border:1px solid var(--line);border-radius:10px;padding:8px 11px;font-size:14px;
  background:#fbfcff;color:var(--ink);
}
.filters .grow{flex:1;min-width:180px}
.muted{color:var(--muted)}
.count-line{font-size:13px;color:var(--muted);margin:0 0 12px}

/* ---- кнопки ---- */
.btn{
  display:inline-flex;align-items:center;gap:7px;border:none;border-radius:11px;
  padding:9px 15px;font-size:14px;font-weight:600;cursor:pointer;
  transition:transform .16s,box-shadow .16s,filter .16s;text-decoration:none;
}
.btn:hover{transform:translateY(-2px);text-decoration:none}
.btn-grad{background:linear-gradient(100deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 6px 16px rgba(79,110,247,.35)}
.btn-bitrix{background:linear-gradient(100deg,#2aa9ff,#1f7bff);color:#fff;box-shadow:0 6px 16px rgba(31,123,255,.32)}
.btn-ok{background:linear-gradient(100deg,#22c08b,#19a777);color:#fff;box-shadow:0 6px 16px rgba(34,192,139,.32)}
.btn-warn{background:linear-gradient(100deg,#ffa53b,#ff7b54);color:#fff;box-shadow:0 6px 16px rgba(255,123,84,.32)}
.btn-light{background:#eef2fb;color:var(--ink)}
.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.btn-sm{padding:6px 11px;font-size:13px;border-radius:9px}

/* ---- сетка карточек ---- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.ccard{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s;
  display:flex;flex-direction:column;gap:10px;
}
.ccard:hover{transform:translateY(-4px);box-shadow:var(--shadow-hi)}
.ccard h3{margin:0;font-size:16px;line-height:1.3}
.ccard h3 a{color:var(--ink)}
.ccard .meta{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 14px}
.ccard .nums{display:flex;gap:16px;margin-top:2px}
.ccard .num b{font-size:18px}
.ccard .num span{font-size:12px;color:var(--muted);display:block}
.ccard .actions{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}

/* стратегия / бейджи */
.strat{font-size:13px;border-radius:10px;padding:8px 11px;font-weight:600;line-height:1.35}
.strat.s-danger{background:#fff0f1;color:#d23449}
.strat.s-warning{background:#fff6e9;color:#c5781a}
.strat.s-primary{background:#eef1ff;color:#3b51c7}
.strat.s-info{background:#eaf6ff;color:#1d74b8}
.strat.s-secondary{background:#f1f3f8;color:#5b6677}
.chip{font-size:12px;font-weight:700;border-radius:20px;padding:2px 10px;display:inline-block}
.bx-badge{font-size:11px;font-weight:700;border-radius:20px;padding:2px 9px;display:inline-block;white-space:nowrap;vertical-align:middle}
.bx-uploaded{background:#eafaf0;color:#1c9e63}
.bx-not_uploaded{background:#f1f3f5;color:#6b7680}
.bx-unprocessed{background:#fff6e9;color:#c5781a}
.chip.b-early{background:#fff6e9;color:#c5781a}
.chip.b-overdue{background:#fff0f1;color:#d23449}
.chip.b-due{background:#fff6e9;color:#b5651a}
.chip.b-tier-hot{background:#ffefef;color:#d23449}
.chip.b-tier-warm{background:#eafaf0;color:#1c9e63}
.chip.b-stage{background:#eef1ff;color:#3b51c7}
.chip.b-won{background:#eafaf0;color:#1c9e63}

/* ---- пагинация ---- */
.pager{display:flex;justify-content:center;align-items:center;gap:6px;margin:26px 0 8px;flex-wrap:wrap}
.pager a,.pager span{
  border:1px solid var(--line);background:var(--card);border-radius:10px;
  padding:7px 12px;font-size:14px;color:var(--ink);box-shadow:var(--shadow);
  transition:transform .15s;
}
.pager a:hover{transform:translateY(-2px);text-decoration:none}
.pager .cur{background:linear-gradient(100deg,var(--brand),var(--brand2));color:#fff;border-color:transparent}
.pager .dots{border:none;background:none;box-shadow:none}

/* ---- сводка-итог ---- */
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:18px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.kpi b{font-size:28px;display:block;line-height:1.1}
.kpi span{font-size:13px;color:var(--muted)}
.kpi.k-danger b{color:#d23449}
.kpi.k-success b{color:#1c9e63}
.kpi.k-warn b{color:#c5781a}

/* ---- таблица заказов ---- */
.tbl{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.tbl th,.tbl td{padding:11px 13px;text-align:left;font-size:14px;border-bottom:1px solid var(--line)}
.tbl th{background:#f3f6fd;color:var(--muted);font-weight:700}
.tbl tr:last-child td{border-bottom:none}
.tbl tr:hover td{background:#fafbff}

/* ---- логин ---- */
.login-box{max-width:380px;margin:9vh auto;background:var(--card);border:1px solid var(--line);
  border-radius:20px;padding:30px;box-shadow:var(--shadow-hi)}
.login-box h1{font-size:20px;margin:0 0 18px;display:flex;gap:10px;align-items:center}
.login-box input{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 13px;margin-bottom:12px;font-size:15px}
.alert{background:#fff0f1;color:#d23449;border-radius:11px;padding:10px 13px;margin-bottom:12px;font-size:14px}

/* детальная карточка */
.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr}}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:18px}
.panel h2{font-size:16px;margin:0 0 12px}
.tline{font-size:13px;border-left:2px solid var(--line);padding:4px 0 4px 12px;margin-bottom:8px}
.tline .d{color:var(--muted)}