/* Банк идей (срез 1 «Идей и правок»). Вид — по решению владельца 27.09:
   действие коралловое из токенов (своего акцента у экрана нет), вкладки
   подписями, запись в окне по «+», статус значком, воронки в шапках,
   столбцы с фиксированной шириной — таблица не прыгает. */

/* вкладки подписями — как на экранах «Встреч» */
.page-tabs{display:flex;align-items:center;gap:12px;margin:0 0 18px;flex-wrap:wrap}
.page-tabs .seg button{padding:7px 14px}

/* «+» есть только во вкладке «В банке»: .btn перебивает display у [hidden] */
#new[hidden]{display:none}

/* таблица: набор столбцов и ширины задаёт экран (<colgroup> в ideas.js) */
.ideas-tbl{table-layout:fixed}
.ideas-tbl td{vertical-align:top;overflow-wrap:anywhere}
.ideas-tbl col.c-st{width:48px}
.ideas-tbl col.c-from{width:170px}
.ideas-tbl col.c-at{width:150px}
.ideas-tbl col.c-a{width:104px}
.ideas-tbl td.where-c{color:var(--fg-soft)}
.ideas-tbl td.num{white-space:nowrap}
.ideas-tbl .row-actions{display:flex;gap:6px;justify-content:flex-end}
.idea-t{font-size:13.5px;font-weight:500;color:var(--fg)}
.idea-d{font-size:var(--fs-sm);color:var(--fg-soft);margin-top:2px;white-space:pre-line}
.row-err{border-left:2px solid var(--err);background:var(--err-bg);color:var(--err);font-size:var(--fs-xs);padding:5px 10px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-top:6px}
.res-path{font-family:var(--font-mono);font-size:var(--fs-xs)}
.lnk{color:var(--accent);text-decoration:none;cursor:pointer}.lnk:hover{text-decoration:underline}

/* статус значком: кружок .status-pill.glyph, контурный значок 12px */
.status-pill.glyph.line svg{fill:none;stroke:currentColor;width:12px;height:12px}
.status-pill.glyph.line.ok svg{transform:none}

/* воронки в шапках столбцов и их попап (общий filter.js) — как в журнале встреч */
.th-wrap{display:inline-flex;align-items:center;gap:4px}
.tbl th.th-status .th-wrap{justify-content:center}
.th-filter{border:none;background:transparent;padding:2px;display:inline-flex;color:var(--fg-faint);cursor:pointer;border-radius:4px}
.th-filter:hover{color:var(--fg);background:var(--paper-mute)}
.th-filter.on{color:var(--info)}
#fpop{position:fixed;z-index:45;width:280px;top:0;left:0}
#fpop .field{margin:2px 6px 6px;padding:5px 9px;min-width:0;display:flex}
#fpop .field input{font-size:var(--fs-sm)}

/* тултип кнопок строки — к правому краю: по центру он вылезал за .tbl-wrap и давал ей свою прокрутку */
.ideas-tbl .row-actions [data-tip]::after{left:auto;right:0;transform:translateY(3px)}
.ideas-tbl .row-actions [data-tip]:hover::after,.ideas-tbl .row-actions [data-tip]:focus-visible::after{transform:translateY(0)}
/* тултип глифа статуса — от левого края: в первом столбце по центру его срезала .tbl-wrap */
.ideas-tbl .status-pill.glyph[data-tip]::after{left:0;transform:translateY(3px)}
.ideas-tbl .status-pill.glyph[data-tip]:hover::after{transform:translateY(0)}

/* окна: запись идеи, архив, в правку */
.confirm-modal.wide{max-width:500px}
.confirm-actions .btn.ico{width:34px;height:34px}
.flabel{display:block;font-size:var(--fs-label);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--fg-label);margin:14px 0 6px}
.wide-field{display:flex;width:100%}
.field.ta textarea{flex:1;border:0;outline:0;background:transparent;font:inherit;color:var(--fg);resize:vertical;padding:8px 0;min-height:64px}
#cfname{overflow-wrap:anywhere}.confirm-lines .kv>*{min-width:0}
.confirm-lines .kv .v{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-soft);text-align:right;max-width:70%;word-break:break-all}
.note-err{border-left:2px solid var(--err);background:var(--err-bg);color:var(--err);font-size:var(--fs-sm);padding:8px 12px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-top:12px}

/* правки к ОС (срез 10) */
.ideas-tbl col.c-w{width:150px}
.ideas-tbl col.c-res{width:280px}
.ideas-tbl .res-line{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.edits-foot{font-size:var(--fs-sm);color:var(--fg-soft);margin-top:10px;max-width:70ch}

/* разбор на VPS (срез 4): кнопка «Разобрать» и строка прогона над таблицей */
#run[hidden]{display:none}
.block-head #run{margin-right:6px}
#run[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.run-strip{font-size:var(--fs-sm);color:var(--fg-soft);background:var(--paper-card);border:1px solid var(--border-row);border-radius:var(--radius);padding:8px 12px;margin:0 0 10px;overflow-wrap:anywhere}
.run-strip[hidden]{display:none}
.run-strip.err{border-left:2px solid var(--err);background:var(--err-bg);color:var(--err)}

/* телефон: второстепенные столбцы уходят, узкие — уже; таблица не шире экрана */
@media (max-width:720px){
  .ideas-tbl col.c-from,.ideas-tbl .c-from,.ideas-tbl col.c-res,.ideas-tbl .c-res{display:none}
  .ideas-tbl thead th,.ideas-tbl tbody td{padding-left:8px;padding-right:8px}
  .ideas-tbl col.c-st{width:40px}
  .ideas-tbl col.c-at{width:84px}
  .ideas-tbl col.c-w{width:84px}
  .ideas-tbl col.c-a{width:80px}
  .confirm-modal.wide{max-width:none}
}

/* строка банка и архива открывается кликом — окно правки текста идеи */
.ideas-tbl tr.ed-row{cursor:pointer}
.ideas-tbl tr.ed-row:hover td{background:var(--paper-mute)}
.ideas-tbl tr.ed-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}