.bc-bots, .bc-agent-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:18px 0 24px; }
.bc-card { background:var(--surface); border:1px solid var(--line-strong); border-radius:var(--radius); padding:20px; min-width:0; }
.bc-card h2 { font-family:var(--mono); font-size:21px; }
.bc-card h3 { margin-bottom:8px; }
.bc-card p { line-height:1.55; margin:8px 0; overflow-wrap:anywhere; }
.bc-card-top, .bc-row { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.bc-pill { display:inline-block; background:var(--paper-deep); color:var(--ink-soft); border-radius:20px; padding:5px 9px; font-size:11px; white-space:nowrap; }
.bc-pill.green { background:var(--green-soft); color:var(--green); }
.bc-pill.amber { background:var(--amber-soft); color:var(--amber); }
.bc-metrics { display:grid; gap:15px; margin:25px 0; }
.bc-metrics strong { font:600 30px var(--mono); display:block; }
.bc-metrics span { font-size:12px; color:var(--ink-soft); }
.bc-two { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:18px 0; }
.bc-connections { display:grid; grid-template-columns:150px 1fr; gap:10px; font-size:12px; }
.bc-connections dt { color:var(--ink-soft); }
.bc-notice { border-left:3px solid var(--accent); background:var(--surface); padding:14px 18px; margin:14px 0 20px; line-height:1.65; }
.bc-notice .bc-pill { margin-right:10px; }
.bc-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:20px 0; }
.bc-summary > div { padding:16px; border:1px solid var(--line); border-radius:8px; background:var(--surface); font-size:12px; }
.bc-summary strong { display:block; font:600 24px var(--mono); margin-bottom:7px; }
.bc-list { display:grid; gap:12px; margin:16px 0 26px; }
.bc-actions { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 0; }
.bc-copy { white-space:pre-wrap; overflow-wrap:anywhere; max-height:230px; overflow:auto; background:var(--paper); padding:12px; border-radius:6px; }
.bc-hash { overflow-wrap:anywhere; font-size:11px; }
.bc-form { margin-top:16px; }
.bc-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }
.bc-checkbox { display:flex; align-items:center; gap:8px; margin:10px 0 18px; line-height:1.5; }
.bc-error { color:var(--red); line-height:1.6; margin-top:10px; }
.bc-media-picker { border:1px solid var(--line); padding:12px; margin-bottom:16px; }
.bc-media-picker label { display:flex; align-items:center; gap:10px; margin:8px 0; font-size:12px; }
.bc-media-picker img { width:95px; border-radius:4px; }
.bc-campaign-media { display:flex; gap:12px; flex-wrap:wrap; margin:14px 0; }
.bc-campaign-media figure { max-width:420px; flex:1 1 240px; }
.bc-campaign-media img { width:100%; height:auto; border:1px solid var(--line); border-radius:6px; }
.bc-campaign-media figcaption { font-size:11px; line-height:1.5; color:var(--ink-soft); margin-top:5px; }
@media(max-width:1100px) { .bc-bots,.bc-agent-grid { grid-template-columns:1fr; } .bc-metrics { grid-template-columns:repeat(3,1fr); } .bc-two { grid-template-columns:1fr; } }
@media(max-width:600px) { .bc-form-grid,.bc-summary { grid-template-columns:1fr; } .bc-card-top,.bc-row { flex-wrap:wrap; } .bc-metrics { grid-template-columns:1fr; } .bc-connections { grid-template-columns:1fr; } }
/* Живые данные ботов: строка состояния, шесть плиток, строки по ботам. Цвет только по смыслу: зелёный — норма, жёлтый — внимание, красный — деньги или простой */
.bl-status { border-left:3px solid var(--line-strong); background:var(--surface); padding:12px 16px; margin:14px 0; line-height:1.55; font-size:13.5px; }
.bl-status.bl-ok { border-left-color:var(--green); }
.bl-status.bl-warn { border-left-color:var(--amber); background:var(--amber-soft); }
.bl-status.bl-bad { border-left-color:var(--red); background:#fbe5e2; }
.bl-tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:14px 0 18px; }
.bl-tile { background:var(--surface); border:1px solid var(--line-strong); border-top:4px solid var(--line-strong); border-radius:var(--radius); padding:16px 18px; min-width:0; display:flex; flex-direction:column; gap:3px; }
.bl-tile.bl-ok { border-top-color:var(--green); }
.bl-tile.bl-warn { border-top-color:var(--amber); background:var(--amber-soft); }
.bl-tile.bl-bad { border-top-color:var(--red); background:#fbe5e2; }
.bl-tile > summary { list-style:none; cursor:pointer; display:flex; flex-direction:column; gap:3px; position:relative; padding-right:22px; }
.bl-tile > summary::-webkit-details-marker { display:none; }
.bl-tile > summary::after { content:'\25BE'; position:absolute; right:0; top:0; color:var(--muted); font-size:14px; }
.bl-tile[open] > summary::after { content:'\25B4'; }
.bl-label { font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); }
.bl-big { font:600 28px/1.15 var(--mono); overflow-wrap:anywhere; }
.bl-line { font-size:12.5px; color:var(--ink-soft); line-height:1.45; overflow-wrap:anywhere; }
.bl-note { font-size:11px; color:var(--amber); margin-top:3px; }
.bl-more { margin-top:12px; padding-top:10px; border-top:1px solid var(--line); display:grid; gap:7px; font-size:12.5px; }
.bl-row { display:grid; grid-template-columns:84px 1fr; gap:10px; }
.bl-bot { font-family:var(--mono); color:var(--ink-soft); }
.bl-bots { display:grid; gap:8px; margin:0 0 22px; }
.bl-botline { display:grid; grid-template-columns:110px 1fr auto; gap:12px; align-items:baseline; padding:10px 14px; border:1px solid var(--line); border-radius:8px; background:var(--surface); font-size:12.5px; }
.bl-botline strong { font-family:var(--mono); }
.bl-botline.bl-miss { border-color:var(--amber); background:var(--amber-soft); color:var(--amber); }
.bl-time { color:var(--muted); font-size:11.5px; white-space:nowrap; }
@media(max-width:1100px) { .bl-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .bl-tiles { grid-template-columns:1fr; } .bl-botline { grid-template-columns:1fr; gap:3px; } .bl-row { grid-template-columns:1fr; gap:1px; } }
/* Плитка «Потери» (сверка с выпиской, этап 3.5): седьмая, на всю ширину сетки — 3+3 плитки и одна широкая строка, без «сироты» в последнем ряду */
.bl-tile.bl-wide { grid-column:1 / -1; }
.bl-big-ok { color:var(--green); }
.bl-big-bad { color:var(--red); }
.bl-line-warn { color:var(--amber); font-weight:600; }
.bl-finds { display:grid; gap:7px; margin-top:4px; }
.bl-find { display:grid; grid-template-columns:84px 1fr; gap:10px; padding:7px 10px; border-left:3px solid var(--amber); background:var(--amber-soft); border-radius:4px; line-height:1.45; }
.bl-find-bad { border-left-color:var(--red); background:#fbe5e2; }
.bl-find > span:last-child { overflow-wrap:anywhere; }
.bl-since { color:var(--muted); white-space:nowrap; }
.bl-owner { display:inline-block; font-family:var(--mono); font-size:11.5px; color:var(--ink-soft); }
.bl-cand { display:block; margin-top:3px; font-size:11.5px; color:var(--ink-soft); }
.bl-foot { margin:4px 0 0; font-size:11px; line-height:1.5; color:var(--muted); }
@media(max-width:600px) { .bl-find { grid-template-columns:1fr; gap:2px; } }

/* Блок «Кассир» (этап 3.4): задания, черновики модели kie.ai, решение владельца. Цвет карточки — по важности находки: красный — деньги, жёлтый — проверить */
.bl-cashier { margin:6px 0 22px; padding:16px 18px; background:var(--surface); border:1px solid var(--line-strong); border-radius:var(--radius); }
.bl-cashier-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.bl-cashier h3 { margin:0 0 8px; }
.bl-tasks { display:grid; gap:10px; margin:12px 0 6px; }
.bl-task { padding:10px 12px; border-left:3px solid var(--line-strong); border-radius:4px; background:var(--paper); }
.bl-task-warn { border-left-color:var(--amber); background:var(--amber-soft); }
.bl-task-bad { border-left-color:var(--red); background:#fbe5e2; }
.bl-task-head { display:grid; grid-template-columns:84px 1fr auto; gap:10px; align-items:start; line-height:1.45; }
.bl-task-head > span:nth-child(2) { overflow-wrap:anywhere; }
.bl-draft { margin-top:8px; padding-top:8px; border-top:1px solid var(--line); }
.bl-draft p { margin:5px 0; line-height:1.5; overflow-wrap:anywhere; }
.bl-steps { white-space:pre-wrap; }
.bl-draft-meta { font-size:11.5px; color:var(--ink-soft); }
.bl-ref { font-family:var(--mono); font-size:12px; padding:0 4px; border-radius:3px; background:var(--paper-deep); }
.bl-legend { display:flex; flex-wrap:wrap; gap:4px 16px; margin-top:6px; font-size:11.5px; color:var(--ink-soft); }
.bl-legend code { font-family:var(--mono); }
@media(max-width:600px) { .bl-task-head { grid-template-columns:1fr; gap:3px; } .bl-cashier-head { flex-wrap:wrap; } }