.ai-chat-account-search { display:flex; align-items:end; flex-wrap:wrap; gap:8px; margin-block:16px; }
.ai-chat-account-search .field { flex:1; min-width:200px; margin:0; }
.ai-chat-account-search [data-error] { flex-basis:100%; }
.ai-chat-account-list { display:grid; gap:10px; }
.ai-chat-account { border:1px solid var(--line); border-radius:14px; overflow:hidden; background:var(--brand-card); }
.ai-chat-account > summary { display:grid; grid-template-columns:minmax(190px,1.5fr) repeat(3,minmax(120px,1fr)) auto; align-items:center; gap:16px; padding:16px; list-style:none; cursor:pointer; }
.ai-chat-account > summary::-webkit-details-marker { display:none; }
.ai-chat-account > summary:hover { background:var(--brand-soft); }
.ai-chat-account > summary > svg { transition:transform .15s; }
.ai-chat-account[open] > summary > svg { transform:rotate(180deg); }
.ai-chat-account > summary small, .ai-chat-account-name bdi { display:block; color:var(--muted); font-size:11px; overflow-wrap:anywhere; }
.ai-chat-account-name { min-width:0; }
.ai-chat-account-name strong { overflow-wrap:anywhere; }
.ai-chat-account > summary > span { display:grid; gap:3px; }
.ai-chat-account > summary > span > bdi, .ai-chat-account > summary > span > strong { font-size:13px; }
.ai-chat-account-body { border-top:1px solid var(--line); padding:16px; }
.ai-chat-usage { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.ai-chat-usage > div { min-width:0; padding:12px; border:1px solid var(--line); border-radius:11px; background:var(--page); }
.ai-chat-usage small { display:block; color:var(--muted); font-size:11px; overflow-wrap:anywhere; }
.ai-chat-usage strong { display:block; margin-block:3px; font-size:22px; overflow-wrap:anywhere; }
.ai-chat-period { margin-bottom:12px; }
.ai-chat-controls { margin-block:12px; padding:12px; border:1px solid var(--line); border-radius:11px; }
.ai-chat-controls > summary { font-weight:600; cursor:pointer; }
.ai-chat-controls form { margin-top:12px; }
.ai-chat-controls .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ai-chat-message-filters { display:grid; grid-template-columns:minmax(150px,2fr) repeat(2,minmax(110px,1fr)); align-items:end; gap:8px; margin-block:16px; }
.ai-chat-message-filters .field { margin:0; }
.ai-chat-message-filters [data-error] { grid-column:1/-1; }
.ai-chat-transcript { display:grid; gap:12px; }
.ai-chat-message { min-width:0; border:1px solid var(--line); border-radius:12px; padding:14px; background:var(--page); }
.ai-chat-message header { display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:13px; }
.ai-chat-message header strong { overflow-wrap:anywhere; }
.ai-chat-message time { margin-inline-start:auto; font-size:11px; color:var(--muted); }
.ai-chat-message .ai-chat-message-meta { margin-block:7px 12px; font-size:11px; }
.ai-chat-bubble { max-width:92%; padding:12px; border:1px solid var(--line); border-radius:12px; margin-block:8px; background:var(--brand-card); }
.ai-chat-bubble--user { margin-inline-start:auto; background:var(--brand-soft); }
.ai-chat-bubble > strong { font-size:11px; color:var(--muted); }
.ai-chat-message .ai-chat-bubble > p { margin-top:3px; color:var(--ink); white-space:pre-wrap; font-size:13px; overflow-wrap:anywhere; }
.ai-chat-message > details { margin-block:10px; font-size:12px; }
.ai-chat-message > details > summary { cursor:pointer; }
.ai-chat-message li { overflow-wrap:anywhere; }
.ai-chat-message > .button { margin-top:12px; min-height:32px; font-size:11px; }
.ai-chat-message .ai-attempt-thumbs { margin-top:10px; }
.ai-chat-message .ai-attempt-thumbs a { overflow:hidden; border:1px solid var(--line); border-radius:7px; }
.ai-chat-legacy { padding:10px; border:1px dashed var(--line); border-radius:8px; }
@media(max-width:1000px) {
  .ai-chat-account > summary { grid-template-columns:minmax(170px,1.4fr) repeat(2,minmax(110px,1fr)) auto; }
  .ai-chat-account > summary > span:nth-last-of-type(1) { display:none; }
}
@media(max-width:650px) {
  .ai-chat-account > summary { grid-template-columns:minmax(0,1fr) minmax(90px,.7fr) auto; gap:10px; padding:12px; }
  .ai-chat-account > summary > span { grid-row:2; }
  .ai-chat-account > summary > svg { grid-column:3; grid-row:1/3; }
  .ai-chat-account-name { grid-column:1/3; }
  .ai-chat-account-body { padding:10px; }
  .ai-chat-usage { grid-template-columns:minmax(0,1fr); }
  .ai-chat-usage strong { font-size:20px; }
  .ai-chat-message-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ai-chat-message-filters .field:first-child { grid-column:1/-1; }
  .ai-chat-controls .form-grid { grid-template-columns:minmax(0,1fr); }
  .ai-chat-message { padding:10px; }
  .ai-chat-bubble { max-width:100%; }
}