/* ── Статусы: «Surface + icon» (2026-10-12, вердикт агента-исследователя E: Geist subtle+icon + ровная обводка вместо Aurora) ──
   Пилюля radius 999, фон 12% цвета статуса, inset-обводка 1px 30%, текст — светлый тон того же цвета 500, иконка 13px полным цветом слева
   по смыслу (галочка/часы/рост/крест/пауза/карандаш/!). Источник: vercel.com/geist/badge.
   Один стиль для Hub (Offers, Setup Hub), AdKombain (Creatives, Campaigns), Proxy Hub. Заменяет Radix surface. */
:root {
  --gs-ok: 61,214,140;  --gt-ok: 134,239,186;
  --gs-bad: 255,92,92;  --gt-bad: 255,158,158;
  --gs-warn: 245,184,61;  --gt-warn: 255,214,128;
  --gs-info: 76,155,255;  --gt-info: 150,196,255;
  --gs-top: 167,139,250;  --gt-top: 200,184,255;
  --gs-neu: 139,140,146;  --gt-neu: 190,191,196;
  --gi-check: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22m5.5%208.2%201.7%201.7%203.4-3.6%22/%3E%3C/svg%3E");
  --gi-clock: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%204.5V8l2.2%201.4%22/%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226%22/%3E%3C/svg%3E");
  --gi-trend: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2011%206.5%207l2.5%202.5L13.5%205%22/%3E%3Cpath%20d%3D%22M10%205h3.5v3.5%22/%3E%3C/svg%3E");
  --gi-x: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22m6%206%204%204M10%206l-4%204%22/%3E%3C/svg%3E");
  --gi-alert: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22M8%205v3.5%22/%3E%3Cpath%20d%3D%22M8%2010.8v.2%22/%3E%3C/svg%3E");
  --gi-pause: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22M6.5%206v4M9.5%206v4%22/%3E%3C/svg%3E");
  --gi-pen: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2013h2.5L12.5%206%2010%203.5%203%2010.5z%22/%3E%3C/svg%3E");
  --gi-dash: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226%22%20stroke-dasharray%3D%222.2%202.2%22/%3E%3C/svg%3E");
  --gi-minus: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22M5.5%208h5%22/%3E%3C/svg%3E");
  --gi-info: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226%22/%3E%3Cpath%20d%3D%22M8%207.5v3.5%22/%3E%3Cpath%20d%3D%22M8%205.2v.1%22/%3E%3C/svg%3E");
  --gi-crown: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M3%207l4.5%204L12%204l4.5%207L21%207l-2%2011H5z%22/%3E%3C/svg%3E");
}
.hf-chip.ok, .status-badge.active, .chip.active, .sb-chip.active, .st-chip.active, .chip.ok { --gsc: var(--gs-ok); --gst: var(--gt-ok); --gsi: var(--gi-check); }
.chip.rejected, .sb-chip.rejected, .status-badge.qc_block { --gsc: var(--gs-bad); --gst: var(--gt-bad); --gsi: var(--gi-x); }
.chip.stop, .sb-chip.stop, .status-badge.stopped { --gsc: var(--gs-bad); --gst: var(--gt-bad); --gsi: var(--gi-pause); }
.hf-chip.bad, .status-badge.no_traffic_7d, .chip.warn, .risk-badge.crit { --gsc: var(--gs-bad); --gst: var(--gt-bad); --gsi: var(--gi-alert); }
.hf-chip.warn, .status-badge.waiting, .chip.pending, .sb-chip.pending, .chip.mid, .risk-badge.warn { --gsc: var(--gs-warn); --gst: var(--gt-warn); --gsi: var(--gi-clock); }
.chip.scaling, .sb-chip.scaling { --gsc: var(--gs-info); --gst: var(--gt-info); --gsi: var(--gi-trend); }
.status-badge.draft { --gsc: var(--gs-info); --gst: var(--gt-info); --gsi: var(--gi-dash); }
.chip.info { --gsc: var(--gs-info); --gst: var(--gt-info); --gsi: var(--gi-info); }
.chip.changed, .sb-chip.changed { --gsc: var(--gs-top); --gst: var(--gt-top); --gsi: var(--gi-pen); }
.perf-tag.top { --gsc: var(--gs-top); --gst: var(--gt-top); }
.status-badge.pause, .status-badge.archived { --gsc: var(--gs-neu); --gst: var(--gt-neu); --gsi: var(--gi-pause); }
.hf-chip.none, .st-chip:not(.active), .risk-badge.info { --gsc: var(--gs-neu); --gst: var(--gt-neu); --gsi: var(--gi-minus); }
.hf-chip.ok, .status-badge.active, .chip.active, .sb-chip.active, .st-chip.active, .chip.ok, .chip.rejected, .sb-chip.rejected, .status-badge.qc_block, .chip.stop, .sb-chip.stop, .status-badge.stopped, .hf-chip.bad, .status-badge.no_traffic_7d, .chip.warn, .risk-badge.crit, .hf-chip.warn, .status-badge.waiting, .chip.pending, .sb-chip.pending, .chip.mid, .risk-badge.warn, .chip.scaling, .sb-chip.scaling, .status-badge.draft, .chip.info, .chip.changed, .sb-chip.changed, .perf-tag.top, .status-badge.pause, .status-badge.archived, .hf-chip.none, .st-chip:not(.active), .risk-badge.info {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 9px 0 7px !important;
  border: none !important;
  border-radius: 999px !important;
  background: rgba(var(--gsc), .12) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--gsc), .30) !important;
  color: rgb(var(--gst)) !important;
  font-weight: 500 !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.hf-chip.ok::before, .status-badge.active::before, .chip.active::before, .sb-chip.active::before, .st-chip.active::before, .chip.ok::before, .chip.rejected::before, .sb-chip.rejected::before, .status-badge.qc_block::before, .chip.stop::before, .sb-chip.stop::before, .status-badge.stopped::before, .hf-chip.bad::before, .status-badge.no_traffic_7d::before, .chip.warn::before, .risk-badge.crit::before, .hf-chip.warn::before, .status-badge.waiting::before, .chip.pending::before, .sb-chip.pending::before, .chip.mid::before, .risk-badge.warn::before, .chip.scaling::before, .sb-chip.scaling::before, .status-badge.draft::before, .chip.info::before, .chip.changed::before, .sb-chip.changed::before, .status-badge.pause::before, .status-badge.archived::before, .hf-chip.none::before, .st-chip:not(.active)::before, .risk-badge.info::before {
  content: "" !important;
  display: block !important;
  flex: 0 0 13px !important;
  width: 13px !important;
  height: 13px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: rgb(var(--gsc)) !important;
  background-image: none !important;
  -webkit-mask: var(--gsi) center / contain no-repeat !important;
  mask: var(--gsi) center / contain no-repeat !important;
}
.perf-tag.top::before { display: none !important; content: none !important; }
.perf-tag.top { padding-left: 8px !important; }
.hf-chip.ok:hover, .status-badge.editable:hover, .sb-chip:hover { box-shadow: inset 0 0 0 1px rgba(var(--gsc), .50) !important; filter: none !important; }
.status-badge.editable { padding-right: 22px !important; }

/* select-статус (Setup Hub): у select нет ::before — тонированный фон и цветной текст */
select.hf-chip-select.ok { --gsc: var(--gs-ok); --gst: var(--gt-ok); }
select.hf-chip-select.bad { --gsc: var(--gs-bad); --gst: var(--gt-bad); }
select.hf-chip-select.none { --gsc: var(--gs-neu); --gst: var(--gt-neu); }
select.hf-chip-select.ok, select.hf-chip-select.bad, select.hf-chip-select.none {
  background-color: rgba(var(--gsc), .12) !important;
  color: rgb(var(--gst)) !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 1px rgba(var(--gsc), .30) !important;
}