/* LayoAI 5.1: scoped to the AI panel. Other forms keep their existing layout. */
.modal:has(> .ai-panel){
  width:min(720px,100%);min-width:0;max-height:calc(var(--layo-chat-vh,100dvh) - 28px);
  padding:0;border:0;background:transparent;box-shadow:none;
}
.modal-backdrop:has(.ai-panel){
  top:var(--layo-chat-top,0px);bottom:auto;height:var(--layo-chat-vh,100dvh);padding:14px;
}
.standard-panel.ai-panel{
  width:100%;height:min(650px,calc(var(--layo-chat-vh,100dvh) - 28px));
  max-height:calc(var(--layo-chat-vh,100dvh) - 28px);min-width:0;overflow:hidden;
  display:flex;flex-direction:column;padding:clamp(14px,3vw,22px);
}
.ai-panel .panel-head{flex:none;margin-bottom:8px;min-width:0}
.ai-panel .panel-head>div{min-width:0}
.ai-panel .panel-head h3{overflow-wrap:anywhere}
.ai-panel .panel-close{flex:none}
.ai-panel .eyebrow{margin-bottom:8px}
.ai-panel .ai-intro{flex:none;margin:0;font-size:14px;line-height:1.5}
.ai-panel .ai-chat{
  flex:1 1 0;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;
  overscroll-behavior:contain;margin-top:14px;padding:2px 3px 10px;
  scrollbar-width:thin;scrollbar-color:var(--line-dark) transparent;
}
.ai-panel .ai-bubble{
  flex:none;max-width:92%;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;
  word-break:normal;text-align:start;line-height:1.6;
}
.ai-panel .ai-bubble.assistant{align-self:flex-start}
.ai-panel .ai-bubble.user{align-self:flex-end}
.ai-panel .suggestion-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px;white-space:normal;min-width:0}
.ai-panel .suggestion-chip{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:start;line-height:1.4}
.ai-panel .ai-composer{flex:none;display:flex;align-items:flex-end;gap:8px;margin-top:10px;min-width:0}
.ai-panel .ai-composer textarea{
  display:block;flex:1 1 0;width:100%;min-width:0;min-height:50px;
  max-height:min(174px,26dvh);height:50px;resize:none;overflow-x:hidden;overflow-y:hidden;
  border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;
  color:var(--ink);outline:none;line-height:1.5;font-size:16px;box-sizing:border-box;
  white-space:pre-wrap;overflow-wrap:anywhere;text-align:start;
}
.ai-panel .ai-composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(121,147,164,.12)}
.ai-panel .ai-composer .primary{flex:0 0 auto;min-height:50px;justify-content:center;padding:0 19px}
.ai-panel .ai-input-hint{flex:none;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.4}
.ai-panel .health-row{flex:none;align-items:flex-start;margin-top:7px;min-width:0;line-height:1.45}
.ai-panel .health-row span:last-child{overflow-wrap:anywhere}
.ai-panel .health-dot{flex:none;margin-top:4px}
.ai-panel .ai-bubble.error{border-style:dashed}
.ai-panel.ai-compact .ai-intro,.ai-panel.ai-compact .eyebrow,.ai-panel.ai-compact .ai-input-hint{display:none}
.ai-panel.ai-compact{padding:12px}
.ai-panel.ai-compact .panel-head{margin-bottom:2px}
.ai-panel.ai-compact .ai-chat{margin-top:5px;padding-bottom:3px}
.ai-panel.ai-compact .health-row{margin-top:3px;font-size:10px}
.ai-panel.ai-compact .ai-composer{margin-top:5px}
@media (max-width:480px){
  .ai-panel .ai-bubble{max-width:96%;padding:10px 12px}
  .ai-panel .ai-composer .primary{padding:0 14px}
}

.dynamic-status{font-size:12px;line-height:1.5;display:flex;gap:10px;align-items:center;margin-block-start:10px;color:var(--muted)}

.ai-panel .ai-selected{flex:none;max-height:100px;overflow-y:auto;margin-top:8px}.ai-panel .ai-selected:empty{display:none}