/* ─── ai.css — the AI panel of the left rail (js/ai/panel.js) */
.ai-body{display:flex;flex-direction:column;gap:8px;min-height:0;height:100%}
.ai-set{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--line2)}
.ai-field{display:flex;flex-direction:column;gap:3px;font-size:12px}
.ai-field>span{opacity:.75}
.ai-field input:not([type=checkbox]),.ai-field select{width:100%;min-width:0;box-sizing:border-box}
.ai-field input[type=checkbox]{align-self:flex-start}
.ai-field small{font-size:11px;line-height:1.35}
.ai-log{flex:1 1 auto;min-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:2px}
.ai-empty{font-size:12px;line-height:1.45}
.ai-msg{font-size:12.5px;line-height:1.45;white-space:pre-wrap;word-break:break-word;padding:7px 9px;border-radius:9px;max-width:100%}
.ai-user{align-self:flex-end;background:var(--accent-soft);color:var(--ink)}
.ai-assistant{align-self:flex-start;background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}
.ai-tool-img{padding:0;background:none}
.ai-img{display:block;max-width:100%;border-radius:6px;cursor:zoom-in}
.ai-tool{font-size:11.5px;border:1px solid var(--line2);border-radius:7px;padding:3px 7px;color:var(--ink)}
.ai-tool summary{cursor:pointer;opacity:.8;font-family:var(--mono)}
.ai-tool summary.ai-bad{color:#d9534f;opacity:1}
.ai-pre{margin:4px 0;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-all;font:11px/1.35 var(--mono);opacity:.85}
.ai-res{border-top:1px dashed var(--line2);padding-top:4px}
.ai-foot{display:flex;flex-direction:column;gap:6px;flex:none}
.ai-status{font:11px var(--mono);opacity:.7}
.ai-attach{display:flex;flex-wrap:wrap;gap:4px}
.ai-chip{font-size:11px;padding:2px 7px;border-radius:999px;background:var(--accent-soft);cursor:pointer}
.ai-input{width:100%;box-sizing:border-box;resize:vertical;font:13px/1.4 inherit;padding:7px 8px;border-radius:8px;border:1px solid var(--line2);background:var(--panel);color:var(--ink)}
.ai-row{display:flex;flex-wrap:wrap;gap:5px}
.ai-btn{font-size:12px;padding:5px 9px;border-radius:7px;border:1px solid var(--line2);background:none;color:var(--ink);cursor:pointer}
.ai-btn:hover{border-color:var(--accent)}
.ai-send{margin-left:auto;background:var(--accent);border-color:var(--accent);color:#1b1408}
.ai-stop{margin-left:auto;border-color:#d9534f;color:#d9534f}
.ai-secret{margin:0;font-size:11.5px;line-height:1.45;padding:7px 9px;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft);color:var(--ink)}
.ai-note{font-size:11px;opacity:.7;text-align:center;padding:2px 0;border-top:1px dashed var(--line2);border-bottom:1px dashed var(--line2)}
.ai-playbook{width:100%;font-size:12px}
.ai-status.ai-full{color:#d9534f;opacity:1}
.ai-notes summary{color:var(--accent)}
.ai-adv{border:1px solid var(--line2);border-radius:8px;padding:4px 8px;display:flex;flex-direction:column;gap:6px}
.ai-adv>summary{cursor:pointer;font-size:12px;opacity:.8}
.ai-adv[open]{padding-bottom:8px}
.ai-adv[open]>summary{margin-bottom:4px}
.ai-approach{font-size:12px;max-width:110px}
.ai-help{font-size:12px;line-height:1.5;padding:8px 10px;border:1px solid var(--line2);border-radius:9px;background:color-mix(in srgb,var(--ink) 4%,transparent);color:var(--ink);max-height:55vh;overflow:auto}
.ai-help h4{margin:6px 0 4px;font-size:12.5px;color:var(--accent)}
.ai-help p,.ai-help ol,.ai-help ul{margin:0 0 6px}
.ai-help ol,.ai-help ul{padding-left:18px}
.ai-help li{margin:2px 0}
.ai-helpbtn{font:600 13px/1 inherit}
.assist-out{display:flex;flex-direction:column;gap:6px;margin-top:6px}
#panel-assist select{width:100%;font-size:12px}
.ai-plan summary{color:var(--accent);font-weight:600}
.ai-plan .ai-pre{max-height:260px;white-space:pre;overflow:auto}
.ai-live{font-size:12px;line-height:1.45;padding:7px 9px;border-radius:9px;border:1px dashed var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--ink);white-space:pre-wrap;word-break:break-word;display:flex;flex-direction:column;gap:5px}
.ai-live-think{opacity:.7;font-style:italic;max-height:160px;overflow:hidden}
.ai-live-tool{font:11.5px var(--mono);color:var(--accent)}
.ai-demo-btn{display:block;width:100%;margin:8px 0;min-height:36px;border-color:var(--accent)!important;color:var(--accent)!important}
.ai-alpha{margin:8px 0;padding:10px 12px;border-radius:10px;border:1px solid rgba(214,164,97,.45);background:rgba(214,164,97,.08);font-size:12.5px;line-height:1.45;color:var(--ink2,#c9d1da)}
.ai-alpha b{color:var(--accent,#D6A461);text-transform:uppercase;letter-spacing:.05em;font-size:11px}
.ai-alpha .ai-demo-btn{margin:8px 0 0}