/* Kitle sihirbazı — page-only layout */
.co-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.co-kviz-prog { display: flex; align-items: center; }
.co-kviz-prog .gib-progress { width: 100%; }

.co-stepbar { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 10px 14px; border: 1px solid var(--line-2); border-radius: var(--radius); background: var(--surface); }
.co-stepbar .gib-steps { flex: 1 1 560px; min-width: 0; margin: 0; }
.co-stepbar .gib-step button { all: unset; cursor: pointer; display: flex; flex-direction: column; gap: 2px; border-radius: 6px; }
.co-stepbar .gib-step button:focus-visible { outline: 2px solid var(--blue-glow); outline-offset: 3px; }
.co-stepbar .gib-step button span { font-weight: 600; color: var(--text); font-size: 13.5px; }
.co-stepbar .gib-step button small { color: var(--text-3); font-size: 11.5px; }
.co-stepbar .gib-step.is-active button span { color: var(--sky); }
.co-step-note { flex: 0 1 320px; }

.co-hero { align-items: stretch; }
.co-wiz { display: flex; flex-direction: column; min-width: 0; }
.co-panel { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.co-panel[hidden] { display: none; }
.co-panel > .gib-card-b { flex: 1; }
.co-wiz .gib-card-h { flex-wrap: wrap; }
.co-stepno { color: var(--text-3); font-size: 11px; margin-right: 6px; font-weight: 400; }
.co-wiz-f { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.co-lbl { display: block; font-size: 12px; color: var(--text-2); margin-bottom: 6px; font-weight: 500; }
.co-inline { display: flex; gap: 8px; align-items: center; }
.co-inline .gib-input { flex: 1; min-width: 0; }
.co-num { max-width: 160px; }
.co-fs { border: 0; margin: 0; padding: 0; min-width: 0; }
.co-fs legend { font-size: 12px; color: var(--text-2); margin-bottom: 8px; font-weight: 500; }
.co-radio-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; }

.co-design-top { display: grid; grid-template-columns: 160px 1fr auto; gap: 16px; align-items: start; }
.co-dimtabs { overflow-x: auto; scrollbar-width: thin; }
.co-sliders { display: flex; flex-direction: column; gap: 6px; }
.co-sl { display: grid; grid-template-columns: 10px minmax(110px, 170px) minmax(0, 1fr) 46px 70px 28px; align-items: center; gap: 10px; padding: 6px 10px; border-radius: var(--radius-sm); background: var(--surface-2); border: 1px solid var(--line); }
.co-sl:hover { border-color: var(--line-2); }
.co-sl label { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.co-sl .gib-range { width: 100%; accent-color: var(--blue-glow); }
.co-sl b { text-align: right; font-family: var(--font-display); font-variant-numeric: tabular-nums; }
.co-sl .gib-meta { text-align: right; white-space: nowrap; }
.co-addrow { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.co-addrow .gib-input { flex: 1 1 200px; min-width: 0; }
.co-excl summary { cursor: pointer; font-size: 13px; color: var(--text-2); padding: 4px 0; }
.co-excl[open] summary { margin-bottom: 8px; }

.co-gen-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.co-gen-grid .co-num, .co-gen-grid .gib-input { max-width: none; width: 100%; }
.co-job { border: 1px solid var(--line-2); border-radius: var(--radius); padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; background: var(--surface-2); }
.co-job-h { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.co-job-row { display: grid; grid-template-columns: 170px minmax(0, 1fr) 170px; gap: 12px; align-items: center; font-size: 13px; }
.co-job-row b { text-align: right; font-variant-numeric: tabular-nums; font-weight: 500; }

.co-cands-wrap { min-height: 0; }
.co-cands { display: flex; flex-direction: column; gap: 8px; }
.co-cand .gib-record-h { flex-wrap: wrap; align-items: center; }
.co-cand .gib-avatar { width: 28px; height: 28px; font-size: 11px; }
.co-cand-n { font-weight: 600; }
.co-cand-d { margin: 4px 0 0; color: var(--text-2); font-size: 13px; }
.co-pager { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }

.co-pop { display: flex; flex-direction: column; min-width: 0; }
.co-pop .gib-stage { flex: 1; }
.co-pop .gib-legend-chips { max-width: 62%; }

.co-dimbars { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px 20px; }
.co-dimbar { min-width: 0; padding: 8px 10px; border-radius: var(--radius-sm); border: 1px solid transparent; }
.co-dimbar.is-active { border-color: var(--line-blue); background: rgba(45,107,255,.05); }
.co-dimbar h3 { font-size: 13px; margin: 0 0 6px; display: flex; gap: 6px; align-items: center; }

@media (max-width: 1100px) {
  .co-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .co-kpis { grid-template-columns: minmax(0, 1fr); }
  .co-design-top { grid-template-columns: minmax(0, 1fr); }
  .co-sl { grid-template-columns: 10px minmax(0, 1fr) 42px 28px; row-gap: 4px; }
  .co-sl .gib-range { grid-column: 1 / -1; grid-row: 2; }
  .co-sl .gib-meta { display: none; }
  .co-gen-grid { grid-template-columns: minmax(0, 1fr); }
  .co-job-row { grid-template-columns: minmax(0, 1fr) auto; }
  .co-job-row .gib-progress { grid-column: 1 / -1; grid-row: 2; }
  .co-pop .gib-legend-chips { max-width: none; }
  .co-stepbar .gib-steps { flex-basis: 100%; }
  .co-stepbar .gib-step button small { display: none; }
}