/* ext-ai.css — 「AI 回复」设置页局部样式（只作用于 #ai 视图内 DOM，复用 ext-core.css 基础类） */
#ai .ext-card>h3{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#ai .ext-ai-h3{margin:16px 0 8px;font-size:14px;font-weight:600}
#ai .ext-ai-form{gap:14px}
#ai .ext-ai-field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted);min-width:172px}
#ai .ext-ai-field>span{font-size:12px}
#ai .ext-ai-field>b{color:var(--text);font-weight:600}
#ai .ext-ai-field-wide{flex:1 1 260px;min-width:220px}
#ai .ext-ai-field .ext-select,#ai .ext-ai-field .ext-input{min-height:38px}
#ai .ext-ai-switch{display:inline-flex;gap:8px;align-items:center;font-size:13px;cursor:pointer;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2)}
#ai .ext-ai-switch input{width:15px;height:15px;accent-color:#7d5cff;cursor:pointer}
#ai .ext-ai-switch:has(input:checked){border-color:rgba(110,231,168,.5)}
#ai .ext-ai-readonly{margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.65}
#ai .ext-ai-role{min-height:132px;line-height:1.6}
#ai .ext-ai-rolebar{align-items:center;gap:12px}
#ai .ext-ai-counter{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;padding:3px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2)}
#ai .ext-ai-counter-max{color:#ffd479;border-color:rgba(255,212,121,.5)}
#ai .ext-ai-range{padding:0;min-height:38px;background:transparent;border:0;accent-color:#a855f7;cursor:pointer}
#ai .ext-ai-num{width:108px}
#ai .ext-ai-price-note{margin:0 0 12px;padding:12px 14px;border-radius:12px;line-height:1.7;font-size:13px;font-weight:600;color:#ffd479;background:rgba(255,212,121,.1);border:1px solid rgba(255,212,121,.5)}
#ai .ext-ai-scroll{overflow-x:auto;border-radius:10px;-webkit-overflow-scrolling:touch}
#ai .ext-ai-price td:first-child,#ai .ext-ai-calls td:first-child{white-space:nowrap}
#ai .ext-ai-calls td:nth-child(3){font-variant-numeric:tabular-nums}
#ai .ext-ai-price tr:hover td,#ai .ext-ai-calls tr:hover td{background:var(--surface-2)}
#ai #ai-pane>.ext-card:last-child{margin-bottom:0}
@media (max-width:760px){
  #ai .ext-grid{grid-template-columns:1fr}
  #ai .ext-ai-field,#ai .ext-ai-field-wide{width:100%}
  #ai .ext-ai-num{width:100%}
  #ai .ext-ai-rolebar{gap:8px}
  #ai .ext-ai-rolebar .ext-btn{flex:1 1 100%}
}