#admin-view:not([data-settings-tab="ai"]) #aiSettingsPanel,
#admin-view[data-settings-tab="ai"] #integrations { display:none!important; }
#aiSettingsPanel { min-width:0; }
#aiSettingsPanel .section-heading { align-items:start; gap:16px; }
.ai-help,.ai-empty { color:var(--muted); font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.ai-provider-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:12px; margin-top:24px; }
.ai-provider { display:flex; justify-content:space-between; gap:12px; padding:18px; border:1px solid var(--line); border-radius:10px; min-width:0; }
.ai-provider>div:first-child { min-width:0; }
.ai-provider p { margin:8px 0 4px; overflow-wrap:anywhere; }
.ai-provider small { display:block; color:var(--muted); overflow-wrap:anywhere; line-height:1.6; }
.ai-provider .ai-actions { align-self:start; flex-wrap:nowrap; }
.ai-default-badge { color:var(--brand); background:var(--brand-soft); border-radius:4px; font-size:11px; padding:3px 6px; margin-left:10px; }
#aiProviderForm { margin-top:24px; border-top:1px solid var(--line); padding-top:24px; }
.ai-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.ai-fields label,.ai-chat-options label,.ai-compose-controls>label:first-child { display:grid; gap:8px; min-width:0; font-size:13px; }
.ai-fields input,.ai-fields select,.ai-chat-options select,.ai-compose-controls select { width:100%; min-width:0; }
.ai-fields small { color:var(--muted); line-height:1.6; }
.ai-wide { grid-column:1/-1; }
.ai-advanced { margin:20px 0; }
.ai-advanced summary { cursor:pointer; padding:10px 0; }
.ai-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ai-actions svg { width:18px; height:18px; }
.ai-check { display:flex!important; align-items:center; gap:8px; font-size:13px; margin:12px 0; }
.ai-check input,.ai-proposal-list input { width:16px!important; height:16px; min-height:16px; padding:0; flex:none; }
#aiSettingsStatus,#aiStatus { color:var(--ink); font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.ai-drawer { position:fixed; z-index:80; inset:0 0 0 auto; width:min(500px,100vw); background:var(--surface); color:var(--ink); border-left:1px solid var(--line); box-shadow:-12px 0 36px #0002; display:flex; flex-direction:column; }
.ai-drawer[hidden],#aiProviderForm[hidden] { display:none!important; }
.ai-drawer-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px; border-bottom:1px solid var(--line); }
.ai-drawer h2 { margin:0 0 4px; font-size:20px; }
.ai-drawer-head small { color:var(--muted); }
.ai-chat-options { padding:14px 20px 0; }
#aiDestination { white-space:pre-line; margin:8px 0; font-size:12px; }
.ai-messages { overflow:auto; flex:1; min-height:80px; padding:8px 20px; overscroll-behavior:contain; }
.ai-message { padding:12px 14px; background:var(--soft); border:1px solid var(--line); border-radius:10px; margin:10px 0; font-size:14px; }
.ai-message.user { background:var(--brand-soft); }
.ai-message strong { font-size:12px; color:var(--muted); }
.ai-message p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.75; margin:6px 0 0; }
.ai-composer { border-top:1px solid var(--line); padding:14px 20px 20px; max-height:50dvh; overflow:auto; }
.ai-compose-controls { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.ai-message-label { display:block; font-size:12px; margin:12px 0 6px; color:var(--muted); }
.ai-composer textarea { display:block; width:100%; resize:vertical; min-height:90px; max-height:200px; font:inherit; line-height:1.6; }
.ai-composer textarea { color:var(--ink); background:var(--surface); border:1px solid var(--line-strong); border-radius:7px; padding:10px; }
.ai-composer textarea::placeholder { color:var(--muted); }
#aiSettingsPanel [data-ai-delete] { background:#df2029; color:#fff; border-color:#df2029; }
#aiSettingsPanel [data-ai-delete]:hover { background:#ba1720; border-color:#ba1720; }
.ai-composer>.ai-actions { margin-top:10px; justify-content:space-between; }
.ai-composer .ai-actions small { color:var(--muted); max-width:65%; font-size:11px; }
#aiContextDetails { margin-top:10px; font-size:12px; }
#aiContextDetails pre { max-height:160px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
#aiStatus { margin:0; padding:0 20px 8px; }
#aiProposal { max-height:35dvh; overflow:auto; }
.ai-proposal { margin:8px 20px; padding:12px; border:1px solid var(--line); border-radius:10px; }
.ai-proposal h3 { font-size:14px; margin:0; }
.ai-proposal-list label { display:flex; gap:10px; align-items:start; padding:8px 0; border-bottom:1px solid var(--line); }
.ai-proposal-list span { min-width:0; }
.ai-proposal-list strong,.ai-proposal-list small { display:block; font-size:12px; overflow-wrap:anywhere; line-height:1.7; }
.ai-proposal-list small { color:var(--muted); white-space:pre-wrap; }
.ai-proposal button { margin-top:12px; width:100%; }
.ai-empty { padding:20px; border:1px dashed var(--line); border-radius:10px; }
.ai-empty h4 { color:var(--ink); margin:0 0 8px; }
@media(max-width:600px) { .ai-fields { grid-template-columns:1fr; } #aiSettingsPanel .section-heading { flex-wrap:wrap; } .ai-drawer-head,.ai-composer { padding:14px; } .ai-drawer .icon-button { width:36px; height:36px; min-width:36px; } }