/* «Агенты» (app/agents.js) — дизайн C «Диспетчерская»: токены styles.css, цвет агента — --ai, «ждёт тебя» — --late. */
.bcol-agents .bcol-h h3{display:flex;align-items:center;gap:6px}
.ag-a{flex:none;display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg)}
.ag-ah{display:flex;align-items:flex-start;gap:8px}
.ag-av{width:26px;height:26px;border-radius:var(--r-md);display:grid;place-items:center;flex:none;background:var(--ai-bg);color:var(--ai);font-size:12px;font-weight:600}
.ag-av.sm{width:22px;height:22px;font-size:11px}
.ag-at{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ag-at b{font-size:var(--fs-md);font-weight:600;color:var(--text)}
.ag-at small{font-size:var(--fs-xs);color:var(--text-3);line-height:1.35}
.ag-meta{display:flex;align-items:center;gap:4px;font:500 var(--fs-xs) var(--mono);color:var(--text-4);flex-wrap:wrap}
.ag-meta svg{width:12px;height:12px}
.ag-note{font-size:var(--fs-xs);color:var(--text-3);line-height:1.4}
.ag-sk{display:flex;flex-wrap:wrap;gap:4px}
.ag-sk span{font-size:var(--fs-xs);color:var(--text-3);background:var(--bg-2);border-radius:var(--r-sm);padding:1px 6px;line-height:1.5}
.ag-live{display:flex;flex-wrap:wrap;gap:4px}
.ag-jobs{display:flex;flex-direction:column;gap:6px;margin-top:2px}
.ag-job{display:flex;flex-direction:column;gap:5px;text-align:left;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-2)}
.ag-job:hover{border-color:var(--line-strong)}
.ag-job:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.ag-job.w{border-left:3px solid var(--late)}
.ag-job.closed{opacity:.6}
.ag-jt{font-size:var(--fs-md);font-weight:500;color:var(--text);line-height:1.35}
.ag-jm{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.ag-none{font-size:var(--fs-xs);color:var(--text-4);line-height:1.4;padding:2px 0}
.ag-rest{display:flex;flex-direction:column;gap:2px}
.ag-r{display:flex;gap:8px;align-items:flex-start;padding:6px 4px;border-bottom:1px solid var(--line-soft)}
.ag-r b{font-size:var(--fs-sm);font-weight:500;color:var(--text-2)}
.ag-r small{display:block;font-size:var(--fs-xs);color:var(--text-4);line-height:1.35}
.tm.lbl.ag-lbl{color:var(--ai)}
.tm.lbl.ag-lbl.w{color:var(--late)}

/* окно поручения — та же раскладка, что окно задачи (.tmodal) */
.ag-modal .tm-title{align-items:center}
.ag-k{display:block;font-size:12px;font-weight:600;color:var(--text-3);margin-bottom:2px}
.ag-modal .tm-desc{padding-left:20px}
.ag-crit{list-style:none;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--text-2);line-height:1.45}
.ag-crit li{padding-left:16px;position:relative}
.ag-crit li::before{content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;border-radius:2px;background:var(--text-4)}
.ag-modal .tm-steps .cb.on{background:var(--ok);border-color:var(--ok);color:var(--on-accent)}
.ag-modal .tm-steps li.dn span:last-child{color:var(--text-3)}
.ag-find{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45;color:var(--text-2)}
.ag-find span{font:500 12px var(--mono);color:var(--text-4);margin-right:8px}
.ag-modal .tm-hist b{font-weight:600;color:var(--text-2)}
.ag-warn{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:var(--text-3);line-height:1.4;margin:8px 0}
.ag-warn svg{width:15px;height:15px;flex:none;margin-top:1px;color:var(--ok)}
.ag-ask{padding:8px 0;border-bottom:1px solid var(--line-soft)}
.ag-q{font-size:14px;line-height:1.45;color:var(--text)}
.ag-ask.done .ag-q{color:var(--text-3)}
.ag-ans{font-size:14px;color:var(--text-2);margin-top:4px;line-height:1.45}
.ag-form{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.ag-form textarea{width:100%;min-height:44px;resize:vertical;border:1px solid var(--line);border-radius:var(--r-md);padding:8px 10px;background:var(--bg);font-size:14px;line-height:1.45;outline:none}
.ag-form textarea:focus{border-color:var(--line-strong)}
.ag-btns{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.ag-draft{border:1px solid var(--line);border-radius:var(--r-md);padding:10px;margin:8px 0;background:var(--bg-2)}
.ag-draft.st-draft{border-left:3px solid var(--warn)}
.ag-draft.st-rejected{opacity:.6}
.ag-dh{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ag-dh svg{width:15px;height:15px;color:var(--text-3)}
.ag-dh b{font-size:14px;font-weight:600;color:var(--text);flex:1;min-width:0;overflow-wrap:anywhere}
.ag-dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:6px 0;font-size:13px}
.ag-dl dt{color:var(--text-4)} .ag-dl dd{color:var(--text-2);overflow-wrap:anywhere}
.ag-body{white-space:pre-wrap;word-wrap:break-word;font:13px/1.5 var(--font);color:var(--text-2);background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--r-sm);padding:8px 10px;max-height:260px;overflow:auto}
.ag-dn{font-size:13px;color:var(--info);margin-top:6px}
.ag-draft .ag-btns{margin-top:8px;justify-content:flex-start}
.ag-camp{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px;margin:4px 0;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg)}
.ag-camp b{font-size:13px;font-weight:500;color:var(--text);flex:1;min-width:0}
.ag-camp span{font:500 12px var(--mono);color:var(--text-3);white-space:nowrap}
.ag-camp em{font-style:normal;color:var(--late)}
.ag-camp svg{width:14px;height:14px;color:var(--text-4)}
.ag-rules{color:var(--text-2);font-size:13px;line-height:1.4}
.ag-pick .opt{height:auto;min-height:52px;padding:8px 12px}
.ag-po{display:flex;flex-direction:column;gap:1px;min-width:0}
.ag-po b{font-size:15px;font-weight:500;color:var(--text)}
.ag-po small{font-size:12px;color:var(--text-3);line-height:1.35}
@media (max-width:599px){.ag-camp{flex-wrap:wrap}.ag-camp span{white-space:normal}}
@media (max-width:899px){.board[data-tab=agents] .bcol[data-tab=agents]{display:flex}}
@media (min-width:900px){.ag-modal .tm-desc{padding-left:28px}}