/* Focus panel, detail resume strip, blockers, activity, pickers and Settings views. */
/* focus panel */
.fq-h{display:flex;align-items:center;gap:8px;padding:12px 14px 4px;font-size:11px;font-weight:600;letter-spacing:var(--caps);text-transform:uppercase;color:var(--muted)}
.fq-h .cnt{color:var(--faint);letter-spacing:0;font-weight:500}
.fqrow{height:auto;min-height:40px;padding-top:5px;padding-bottom:5px;align-items:flex-start}
.fqrow .chk{margin-top:0}
.fqrow .stack{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.fqrow .stack .lbl{flex:none}
.fqrow .sub{font-size:11px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row.sel .sub{color:var(--muted)}
.fqrow .meta,.fqrow .ract{margin-top:2px}
/* detail: blockers, activity */
.staterow{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.props .pbtn .st{color:var(--text)}
.blk{display:flex;flex-direction:column;gap:2px;min-width:0}
.chips2{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:30px;min-width:0}
.bchip{display:inline-flex;align-items:center;max-width:100%;height:24px;border:1px solid var(--line);border-radius:999px;background:var(--side);overflow:hidden}
.bchip .bl{padding:0 4px 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.bchip .bl:last-child{padding-right:10px}
button.bl:hover{text-decoration:underline}
.bchip.done .bl{color:var(--faint);text-decoration:line-through}
.bchip.note{border-style:dashed}
.bchip .bx{width:22px;height:22px;display:grid;place-items:center;color:var(--faint);flex:none}
.bchip .bx:hover{color:var(--danger)}
.props .pbtn.add{margin-left:0;height:24px;padding:0 8px;border:1px dashed var(--line);color:var(--muted)}
.props .pbtn.add:hover{border-color:var(--faint);color:var(--text)}
.hintline{margin:2px 0 4px;font-size:12px;color:var(--warn)}
.hintline.ok{color:var(--ok)}
.lnk{color:var(--accent);text-decoration:underline;padding:0;font:inherit}
.lnk:hover{filter:brightness(1.15)}
.hintchip{color:var(--faint);font-weight:500;letter-spacing:0;text-transform:none;font-size:11px}
.act{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.ae time{color:var(--faint);font-size:11px;white-space:nowrap}
.ae.ev{display:flex;align-items:baseline;gap:10px;padding:3px 0;color:var(--muted);font-size:12px}
.ae.ev .d{width:7px;height:7px;border-radius:50%;background:var(--line);flex:none;align-self:center;margin:0 5px}
.ae.ev.ag .d{background:var(--med)}
.ae.ev.sys .tx{font-style:italic}
.ae.ev .tx{flex:1;min-width:0}
.ae.ev.ag b{color:var(--med);font-weight:600}
.ab{margin:6px 0;border:1px solid var(--line-soft);border-radius:var(--r3);background:var(--side);padding:8px 12px}
.ab .ah{display:flex;align-items:center;gap:8px;margin-bottom:2px;font-size:12px}
.ab .ah time{margin-left:auto}
.ab.agent{border-left:3px solid var(--med)} .ab.agent .ah b{color:var(--med)}
.ab.agent.q{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--side))}
.ab.you{margin-left:28px}
.ab .ax{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.ment{color:var(--accent);background:var(--accent-soft);border-radius:var(--r1);padding:0 3px}
.act .more{padding:2px 0 6px}
.acomp{margin-top:10px}
.acomp textarea.pin{margin:0;width:100%;border-color:var(--line);background:var(--side);min-height:56px;padding:8px 10px}
.acomp textarea.pin:focus{border-color:var(--accent)}
.acbar{display:flex;align-items:center;gap:12px;margin-top:6px}
.acbar .hint{flex:1;min-width:0}
/* picker menu + settings views */
.menu:has(.mq){width:300px}
.mq{margin:2px 5px 6px;width:calc(100% - 10px);background:var(--stage);border:1px solid var(--line);border-radius:var(--r2);padding:4px 8px;min-height:30px;outline:0;color:var(--text)}
.mq:focus{border-color:var(--accent)}
.mlist{display:flex;flex-direction:column;max-height:280px;overflow:auto}
.mlist .mi .ml{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mnone{padding:8px 10px;color:var(--faint);font-size:12px}
.vlist{display:flex;flex-direction:column;gap:2px}
.vrow{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--r2);cursor:pointer}
.vrow:hover{background:var(--hover)}
.vrow input{accent-color:var(--accent);width:16px;height:16px;flex:none}
.vic{color:var(--muted);display:grid;flex:none}
.vt{display:flex;flex-direction:column;min-width:0}
.vt b{font-weight:600}
.vt span{color:var(--faint);font-size:12px}

/* Assistant panel (F3) and the provider form */
.cs{border:1px solid var(--line);border-radius:var(--r2);padding:8px 10px;margin:6px 0;background:var(--raised)}
.ops{margin:4px 0 8px;padding-left:18px}
.ops li{margin:2px 0}
.ops label{display:flex;align-items:center;gap:6px}
.csbar{display:flex;gap:8px;flex-wrap:wrap}
.pform{display:grid;grid-template-columns:120px 1fr;gap:6px 10px;align-items:center;margin:6px 0}
.pform label{color:var(--muted);font-size:13px}