/* ===== Task Manager v2 «Очередь» (2026-10-20) — по макету scratchpad/taskmgr.
   Всё под .tq (страница, боковая панель, форма) — не пересекается с styles.css. */
.tq{
  --tq-page:#0A0A0B; --tq-card:#1A1B1E; --tq-card-h:#1E1F23; --tq-ctl:#26272B; --tq-ctl-h:#2F3034; --tq-peek:#141518;
  --tq-fg:#F2F2F3; --tq-fg2:#C9CACE; --tq-mute:#8B8C92; --tq-mute2:#5E5F65; --tq-line:rgba(255,255,255,.07);
  --tq-accent:#FF6B3D; --tq-accent-soft:rgba(255,107,61,.14);
  --tq-ok:61,214,140; --tq-ok-t:#86EFBA; --tq-bad:255,92,92; --tq-bad-t:#FF9E9E; --tq-warn:245,184,61; --tq-warn-t:#FFD680;
  --tq-info:76,155,255; --tq-info-t:#96C4FF; --tq-neu:139,140,146; --tq-neu-t:#BEBFC4;
  color:var(--tq-fg); font-size:13px; -webkit-font-smoothing:antialiased;
}
.tq *{ box-sizing:border-box; }
.tq button{ font-family:inherit; color:inherit; }
.tq kbd{ font-family:inherit; font-size:10.5px; font-weight:600; min-width:17px; height:17px; padding:0 4px; border-radius:5px; background:rgba(255,255,255,.08); color:var(--tq-mute); display:inline-grid; place-items:center; box-shadow:inset 0 -1px 0 rgba(255,255,255,.06); }
.tq .tq-num{ font-variant-numeric:tabular-nums; }

/* кнопки / сегменты / пилюли */
.tq .tq-btn{ display:inline-flex; align-items:center; gap:7px; height:34px; padding:0 14px; border-radius:11px; border:0; background:var(--tq-ctl); font-size:13px; font-weight:500; cursor:pointer; white-space:nowrap; color:var(--tq-fg); text-decoration:none; }
.tq .tq-btn:hover{ background:var(--tq-ctl-h); }
.tq .tq-btn.cta{ background:var(--tq-accent); color:#fff; font-weight:600; }
.tq .tq-btn.cta:hover{ background:#ff7d52; }
.tq .tq-btn.cta kbd{ background:rgba(0,0,0,.18); color:#fff; }
.tq .tq-btn.sm{ height:28px; padding:0 10px; border-radius:9px; font-size:12px; }
.tq .tq-btn.ghost{ background:transparent; color:var(--tq-mute); }
.tq .tq-btn.ghost:hover{ background:var(--tq-ctl); color:var(--tq-fg); }
.tq .tq-btn.okb{ background:rgba(var(--tq-ok),.14); color:var(--tq-ok-t); }
.tq .tq-btn.okb:hover{ background:rgba(var(--tq-ok),.22); }
.tq .tq-btn[disabled]{ opacity:.45; cursor:not-allowed; }
.tq .tq-btn.cta[disabled]{ background:#5A3426; color:#E8C3B5; opacity:1; }
.tq .tq-seg{ display:inline-flex; background:var(--tq-ctl); border-radius:11px; padding:3px; gap:2px; }
.tq .tq-seg button{ border:0; background:transparent; font-weight:500; padding:0 11px; height:28px; border-radius:8px; font-size:12.5px; color:var(--tq-mute); cursor:pointer; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.tq .tq-seg button.on{ background:var(--tq-ctl-h); color:var(--tq-fg); }
.tq .tq-seg button .c{ font-size:11px; color:var(--tq-mute); font-variant-numeric:tabular-nums; }
.tq .tq-seg button.on .c{ color:var(--tq-fg2); }

/* аватары */
.tq .tq-av{ display:inline-grid; flex:0 0 auto; }
.tq .tq-av .avatar{ width:22px; height:22px; font-size:9px; border-radius:50%; background:#2F3034; color:#D9DADE; font-weight:700; display:grid; place-items:center; object-fit:cover; }
.tq .tq-av.me .avatar{ box-shadow:0 0 0 1.5px var(--tq-accent); }
.tq .tq-stack{ display:flex; gap:3px; }
.tq .tq-stack .tq-av .avatar{ box-shadow:0 0 0 2px var(--tq-page); }
.tq .tq-stack .tq-av.me .avatar{ box-shadow:0 0 0 2px var(--tq-page),0 0 0 3.5px var(--tq-accent); }

/* категория / срок / статус оффера */
.tq .tq-cat{ display:inline-flex; align-items:center; gap:5px; height:18px; padding:0 7px; border-radius:6px; background:var(--tq-ctl); color:var(--tq-fg2); font-size:11px; font-weight:500; flex:0 0 auto; }
.tq .tq-cat i{ width:6px; height:6px; border-radius:2px; display:inline-block; }
.tq .tq-due{ display:inline-flex; align-items:center; gap:5px; height:22px; padding:0 9px 0 7px; border-radius:999px; font-size:11.5px; font-weight:500; white-space:nowrap; font-variant-numeric:tabular-nums; }
.tq .tq-due.bad{ background:rgba(var(--tq-bad),.12); box-shadow:inset 0 0 0 1px rgba(var(--tq-bad),.3); color:var(--tq-bad-t); }
.tq .tq-due.warn{ background:rgba(var(--tq-warn),.12); box-shadow:inset 0 0 0 1px rgba(var(--tq-warn),.3); color:var(--tq-warn-t); }
.tq .tq-due.ok{ background:rgba(var(--tq-ok),.12); box-shadow:inset 0 0 0 1px rgba(var(--tq-ok),.3); color:var(--tq-ok-t); }
.tq .tq-due.neu{ background:transparent; color:var(--tq-mute2); padding-left:0; }
.tq .tq-due.today{ background:var(--tq-accent-soft); color:var(--tq-accent); box-shadow:inset 0 0 0 1px rgba(255,107,61,.3); }
.tq .tq-ost{ display:inline-flex; align-items:center; height:20px; padding:0 8px; border-radius:999px; font-size:11px; font-weight:500; white-space:nowrap; }
.tq .tq-ost.active{ background:rgba(var(--tq-ok),.12); box-shadow:inset 0 0 0 1px rgba(var(--tq-ok),.3); color:var(--tq-ok-t); }
.tq .tq-ost.draft,.tq .tq-ost.waiting{ background:rgba(var(--tq-info),.12); box-shadow:inset 0 0 0 1px rgba(var(--tq-info),.3); color:var(--tq-info-t); }
.tq .tq-ost.qc_block,.tq .tq-ost.stopped{ background:rgba(var(--tq-bad),.12); box-shadow:inset 0 0 0 1px rgba(var(--tq-bad),.3); color:var(--tq-bad-t); }
.tq .tq-ost.pause,.tq .tq-ost.no_traffic_7d,.tq .tq-ost.archived,.tq .tq-ost.unk{ background:rgba(var(--tq-neu),.12); box-shadow:inset 0 0 0 1px rgba(var(--tq-neu),.3); color:var(--tq-neu-t); }
.tq .tq-chip{ display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 9px 0 3px; border-radius:999px; background:var(--tq-ctl); font-size:12px; font-weight:500; white-space:nowrap; }
.tq .tq-chip.np{ padding:0 9px; }
.tq .tq-chip button{ border:0; background:transparent; color:var(--tq-mute); cursor:pointer; font-size:13px; padding:0 0 0 2px; }
.tq .tq-chip button:hover{ color:var(--tq-fg); }
.tq .tq-unr{ display:inline-flex; align-items:center; gap:4px; height:18px; padding:0 7px; border-radius:999px; background:var(--tq-accent); color:#fff; font-size:11px; font-weight:600; flex:0 0 auto; }
.tq .tq-stbtn{ width:22px; height:22px; border:0; background:transparent; padding:0; cursor:pointer; display:grid; place-items:center; color:var(--tq-mute); border-radius:6px; }
.tq .tq-stbtn:hover{ color:var(--tq-fg); background:var(--tq-ctl); }
.tq .tq-kb{ width:26px; height:26px; border-radius:8px; border:0; background:transparent; display:grid; place-items:center; cursor:pointer; color:var(--tq-mute); }
.tq .tq-kb:hover{ background:var(--tq-ctl); color:var(--tq-fg); }
.tq .tq-empty{ color:var(--tq-mute); font-size:12.5px; line-height:1.5; background:var(--tq-page); border-radius:14px; padding:12px 14px; }
.tq .tq-empty b{ color:var(--tq-fg2); font-weight:500; }
.tq .tq-empty.fx{ display:flex; gap:10px; align-items:center; justify-content:space-between; }

/* всплывающее меню (статус, ⋮, люди, категории) */
.tq-menu{ position:fixed; z-index:10050; min-width:190px; max-width:300px; max-height:360px; overflow-y:auto; background:#1A1B1E; border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:6px; box-shadow:0 16px 40px rgba(0,0,0,.55); display:flex; flex-direction:column; gap:2px; }
.tq-menu .mi{ display:flex; align-items:center; gap:9px; width:100%; padding:7px 9px; border:0; border-radius:10px; background:transparent; color:#EDEDED; font-size:13px; text-align:left; cursor:pointer; }
.tq-menu .mi:hover{ background:#26272B; }
.tq-menu .mi.on{ background:rgba(255,255,255,.05); }
.tq-menu .mi.danger{ color:#FF9E9E; }
.tq-menu .mi small{ margin-left:auto; color:#8B8C92; font-size:11px; }
.tq-menu .mh{ padding:5px 9px 4px; font-size:11px; font-weight:600; color:#8B8C92; text-transform:uppercase; letter-spacing:.04em; }
.tq-menu .sep{ height:1px; margin:3px 6px; background:rgba(255,255,255,.07); }
.tq-menu .mi .avatar{ width:20px; height:20px; font-size:8px; border-radius:50%; }
.tq-menu input[type=date]{ width:100%; height:32px; border-radius:9px; border:1px solid #2E2F34; background:#0A0A0B; color:#F2F2F3; padding:0 8px; font-family:inherit; color-scheme:dark; }

/* ================= боковая панель (peek) ================= */
.tq-scrim{ position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:10000; opacity:0; pointer-events:none; transition:opacity .15s; }
.tq-scrim.on{ opacity:1; pointer-events:auto; }
.tq-peek{ position:fixed; top:12px; right:12px; bottom:12px; width:min(720px,calc(100vw - 24px)); background:var(--tq-peek); border-radius:20px; z-index:10001; transform:translateX(110%); transition:transform .2s ease; display:flex; flex-direction:column; box-shadow:0 30px 80px rgba(0,0,0,.6); overflow:hidden; font-family:var(--sans, Inter, system-ui, sans-serif); }
.tq-peek.on{ transform:none; }
@media (max-width:720px){ .tq-peek{ inset:0; width:100vw; border-radius:0; } }
.tq .pk{ display:flex; flex-direction:column; min-height:0; height:100%; container-type:inline-size; }
.tq .pk-top{ display:flex; align-items:center; gap:8px; padding:12px 14px; border-bottom:1px solid var(--tq-line); flex:0 0 auto; }
.tq .pk-top .crumb{ color:var(--tq-mute); font-size:12px; flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tq .pk-tabs{ display:none; gap:2px; background:var(--tq-card); border-radius:12px; padding:3px; margin:10px 14px 0; flex:0 0 auto; }
.tq .pk-tabs button{ flex:1; border:0; background:transparent; color:var(--tq-mute); font-size:12.5px; font-weight:500; height:32px; border-radius:9px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:6px; }
.tq .pk-tabs button.on{ background:var(--tq-ctl-h); color:var(--tq-fg); }
.tq .pk-tabs .nb{ background:var(--tq-accent); color:#fff; border-radius:7px; font-size:10.5px; padding:1px 6px; font-weight:600; }
.tq .pk-main{ flex:1; min-height:0; display:flex; flex-direction:column; }
.tq .pk-det{ flex:0 1 auto; max-height:58%; overflow-y:auto; padding:14px 18px 10px; display:flex; flex-direction:column; gap:10px; }
.tq .pk-chips{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.tq .pk-chips .acts{ margin-left:auto; display:flex; gap:6px; flex-wrap:wrap; }
.tq .st-sel{ display:inline-flex; align-items:center; gap:6px; height:26px; padding:0 10px 0 8px; border-radius:999px; background:var(--tq-ctl); font-size:12px; font-weight:500; border:0; cursor:pointer; color:var(--tq-fg); }
.tq .st-sel:hover{ background:var(--tq-ctl-h); }
.tq .pk-title{ font-size:19px; font-weight:600; letter-spacing:-.01em; line-height:1.3; margin:0; outline:none; border-radius:8px; padding:2px 4px; margin-left:-4px; }
.tq .pk-title[contenteditable=true]:hover{ background:rgba(255,255,255,.03); }
.tq .pk-title[contenteditable=true]:focus{ background:var(--tq-card); box-shadow:inset 0 0 0 1px #3A3B41; }
.tq .pv-row{ display:flex; flex-wrap:wrap; gap:8px 18px; align-items:center; }
.tq .pv{ display:flex; align-items:center; gap:6px; min-width:0; font-size:12.5px; flex-wrap:wrap; }
.tq .pv .pl{ color:var(--tq-mute); font-size:11.5px; font-weight:500; }
.tq .pv .tq-chip{ height:22px; font-size:11.5px; }
.tq .pv .tq-av .avatar{ width:18px; height:18px; font-size:7.5px; }
.tq .pv-edit{ border:0; background:transparent; color:var(--tq-fg); font-size:12.5px; cursor:pointer; padding:2px 6px; border-radius:7px; display:inline-flex; align-items:center; gap:5px; }
.tq .pv-edit:hover{ background:var(--tq-ctl); }
.tq .pv-add{ border:0; width:22px; height:22px; border-radius:50%; background:var(--tq-ctl); color:var(--tq-mute); cursor:pointer; font-size:14px; line-height:1; }
.tq .pv-add:hover{ background:var(--tq-ctl-h); color:var(--tq-fg); }
.tq .pk-desc{ font-size:12.5px; line-height:1.55; color:var(--tq-fg2); white-space:pre-wrap; word-break:break-word; border-radius:10px; padding:6px 8px; margin:0 -8px; cursor:text; }
.tq .pk-desc:hover{ background:rgba(255,255,255,.03); }
.tq .pk-desc.empty{ color:var(--tq-mute2); }
.tq .pk-desc-ed{ width:100%; min-height:110px; background:var(--tq-page); border:0; box-shadow:inset 0 0 0 1px #3A3B41; border-radius:11px; color:var(--tq-fg); font:inherit; font-size:12.5px; line-height:1.55; padding:9px 11px; outline:0; resize:vertical; }
.tq .pk-pay{ display:flex; align-items:center; gap:12px; background:rgba(var(--tq-ok),.07); box-shadow:inset 0 0 0 1px rgba(var(--tq-ok),.22); border-radius:14px; padding:10px 12px; flex-wrap:wrap; }
.tq .pk-pay .pi{ min-width:0; flex:1; }
.tq .pk-pay .pn{ font-weight:600; font-size:13px; }
.tq .pk-pay .pm{ color:var(--tq-mute); font-size:11.5px; margin-top:2px; font-variant-numeric:tabular-nums; }
.tq .pk-pay .pa{ font-size:20px; font-weight:600; font-variant-numeric:tabular-nums; }
.tq .ofs{ background:var(--tq-card); border-radius:14px; padding:10px 12px; }
.tq .ofs-h{ display:flex; align-items:center; gap:10px; margin-bottom:8px; min-width:0; }
.tq .ofs-h .t{ font-weight:600; white-space:nowrap; }
.tq .ofs-h .bar2{ flex:1; height:5px; border-radius:999px; background:var(--tq-ctl); overflow:hidden; min-width:40px; }
.tq .ofs-h .bar2 i{ display:block; height:100%; background:rgb(var(--tq-ok)); }
.tq .ofs-h .s{ color:var(--tq-mute); font-size:11px; white-space:nowrap; }
.tq .ofs-list{ display:grid; grid-template-columns:1fr 1fr; gap:4px; }
.tq .ofs.open .ofs-list{ max-height:260px; overflow-y:auto; }
.tq .ck{ display:grid; grid-template-columns:16px minmax(0,1fr) auto; gap:8px; align-items:center; padding:5px 8px; border-radius:10px; background:var(--tq-page); min-width:0; }
.tq .ck .box{ width:15px; height:15px; border-radius:5px; border:1.5px solid #4A4B51; display:grid; place-items:center; cursor:pointer; padding:0; background:transparent; color:#0B2817; }
.tq .ck.on .box{ background:rgb(var(--tq-ok)); border-color:rgb(var(--tq-ok)); }
.tq .ck .nm{ font-size:12.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.tq .ck.on .nm{ color:var(--tq-mute); }
.tq .ck .rt{ display:flex; gap:6px; align-items:center; }
.tq .ck .lc{ font-size:10.5px; color:var(--tq-mute); white-space:nowrap; }
.tq .ck .lc.auto{ color:var(--tq-ok-t); }
.tq .ck .rm{ border:0; background:transparent; color:var(--tq-mute2); cursor:pointer; font-size:13px; display:none; }
.tq .ck:hover .rm{ display:inline; }
.tq .ofs-more{ margin-top:6px; border:0; background:transparent; color:var(--tq-fg2); font-size:12px; font-weight:500; cursor:pointer; padding:4px 2px; }
.tq .ofs-more:hover{ color:var(--tq-fg); }
.tq .ofs-add{ display:flex; gap:6px; margin-top:6px; }
.tq .ofs-add input{ flex:1; min-width:0; height:30px; border-radius:9px; border:0; box-shadow:inset 0 0 0 1px #2A2B30; background:var(--tq-page); color:var(--tq-fg); font:inherit; font-size:12.5px; padding:0 10px; outline:0; }
.tq .pk-files{ display:flex; gap:6px; flex-wrap:wrap; }
.tq .pk-file{ display:inline-flex; align-items:center; gap:7px; background:var(--tq-card); border-radius:10px; padding:5px 9px; font-size:12px; color:var(--tq-fg2); text-decoration:none; max-width:100%; }
.tq .pk-file:hover{ background:var(--tq-card-h); color:var(--tq-fg); }
.tq .pk-file span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:220px; }

.tq .pk-disc{ flex:1; min-height:0; display:flex; flex-direction:column; border-top:1px solid var(--tq-line); }
.tq .disc-h{ display:flex; align-items:center; gap:8px; padding:12px 18px 6px; flex:0 0 auto; }
.tq .disc-h .t{ font-weight:600; font-size:13.5px; }
.tq .disc-h .c{ color:var(--tq-mute); font-size:12px; }
.tq .disc-h .s{ margin-left:auto; color:var(--tq-mute2); font-size:11.5px; white-space:nowrap; }
.tq .thread{ flex:1; min-height:120px; overflow-y:auto; padding:4px 12px 12px; display:flex; flex-direction:column; gap:2px; }
.tq .msg{ display:grid; grid-template-columns:30px minmax(0,1fr); gap:10px; padding:8px; border-radius:12px; position:relative; }
.tq .msg:hover{ background:rgba(255,255,255,.025); }
.tq .msg .tq-av .avatar{ width:28px; height:28px; font-size:10px; }
.tq .msg.own{ background:rgba(255,255,255,.02); }
.tq .mh{ display:flex; align-items:baseline; gap:8px; min-width:0; }
.tq .mh b{ font-weight:600; font-size:12.5px; white-space:nowrap; }
.tq .mtm{ color:var(--tq-mute2); font-size:11px; white-space:nowrap; }
.tq .mt{ font-size:13px; line-height:1.5; color:var(--tq-fg); margin-top:2px; word-break:break-word; white-space:pre-wrap; }
.tq .mn{ color:var(--tq-accent); background:var(--tq-accent-soft); border-radius:5px; padding:0 4px; font-weight:500; white-space:nowrap; }
.tq .mq{ border-left:2px solid #4A4B51; padding:2px 0 2px 8px; margin:4px 0 2px; color:var(--tq-mute); font-size:12px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tq .mq b{ color:var(--tq-fg2); font-weight:500; }
.tq .mf{ display:inline-flex; align-items:center; gap:9px; background:var(--tq-card); border-radius:11px; padding:7px 11px 7px 8px; margin-top:6px; max-width:100%; min-width:0; text-decoration:none; color:var(--tq-fg); }
.tq .mf:hover{ background:var(--tq-card-h); }
.tq .mf .fi{ width:28px; height:28px; border-radius:8px; background:var(--tq-ctl); display:grid; place-items:center; color:var(--tq-mute); flex:0 0 auto; }
.tq .mf .fn{ font-size:12.5px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; display:block; }
.tq .mf .fs{ font-size:11px; color:var(--tq-mute); }
.tq .rx{ display:flex; gap:5px; margin-top:6px; flex-wrap:wrap; }
.tq .rx button{ display:inline-flex; align-items:center; gap:4px; height:22px; padding:0 8px; border-radius:999px; background:var(--tq-card); font-size:11.5px; color:var(--tq-fg2); box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); border:0; cursor:pointer; }
.tq .rx button.me{ box-shadow:inset 0 0 0 1px rgba(255,107,61,.45); background:var(--tq-accent-soft); }
.tq .mact{ position:absolute; right:8px; top:-10px; display:none; gap:2px; background:#202125; border:1px solid #2A2B30; border-radius:9px; padding:2px; z-index:2; }
.tq .mact button{ border:0; background:transparent; height:24px; min-width:26px; border-radius:7px; color:var(--tq-fg2); font-size:12px; cursor:pointer; padding:0 6px; }
.tq .mact button:hover{ background:var(--tq-ctl); }
.tq .msg:hover .mact{ display:flex; }
.tq .sysl{ display:grid; grid-template-columns:6px minmax(0,1fr) auto; gap:8px; align-items:center; padding:5px 8px 5px 14px; color:var(--tq-mute2); font-size:11.5px; line-height:1.4; }
.tq .sysl i{ width:6px; height:6px; border-radius:50%; background:#4A4B51; }
.tq .sysl.ok i{ background:rgb(var(--tq-ok)); } .tq .sysl.bad i{ background:rgb(var(--tq-bad)); }
.tq .sysl b{ color:var(--tq-mute); font-weight:500; }
.tq .newdiv{ display:flex; align-items:center; gap:10px; color:var(--tq-accent); font-size:11px; font-weight:600; margin:6px 8px; }
.tq .newdiv::before,.tq .newdiv::after{ content:""; flex:1; height:1px; background:rgba(255,107,61,.4); }
.tq .disc-empty{ color:var(--tq-mute); font-size:12.5px; line-height:1.55; padding:18px 10px; text-align:center; }
.tq .cmp{ padding:10px 12px 12px; border-top:1px solid var(--tq-line); position:relative; flex:0 0 auto; }
.tq .cbox{ background:var(--tq-card); border-radius:14px; padding:10px 12px 8px; box-shadow:inset 0 0 0 1px #2F3034; }
.tq .cbox:focus-within{ box-shadow:inset 0 0 0 1px #4A4B51; }
.tq .cbox .rq{ display:none; justify-content:space-between; gap:8px; align-items:center; border-left:2px solid var(--tq-accent); padding-left:8px; margin-bottom:8px; font-size:12px; color:var(--tq-mute); min-width:0; }
.tq .cbox .rq.on{ display:flex; }
.tq .cbox .rq span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.tq .cbox .rq button{ border:0; background:transparent; color:var(--tq-mute); cursor:pointer; font-size:14px; }
.tq .cbox textarea{ width:100%; background:transparent; border:0; outline:0; color:var(--tq-fg); font:inherit; font-size:13px; padding:2px 0 8px; resize:none; min-height:22px; max-height:140px; line-height:1.45; display:block; }
.tq .cbox textarea::placeholder{ color:var(--tq-mute2); }
.tq .crow{ display:flex; align-items:center; gap:8px; }
.tq .crow .tg{ flex:1; min-width:0; color:var(--tq-mute2); font-size:11px; display:flex; gap:5px; align-items:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tq .crow .tg svg{ flex:0 0 auto; color:#5B9BFF; }
.tq .crow .ib2{ width:28px; height:28px; border-radius:8px; border:0; background:transparent; color:var(--tq-mute); display:grid; place-items:center; cursor:pointer; }
.tq .crow .ib2:hover{ background:var(--tq-ctl); color:var(--tq-fg); }
.tq .sug{ position:absolute; left:12px; bottom:calc(100% - 4px); width:270px; max-width:calc(100% - 24px); max-height:260px; overflow-y:auto; background:#202125; border:1px solid #2A2B30; border-radius:12px; padding:5px; box-shadow:0 16px 40px rgba(0,0,0,.5); display:none; z-index:5; }
.tq .sug.on{ display:block; }
.tq .sug .si{ display:flex; align-items:center; gap:8px; padding:6px 8px; border-radius:8px; font-size:12.5px; cursor:pointer; }
.tq .sug .si.on,.tq .sug .si:hover{ background:var(--tq-ctl); }
.tq .sug .si small{ margin-left:auto; color:var(--tq-mute2); font-size:11px; }
.tq .sug .sh{ color:var(--tq-mute2); font-size:11px; padding:4px 8px; }
.tq .pk-foot{ display:flex; gap:12px; flex-wrap:wrap; color:var(--tq-mute2); font-size:11px; padding:0 14px 10px; flex:0 0 auto; }
.tq .pk-foot span{ display:inline-flex; gap:4px; align-items:center; }
@container (max-width:560px){
  .tq .pk-tabs{ display:flex; }
  .tq .pk[data-tab=disc] .pk-det{ display:none; }
  .tq .pk[data-tab=det] .pk-disc{ display:none; }
  .tq .pk[data-tab=det] .pk-det{ flex:1; max-height:none; }
  .tq .pk-det{ padding:12px 14px; }
  .tq .ofs-list{ grid-template-columns:1fr; }
  .tq .pk-chips .acts{ margin-left:0; }
  .tq .disc-h{ padding:12px 14px 4px; }
  .tq .disc-h .s{ display:none; }
  .tq .thread{ padding:4px 6px 10px; }
  .tq .pk-foot,.tq .pk-top .kbh{ display:none; }
}

/* ================= форма постановки ================= */
.tq-nf-scrim{ position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:10010; }
.tq-nf-modal{ position:fixed; z-index:10011; top:20px; bottom:20px; left:50%; transform:translateX(-50%); width:min(1120px,calc(100vw - 40px)); background:var(--tq-peek); border-radius:22px; box-shadow:0 30px 90px rgba(0,0,0,.65); overflow:hidden; font-family:var(--sans, Inter, system-ui, sans-serif); }
@media (max-width:720px){ .tq-nf-modal{ inset:0; transform:none; width:100vw; border-radius:0; left:0; top:0; bottom:0; } }
.tq .nf{ container-type:inline-size; height:100%; display:flex; flex-direction:column; position:relative; }
.tq .nf-top{ display:flex; align-items:center; gap:12px; padding:14px 18px; border-bottom:1px solid var(--tq-line); flex:0 0 auto; }
.tq .nf-top .t{ font-size:16px; font-weight:600; }
.tq .nf-steps{ display:flex; gap:6px; align-items:center; color:var(--tq-mute); font-size:12px; margin-left:8px; flex-wrap:wrap; }
.tq .nf-steps span{ display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.tq .nf-steps i{ width:18px; height:18px; border-radius:50%; background:var(--tq-ctl); color:var(--tq-mute); display:grid; place-items:center; font-style:normal; font-size:10.5px; font-weight:700; }
.tq .nf-steps span.done i{ background:rgba(var(--tq-ok),.18); color:var(--tq-ok-t); }
.tq .nf-steps span.cur{ color:var(--tq-fg); }
.tq .nf-steps span.cur i{ background:var(--tq-accent); color:#fff; }
.tq .nf-steps .ln{ width:18px; height:1px; background:#3A3B41; }
.tq .nf-top .x{ margin-left:auto; border:0; background:transparent; color:var(--tq-mute); font-size:20px; cursor:pointer; width:30px; height:30px; border-radius:8px; }
.tq .nf-top .x:hover{ background:var(--tq-ctl); color:var(--tq-fg); }
.tq .nf-grid{ flex:1; min-height:0; display:grid; grid-template-columns:minmax(0,1fr) 340px; }
.tq .nf-body{ overflow-y:auto; padding:16px 20px 24px; display:flex; flex-direction:column; gap:18px; min-width:0; }
.tq .nf-side{ border-left:1px solid var(--tq-line); overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:12px; background:#121315; min-width:0; }
.tq .nf-h{ display:flex; align-items:baseline; gap:4px 8px; margin-bottom:10px; flex-wrap:wrap; }
.tq .nf-h .n{ width:20px; height:20px; border-radius:7px; background:var(--tq-ctl); display:grid; place-items:center; font-size:11px; font-weight:700; flex:0 0 auto; align-self:center; }
.tq .nf-h .t{ font-weight:600; font-size:14px; }
.tq .nf-h .s{ color:var(--tq-mute); font-size:12px; }
.tq .types{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.tq .type{ border:0; text-align:left; background:var(--tq-card); border-radius:14px; padding:11px 12px; cursor:pointer; display:flex; flex-direction:column; gap:5px; min-width:0; box-shadow:inset 0 0 0 1px transparent; color:var(--tq-fg); }
.tq .type:hover{ background:var(--tq-card-h); }
.tq .type.on{ box-shadow:inset 0 0 0 1.5px var(--tq-accent); background:#1D1A19; }
.tq .type .ti{ display:flex; align-items:center; gap:8px; }
.tq .type .ic{ width:26px; height:26px; border-radius:8px; display:grid; place-items:center; flex:0 0 auto; font-size:14px; }
.tq .type b{ font-size:13px; font-weight:600; }
.tq .type .w{ color:var(--tq-mute); font-size:11.5px; line-height:1.4; }
.tq .type .c{ color:var(--tq-mute2); font-size:10.5px; margin-top:auto; }
.tq .fld{ margin-bottom:14px; min-width:0; }
.tq .fld:last-child{ margin-bottom:0; }
.tq .lbl{ display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:500; color:var(--tq-fg2); margin-bottom:6px; }
.tq .lbl .req{ color:var(--tq-accent); font-weight:700; }
.tq .lbl .opt{ color:var(--tq-mute2); font-weight:400; font-size:11.5px; }
.tq .lbl .ok{ margin-left:auto; color:var(--tq-ok-t); font-size:11.5px; font-weight:500; }
.tq .inp{ width:100%; background:var(--tq-page); border:0; box-shadow:inset 0 0 0 1px #2A2B30; border-radius:11px; color:var(--tq-fg); font:inherit; font-size:13px; padding:10px 12px; outline:0; }
.tq .inp:focus{ box-shadow:inset 0 0 0 1px #55565C; }
.tq .inp::placeholder{ color:var(--tq-mute2); }
.tq textarea.inp{ min-height:110px; resize:vertical; line-height:1.55; font-family:inherit; }
.tq .hint{ color:var(--tq-mute); font-size:11.5px; line-height:1.45; margin-top:6px; display:block; position:relative; padding-left:20px; }
.tq .hint::before{ content:"i"; width:14px; height:14px; border-radius:50%; background:var(--tq-ctl); color:var(--tq-mute); font-size:9.5px; font-weight:700; display:grid; place-items:center; position:absolute; left:0; top:1px; font-style:italic; }
.tq .hint b{ color:var(--tq-fg2); font-weight:500; }
.tq .sugt{ display:flex; gap:6px; flex-wrap:wrap; margin-top:6px; }
.tq .sugt button{ border:0; background:var(--tq-ctl); color:var(--tq-fg2); font-size:11.5px; border-radius:8px; height:24px; padding:0 9px; cursor:pointer; }
.tq .sugt button:hover{ background:var(--tq-ctl-h); }
.tq .ms{ background:var(--tq-page); border-radius:12px; box-shadow:inset 0 0 0 1px #2A2B30; padding:6px; }
.tq .ms-sel{ display:flex; gap:5px; flex-wrap:wrap; padding:2px 2px 6px; }
.tq .ms-sel:empty{ display:none; }
.tq .mchip{ display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 4px 0 9px; border-radius:8px; background:var(--tq-ctl); font-size:12px; font-weight:500; white-space:nowrap; max-width:100%; }
.tq .mchip button{ border:0; background:transparent; color:var(--tq-mute); cursor:pointer; font-size:13px; width:18px; height:18px; border-radius:5px; }
.tq .mchip button:hover{ background:var(--tq-ctl-h); color:var(--tq-fg); }
.tq .ms-search{ display:flex; align-items:center; gap:8px; padding:4px 8px; color:var(--tq-mute); }
.tq .ms-search input{ flex:1; min-width:0; background:transparent; border:0; outline:0; color:var(--tq-fg); font:inherit; font-size:13px; height:28px; }
.tq .ms-list{ max-height:210px; overflow-y:auto; display:flex; flex-direction:column; gap:2px; margin-top:4px; border-top:1px solid var(--tq-line); padding-top:4px; }
.tq .ms-it{ display:grid; grid-template-columns:16px minmax(0,1fr) auto auto; gap:9px; align-items:center; padding:6px 8px; border-radius:9px; cursor:pointer; font-size:12.5px; }
.tq .ms-it:hover{ background:#151619; }
.tq .ms-it .box{ width:15px; height:15px; border-radius:5px; border:1.5px solid #4A4B51; display:grid; place-items:center; }
.tq .ms-it.on .box{ background:var(--tq-accent); border-color:var(--tq-accent); color:#fff; }
.tq .ms-it .nm{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tq .ms-it .lc{ font-size:11px; color:var(--tq-mute); white-space:nowrap; }
.tq .ms-it .lc.z{ color:var(--tq-warn-t); }
.tq .ms-more{ color:var(--tq-mute2); font-size:11.5px; padding:6px 8px; }
.tq .acc{ display:grid; grid-template-columns:16px minmax(0,1fr) auto; gap:10px; align-items:center; padding:9px 10px; border-radius:11px; background:var(--tq-page); cursor:pointer; margin-bottom:4px; box-shadow:inset 0 0 0 1px transparent; }
.tq .acc:hover{ background:#151619; }
.tq .acc.on{ box-shadow:inset 0 0 0 1.5px var(--tq-accent); }
.tq .acc .rd{ width:15px; height:15px; border-radius:50%; border:1.5px solid #4A4B51; }
.tq .acc.on .rd{ border:4.5px solid var(--tq-accent); }
.tq .acc .an{ font-size:12.5px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tq .acc .am{ font-size:11px; color:var(--tq-mute); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tq .acc .ab{ text-align:right; font-size:12px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.tq .acc .ab small{ display:block; color:var(--tq-mute); font-size:10.5px; }
.tq .acc-list{ max-height:280px; overflow-y:auto; }
.tq .presets{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.tq .pre{ border:0; height:32px; padding:0 12px; border-radius:10px; background:var(--tq-ctl); color:var(--tq-fg2); font-size:12.5px; font-weight:500; cursor:pointer; white-space:nowrap; display:inline-flex; align-items:center; }
.tq .pre:hover{ background:var(--tq-ctl-h); }
.tq .pre.on{ background:var(--tq-accent-soft); color:var(--tq-accent); box-shadow:inset 0 0 0 1px rgba(255,107,61,.4); }
.tq .pre small{ color:var(--tq-mute); font-weight:400; margin-left:4px; }
.tq .pre.on small{ color:inherit; opacity:.8; }
.tq .pre input[type=date]{ background:transparent; border:0; color:inherit; font:inherit; color-scheme:dark; width:118px; outline:0; }
.tq .who{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.tq .why{ background:var(--tq-page); border-radius:11px; padding:9px 11px; margin-top:8px; font-size:11.5px; color:var(--tq-mute); line-height:1.5; }
.tq .why b{ color:var(--tq-fg2); font-weight:500; }
.tq .drop{ border:1.5px dashed #3A3B41; border-radius:12px; padding:14px; display:flex; align-items:center; gap:12px; color:var(--tq-mute); font-size:12.5px; cursor:pointer; flex-wrap:wrap; }
.tq .drop:hover,.tq .drop.over{ border-color:#55565C; color:var(--tq-fg2); }
.tq .drop .di{ width:34px; height:34px; border-radius:10px; background:var(--tq-ctl); display:grid; place-items:center; flex:0 0 auto; }
.tq .files{ display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; }
.tq .tgck{ display:flex; align-items:center; gap:10px; background:var(--tq-card); border-radius:12px; padding:10px 12px; cursor:pointer; }
.tq .tgck .bx{ width:18px; height:18px; border-radius:6px; border:1.5px solid #4A4B51; display:grid; place-items:center; flex:0 0 auto; font-size:11px; }
.tq .tgck.on .bx{ background:#2AABEE; border-color:#2AABEE; color:#fff; }
.tq .tgck .tx{ font-size:12.5px; line-height:1.4; min-width:0; }
.tq .tgck .tx small{ display:block; color:var(--tq-mute); font-size:11.5px; }
.tq .row2{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; margin-bottom:14px; }
.tq .nf-foot{ flex:0 0 auto; display:flex; align-items:center; gap:10px; padding:12px 18px; border-top:1px solid var(--tq-line); flex-wrap:wrap; }
.tq .nf-foot .miss{ flex:1; min-width:0; font-size:12px; color:var(--tq-mute); }
.tq .nf-foot .miss b{ color:var(--tq-warn-t); font-weight:500; }
.tq .nf-foot .miss.ok{ color:var(--tq-ok-t); }
.tq .pv-card{ background:var(--tq-card); border-radius:16px; padding:12px; }
.tq .pv-card .h{ color:var(--tq-mute); font-size:11.5px; font-weight:500; margin-bottom:8px; display:flex; justify-content:space-between; gap:8px; }
.tq .pv-row1{ display:grid; grid-template-columns:24px minmax(0,1fr); gap:10px; align-items:start; background:var(--tq-page); border-radius:14px; padding:10px; }
.tq .pv-row1 .ttl{ font-size:13.5px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tq .pv-row1 .meta{ display:flex; align-items:center; gap:8px; color:var(--tq-mute); font-size:11.5px; margin-top:5px; flex-wrap:wrap; }
.tq .tg-msg{ background:#1E2C3A; border-radius:14px 14px 14px 4px; padding:10px 12px; font-size:12.5px; line-height:1.5; color:#E6EEF6; }
.tq .tg-msg .bot{ color:#64B5EF; font-weight:600; font-size:12px; margin-bottom:2px; }
.tq .tg-msg .lnk{ color:#64B5EF; }
.tq .qual{ display:flex; flex-direction:column; gap:6px; }
.tq .qual div{ display:flex; gap:8px; align-items:flex-start; font-size:12px; line-height:1.4; color:var(--tq-fg2); }
.tq .qual i{ width:16px; height:16px; border-radius:50%; flex:0 0 auto; display:grid; place-items:center; font-style:normal; font-size:10px; font-weight:700; margin-top:1px; }
.tq .qual .y i{ background:rgba(var(--tq-ok),.16); color:var(--tq-ok-t); }
.tq .qual .n i{ background:rgba(var(--tq-warn),.16); color:var(--tq-warn-t); }
.tq .qual .n{ color:var(--tq-mute); }
@container (max-width:860px){
  .tq .nf-grid{ grid-template-columns:minmax(0,1fr); overflow-y:auto; }
  .tq .nf-body,.tq .nf-side{ overflow:visible; }
  .tq .nf-side{ border-left:0; border-top:1px solid var(--tq-line); }
  .tq .types{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tq .nf-steps .ln,.tq .nf-steps span:not(.cur){ display:none; }
  .tq .row2{ grid-template-columns:minmax(0,1fr); }
  .tq .nf-body{ padding:14px 14px 18px; }
  .tq .type .c{ display:none; }
  .tq .nf-foot .miss{ flex-basis:100%; }
  .tq .nf-foot .tq-btn.ghost{ margin-left:auto; }
}

/* ================= страница «Очередь» ================= */
/* прокрутка и отступы — на самой .main: хаб выравнивает крошки по первому
   широкому блоку внутри .main (chrome.js align), им должен быть .tq-wrap */
.main.tq-page{ background:var(--tq-page); min-height:0; height:100%; overflow-y:auto; padding:24px 30px 40px; }
.tq-page .tq-wrap{ max-width:1500px; margin:0 auto; container-type:inline-size; }
.tq .hdr{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:16px; flex-wrap:wrap; }
.tq .hdr h1{ margin:0; font-size:24px; font-weight:600; letter-spacing:-.01em; }
.tq .hdr .sub{ color:var(--tq-mute); font-size:12.5px; margin-top:5px; display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.tq .hdr .sub b{ font-weight:600; color:var(--tq-fg2); }
.tq .hdr .sub .over b{ color:var(--tq-bad-t); }
.tq .hdr .sub .sep{ color:var(--tq-mute2); }
.tq .hdr .right{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.tq .qa{ display:flex; align-items:center; gap:10px; background:var(--tq-card); border-radius:16px; padding:0 8px 0 14px; min-height:50px; margin-bottom:12px; flex-wrap:wrap; }
.tq .qa:focus-within{ box-shadow:inset 0 0 0 1px #3A3B41; }
.tq .qa .plus{ width:22px; height:22px; border-radius:50%; border:1.5px dashed #4A4B51; flex:0 0 auto; display:grid; place-items:center; color:var(--tq-mute); }
.tq .qa input{ flex:1 1 150px; min-width:0; background:transparent; border:0; outline:0; color:var(--tq-fg); font:inherit; font-size:13.5px; height:48px; }
.tq .qa input::placeholder{ color:var(--tq-mute2); }
.tq .qa .parsed{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.tq .qa .qhint{ color:var(--tq-mute2); font-size:11.5px; white-space:nowrap; display:flex; gap:6px; align-items:center; padding-right:6px; }
.tq .bar{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; flex-wrap:wrap; }
.tq .bar .l,.tq .bar .r{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.tq .pill{ display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 12px; background:var(--tq-ctl); border-radius:11px; color:var(--tq-fg2); font-size:12.5px; font-weight:500; white-space:nowrap; cursor:pointer; border:0; }
.tq .pill:hover{ background:var(--tq-ctl-h); }
.tq .pill.on{ background:var(--tq-accent-soft); color:var(--tq-accent); }
.tq .pill .x{ opacity:.7; margin-left:2px; }
.tq .search{ display:flex; align-items:center; gap:8px; height:34px; background:var(--tq-ctl); border-radius:11px; padding:0 10px 0 12px; color:var(--tq-mute); width:240px; }
.tq .search input{ flex:1; min-width:0; background:transparent; border:0; outline:0; color:var(--tq-fg); font:inherit; font-size:12.5px; }
.tq .search input::placeholder{ color:var(--tq-mute); }
.tq .body{ display:grid; grid-template-columns:minmax(0,1fr) 336px; gap:12px; align-items:start; }
.tq .body.norail{ grid-template-columns:minmax(0,1fr); }
@container (max-width:1080px){ .tq .body{ grid-template-columns:minmax(0,1fr); } }
.tq .queue{ display:flex; flex-direction:column; gap:10px; container-type:inline-size; min-width:0; }
.tq .bucket{ background:var(--tq-card); border-radius:18px; padding:12px 10px 10px; }
.tq .bk-h{ display:flex; align-items:center; gap:8px; padding:0 6px 10px; min-width:0; }
.tq .bk-h .t{ font-weight:600; font-size:13px; white-space:nowrap; }
.tq .bk-h .c{ color:var(--tq-mute); font-size:12px; font-variant-numeric:tabular-nums; }
.tq .bk-h .bwhy{ color:var(--tq-mute2); font-size:11.5px; margin-left:auto; text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.tq .bk-h .ico{ width:18px; height:18px; border-radius:6px; display:grid; place-items:center; flex:0 0 auto; }
.tq .bucket.inbox .bk-h .ico{ background:rgba(var(--tq-info),.14); color:var(--tq-info-t); }
.tq .bucket.over .bk-h .ico{ background:rgba(var(--tq-bad),.14); color:var(--tq-bad-t); }
.tq .bucket.today .bk-h .ico{ background:var(--tq-accent-soft); color:var(--tq-accent); }
.tq .bucket.week .bk-h .ico,.tq .bucket.later .bk-h .ico,.tq .bucket.done .bk-h .ico{ background:var(--tq-ctl); color:var(--tq-mute); }
.tq .rows{ display:flex; flex-direction:column; gap:6px; }
.tq .row{ position:relative; display:grid; grid-template-columns:24px minmax(0,1fr) 150px 104px 118px 26px; gap:12px; align-items:center; background:var(--tq-page); border-radius:14px; padding:10px 10px 10px 12px; cursor:pointer; min-height:58px; }
.tq .row:hover{ background:#111113; }
.tq .row.focus{ box-shadow:inset 0 0 0 1px #3A3B41; background:#111113; }
.tq .row.isdone .ttl{ color:var(--tq-mute); text-decoration:line-through; text-decoration-color:var(--tq-mute2); }
.tq .row .rmain{ min-width:0; display:flex; flex-direction:column; gap:5px; }
.tq .ttl{ font-size:13.5px; font-weight:500; color:var(--tq-fg); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tq .meta{ display:flex; align-items:center; gap:8px; color:var(--tq-mute); font-size:11.5px; font-weight:500; min-width:0; white-space:nowrap; overflow:hidden; }
.tq .meta .dot{ width:3px; height:3px; border-radius:50%; background:var(--tq-mute2); flex:0 0 auto; }
.tq .meta .from b{ color:var(--tq-fg2); font-weight:500; }
.tq .age.stale{ color:var(--tq-warn-t); }
.tq .last{ display:flex; gap:6px; align-items:center; font-size:11.5px; color:var(--tq-fg2); min-width:0; white-space:nowrap; overflow:hidden; }
.tq .last b{ font-weight:500; color:var(--tq-fg); }
.tq .last .tx{ overflow:hidden; text-overflow:ellipsis; min-width:0; }
.tq .last .mtm{ flex:0 0 auto; }
.tq .cmc{ display:inline-flex; align-items:center; gap:4px; }
.tq .prog{ display:flex; align-items:center; gap:8px; min-width:0; }
.tq .prog svg{ flex:0 0 auto; }
.tq .prog .pt{ display:flex; flex-direction:column; line-height:1.25; min-width:0; }
.tq .prog .pt b{ font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; }
.tq .prog .pt span{ font-size:11px; color:var(--tq-mute); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tq .prog.none{ color:var(--tq-mute2); font-size:11.5px; }
.tq .ppl{ display:flex; align-items:center; gap:6px; min-width:0; }
.tq .ppl .arr{ color:var(--tq-mute2); flex:0 0 auto; }
.tq .ppl .au{ opacity:.75; }
.tq .c-due{ justify-self:start; }
.tq .inbox-acts{ display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; }
.tq .row.triage,.tq .row.notif{ grid-template-columns:24px minmax(0,1fr) auto 26px; }
.tq .hk{ display:none; position:absolute; right:46px; top:-9px; gap:4px; }
.tq .row.focus .hk{ display:flex; }
@container (max-width:760px){
  .tq .row{ grid-template-columns:22px minmax(0,1fr) auto; gap:10px; row-gap:6px; padding:10px; }
  .tq .row .c-prog{ grid-column:2 / 4; grid-row:2; }
  .tq .row .c-prog.none{ display:none; }
  .tq .row .c-ppl{ display:none; }
  .tq .row .c-due{ grid-column:3; grid-row:1; justify-self:end; }
  .tq .row .tq-kb{ display:none; }
  .tq .row.triage,.tq .row.notif{ grid-template-columns:22px minmax(0,1fr); }
  .tq .row.triage .inbox-acts,.tq .row.notif .inbox-acts{ grid-column:2; justify-content:flex-start; }
  .tq .meta .from-full{ display:none; }
  .tq .bk-h .bwhy{ display:none; }
  .tq .hk{ display:none!important; }
}
@container (max-width:560px){
  .tq .qa .qhint,.tq .keys{ display:none; }
  .tq .bar .l{ flex-wrap:nowrap; overflow-x:auto; max-width:100%; scrollbar-width:none; }
  .tq .bar .l::-webkit-scrollbar{ display:none; }
  .tq .bar .r,.tq .search{ width:100%; }
  .tq .rc.wk{ display:none; }
  .tq .hdr .right .tq-btn.cta kbd{ display:none; }
  .tq .tq-empty.fx{ flex-direction:column; align-items:flex-start; }
}
.tq .rail{ display:flex; flex-direction:column; gap:10px; min-width:0; }
.tq .rc{ background:var(--tq-card); border-radius:18px; padding:14px 14px 12px; min-width:0; }
.tq .rc-h{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:10px; gap:8px; }
.tq .rc-h .t{ font-weight:600; }
.tq .rc-h .s{ color:var(--tq-mute); font-size:11.5px; white-space:nowrap; }
.tq .load,.tq .stl{ display:flex; flex-direction:column; gap:6px; }
.tq .lr{ display:grid; grid-template-columns:22px minmax(0,1fr) auto; gap:10px; align-items:center; background:var(--tq-page); border-radius:12px; padding:8px 10px; cursor:pointer; }
.tq .lr:hover,.tq .sr:hover{ background:#111113; }
.tq .lr .n{ font-size:12.5px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tq .lr .bars{ display:flex; gap:2px; margin-top:5px; height:5px; flex-wrap:wrap; overflow:hidden; }
.tq .lr .bars i{ flex:0 0 14px; border-radius:2px; background:#3A3B41; }
.tq .lr .bars i.o{ background:rgba(var(--tq-bad),.75); }
.tq .lr .v{ font-size:12px; color:var(--tq-fg2); text-align:right; font-variant-numeric:tabular-nums; line-height:1.3; }
.tq .lr .v small{ display:block; color:var(--tq-bad-t); font-size:11px; }
.tq .lr .v small.z{ color:var(--tq-mute2); }
.tq .sr{ background:var(--tq-page); border-radius:12px; padding:8px 10px; display:flex; justify-content:space-between; gap:10px; align-items:center; cursor:pointer; }
.tq .sr .n{ font-size:12.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.tq .sr .d{ font-size:11.5px; color:var(--tq-warn-t); white-space:nowrap; font-variant-numeric:tabular-nums; }
.tq .chart{ display:flex; align-items:flex-end; gap:8px; height:124px; padding-top:14px; }
.tq .chart .col{ flex:1; display:flex; flex-direction:column; align-items:center; gap:6px; height:100%; justify-content:flex-end; position:relative; }
.tq .chart .cbar{ width:100%; max-width:30px; border-radius:4px 4px 0 0; background:#4A4B51; min-height:2px; }
.tq .chart .col.cur .cbar{ background:var(--tq-fg2); }
.tq .chart .col .v{ font-size:11px; color:var(--tq-fg2); font-variant-numeric:tabular-nums; }
.tq .chart .col .x{ font-size:10.5px; color:var(--tq-mute); white-space:nowrap; }
.tq .rc .foot{ color:var(--tq-mute); font-size:11.5px; margin-top:10px; line-height:1.45; }
.tq .keys{ display:flex; gap:14px; flex-wrap:wrap; color:var(--tq-mute); font-size:11.5px; padding:10px 6px 0; }
.tq .keys span{ display:inline-flex; gap:5px; align-items:center; }
.tq .board{ align-items:start; display:grid; grid-template-columns:repeat(4,minmax(220px,1fr)); gap:10px; overflow-x:auto; padding-bottom:4px; }
.tq .bcol{ background:var(--tq-card); border-radius:18px; padding:12px 10px 10px; min-width:0; }
.tq .bcol .bk-h{ padding:0 4px 10px; }
.tq .bcard{ background:var(--tq-page); border-radius:14px; padding:11px 12px; display:flex; flex-direction:column; gap:8px; cursor:pointer; margin-bottom:6px; }
.tq .bcard:hover{ background:#111113; }
.tq .bcard .ttl{ white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.35; }
.tq .bcard .bf{ display:flex; justify-content:space-between; align-items:center; gap:8px; }
.tq .loading{ color:var(--tq-mute); padding:20px 4px; }
@media (max-width:720px){ .main.tq-page{ padding:16px 14px 40px; } }

/* «Готово» с отчётом (2026-10-28): одна колонка, без правой панели */
.tq-dn{ width:min(760px,calc(100vw - 40px)); }
.tq-dn .nf-grid{ grid-template-columns:minmax(0,1fr); }
.tq-dn .ms-list{ max-height:180px; }
.tq-dn textarea.inp{ min-height:96px; }
@media (max-width:720px){ .tq-dn{ width:100vw; } }