/* ═══════════════════════════════════════════════════════════════
   小框日记 · 站内助手「⚙ 配置」面板（T-20261013-141）
   组件：frontend/js/assistant-config.js（同一份面板挂在两处）
     · 助手页弹窗   frontend/assistant.html → #as-config-body
     · 设置页分区   frontend/index.html    → #assistant-config-mount
   因此本样式表**被两个页面共同引用** —— 不复用 assistant.css（那个只有助手页加载），
   也不塞进 style.css（那会让「改了 style.css」牵连 5 个 features 页的 ?v= 锚点）。

   复用纪律：分区外壳用 style.css 的 .settings-section*，三档选择器用 .privacy-option*，
   开关用 .effect-toggle/.toggle-slider，按钮用 .btn*，空态用 .empty-state —— 本文件只补
   面板自己的排布类（前缀 ac-），**取值一律走主题变量**（themes/base.css 兜底 +
   themes/<theme>.css 覆盖），零硬编码色值。
   ═══════════════════════════════════════════════════════════════ */

.ac-block-title { margin-top: 18px; }
.ac-note { margin: 8px 0 0; }
.ac-label { display: block; margin-bottom: 8px; font-size: 13px; color: var(--text-secondary); }

.ac-textarea {
    width: 100%; min-height: 88px; padding: 10px 12px;
    font: inherit; font-size: 14px; line-height: 1.6; color: var(--text);
    background: var(--bg-secondary); border: 1px solid var(--border);
    border-radius: var(--radius-sm); resize: vertical;
}
.ac-input {
    flex: 1 1 auto; min-width: 0; height: 34px; padding: 0 12px;
    font: inherit; font-size: 14px; color: var(--text);
    background: var(--bg-secondary); border: 1px solid var(--border);
    border-radius: var(--radius-sm);
}
.ac-foot { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.ac-spacer { flex: 1 1 auto; }
.ac-inline { display: inline-flex; align-items: center; gap: 8px; }
.ac-count.is-over { color: var(--danger); }

.ac-switch-list { display: flex; flex-direction: column; gap: 8px; }
.ac-switch-row {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 10px 14px;
    border: 1px solid var(--border); border-radius: var(--radius-sm);
}
.ac-switch-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ac-switch-label { font-size: 14px; font-weight: 600; }
.ac-switch-desc { font-size: 12px; color: var(--text-secondary); }

.ac-mem-list { display: flex; flex-direction: column; gap: 8px; }
.ac-mem-item {
    padding: 10px 14px;
    background: var(--bg-elevated); border: 1px solid var(--border);
    border-radius: var(--radius-sm);
}
.ac-mem-text { font-size: 14px; line-height: 1.6; word-break: break-word; }
.ac-mem-meta { margin-top: 4px; font-size: 11.5px; color: var(--text-muted); }
.ac-mem-acts { display: flex; gap: 8px; margin-top: 8px; }
.ac-mem-edit { width: 100%; }
.ac-mem-add { margin-top: 12px; }

.ac-input:focus-visible,
.ac-textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }