/* Auto-read toggle row + approved option A 12px uniform section gaps.
   Scoped to .has-auto-read so only Chat's panel is affected. */

.chat-auto-read-block{padding:0 10px 12px;border-bottom:1px solid var(--reader-line,#dcded8)}
.chat-auto-read-line{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px}
.chat-auto-read-label{font-size:13px;font-weight:600;line-height:20px;color:var(--reader-ink,#5d544d)}

/* Toggle switch: Fra/Til + track */
.chat-auto-read-toggle{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;min-height:44px;min-width:63px;cursor:pointer;font:inherit;color:inherit}
.chat-auto-read-state{font-size:12px;color:#726a61;min-width:16px}
.chat-auto-read-track{direction:ltr;width:34px;height:20px;background:#b9b3ab;border-radius:20px;position:relative;flex:none;transition:background .15s}
.chat-auto-read-track::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:14px;height:14px;background:var(--reader-paper,#fffdf9);border-radius:50%;box-shadow:0 1px 2px #0002;transition:transform .15s}
.chat-auto-read-toggle[aria-checked="true"] .chat-auto-read-track{background:var(--reader-accent,#4a7a68)}
.chat-auto-read-toggle[aria-checked="true"] .chat-auto-read-track::after{transform:translateX(14px)}
.chat-auto-read-toggle[aria-checked="true"] .chat-auto-read-state{color:#3e715f}

/* Option A: uniform 12px gaps between all sections (only when auto-read is present) */
#ed-voice-popover.has-auto-read .ss-reader-voices{padding:12px 0;line-height:20px}
#ed-voice-popover.has-auto-read .ss-reader-mode{margin:0;padding:12px 10px 0}
#ed-voice-popover.has-auto-read .ss-reader-mode legend{display:flex;align-items:center;min-height:44px;line-height:20px;padding:0}
#ed-voice-popover.has-auto-read .ss-reader-colors{padding:8px 0 12px}
#ed-voice-popover.has-auto-read .ss-reader-speed{margin:0;padding:12px 10px 8px}
#ed-voice-popover.has-auto-read .ss-reader-speed .ss-reader-speed-heading{min-height:44px;line-height:20px;margin:0}

/* Dark theme */
[data-theme="dark"] .chat-auto-read-track{background:#6b6660}
[data-theme="dark"] .chat-auto-read-state{color:#a09889}
[data-theme="dark"] .chat-auto-read-toggle[aria-checked="true"] .chat-auto-read-state{color:var(--reader-accent,#a6cbbb)}

/* Touch + small screen */
@media(pointer:coarse),(max-width:600px){.chat-auto-read-toggle{min-height:44px}}
@media(prefers-reduced-motion:reduce){.chat-auto-read-track,.chat-auto-read-track::after{transition:none}}