/* «Деньги → Фин вопросы» (30.10.2026, erp/ui/finq.js): список вопросов колонкой по центру, как «Задачи» и «Отзывы» */
.fq{max-width:var(--td-w,1000px);margin:0 auto;padding:0 2px}
.fq-tabs{display:flex;gap:6px;margin:0 0 12px;flex-wrap:wrap}
/* чипы людей (01.11.2026): «Все / Мне / Света / Рамиля…», число — открытые */
.fq-ppl{display:flex;gap:6px;margin:0 0 8px;flex-wrap:wrap}
.fq-ppl .chip{font-size:13px;padding:7px 13px;cursor:pointer}
.fq-ppl .chip b{margin-left:3px;font-weight:700}
.fq-meta{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin-top:-4px}
.fq-who{font-weight:600;color:var(--text)}.fq-who.me{color:var(--muted);font-weight:500}
.fq-to{display:inline-flex;align-items:center;gap:6px;margin-left:auto}
.fq-tosel{font-size:13px;padding:4px 8px;min-height:30px}
.fq-tabs .chip{font-size:13px;padding:7px 13px;cursor:pointer}
.fq-q{padding:14px 16px;margin-bottom:10px;display:flex;flex-direction:column;gap:8px}
.fq-top{display:flex;align-items:baseline;gap:10px}
.fq-t{flex:1;font-weight:700;font-size:15px;line-height:1.35}
.fq-at{white-space:nowrap}
.fq-b{white-space:pre-wrap;line-height:1.5;font-size:14px;color:var(--muted);max-width:90ch}
.fq-ans{padding:8px 11px;border-radius:10px;background:var(--soft);display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
.fq-res{font-size:13px}.fq-res.ok{color:var(--ink-ok)}.fq-res.bad{color:var(--ink-bad);font-weight:600}
.fq-form{display:flex;flex-direction:column;gap:8px;margin-top:2px}
.fq-opts{display:flex;flex-wrap:wrap;gap:6px}
.fq-opt{font-size:13px;padding:7px 12px;white-space:normal;text-align:left;cursor:pointer}
.fq-more{display:flex;flex-direction:column;gap:6px}
.fq-dd{position:relative;width:100%;max-width:420px}
.fq-find{width:100%;padding-right:30px;cursor:pointer}
.fq-caret{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--muted);cursor:pointer;transition:transform .15s}
.fq-find[aria-expanded=true]+.fq-caret{transform:translateY(-50%) rotate(180deg)}
.fq-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;max-height:360px;overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px var(--sh);padding:4px}
.fq-it{display:block;width:100%;text-align:left;font:inherit;font-size:14px;padding:8px 11px;border:0;border-radius:7px;background:none;color:var(--text);cursor:pointer}
.fq-it:hover{background:var(--soft)}
.fq-it.on{background:var(--accent-soft);color:var(--accent-h);font-weight:600}
.fq-gh~.fq-it{padding-left:22px}
.fq-none{padding:8px 11px}
.fq-gh{position:sticky;top:-4px;z-index:1;margin:6px 0 2px;padding:9px 11px 6px;font-size:13px;font-weight:700;color:var(--text);background:var(--card);border-bottom:1px solid var(--line)}
.fq-gh:first-child{margin-top:0}
.fq-own{display:flex;gap:8px;align-items:flex-end}
.fq-txt{flex:1;min-height:36px;resize:none}
.fq-empty{padding:18px 16px}
.fq-dropped,.fq-done{opacity:.92}
@media (max-width:700px){
  .fq-top{flex-direction:column;gap:2px}
  .fq-to{margin-left:0}
  .fq-dd{max-width:none}
  .fq-own{flex-direction:column;align-items:stretch}.fq-own .btn{width:100%}
  .fq-opt{flex:1 1 auto}
}