/* Chat document reader. Native document, chat and shared settings remain intact. */
body[data-chat-reader="full"] .reader-controls{display:flex!important;gap:0!important;padding:4px!important;max-width:calc(100vw - 24px);background:var(--ss-surface,#fffefb)!important;color:var(--ss-text,#26241f)!important;border:1px solid var(--ss-border,#d3dccb)!important;border-radius:25px!important;overflow:visible!important;box-shadow:0 8px 28px #263a2520!important}
body[data-chat-reader="full"] #chat-main .reader-controls button{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;min-width:40px;border:0;border-radius:20px;background:transparent;color:inherit;font:500 13px/1.2 inherit;cursor:pointer;white-space:nowrap;padding:0 10px}
body[data-chat-reader="full"] #chat-main .reader-controls button:hover{background:var(--ss-surface-alt,#e9efe3)}
body[data-chat-reader="full"] #chat-main .reader-controls .reader-play{padding:0 14px;background:var(--ss-action,#506957);color:#fff}
.reader-controls svg{width:16px;height:16px;flex-shrink:0}
.reader-divider{height:22px;width:1px;background:var(--ss-border,#d3dccb);align-self:center;margin:0 4px}
.reader-controls [hidden]{display:none!important}
.reader-controls button:focus-visible,.reader-scope button:focus-visible{outline:2px solid var(--ss-accent,#3b614c)!important;outline-offset:3px}
.reader-scope{position:absolute;bottom:calc(100% + 10px);left:0;width:224px;padding:7px;border:1px solid var(--ss-border,#d3dccb);border-radius:16px;background:var(--ss-surface,#fffefb);color:var(--ss-text,#26241f);box-shadow:0 10px 32px #0002}
body[data-chat-reader="full"] #chat-main .reader-scope button{border-radius:9px;width:100%;justify-content:flex-start;padding:12px;height:auto;min-height:44px;text-align:left}
/* Match the clear selected tiles used in Skriv, including radio semantics. */
body[data-chat-reader="full"][data-robot-design="shared"]:has(#chat-app#chat-app) #ed-voice-popover .ss-reader-mode-choice input:checked+span{background:#fffefb!important;color:#315c46!important;box-shadow:0 1px 4px #273e2326!important;font-weight:650!important}
html[data-theme="dark"] body[data-chat-reader="full"][data-robot-design="shared"]:has(#chat-app#chat-app) #ed-voice-popover .ss-reader-mode-choice input:checked+span{background:#e1eee3!important;color:#244530!important;box-shadow:0 1px 4px #0003!important}
body[data-chat-reader="full"] #ed-voice-popover .ss-reader-mode-choice input:focus-visible+span{outline:2px solid var(--ss-accent,#3b614c);outline-offset:-3px}
body[data-chat-reader="full"] .ss-pdf-hte{max-width:calc(100vw - 16px);gap:2px;padding:4px}
body[data-chat-reader="full"] .ss-pdf-hte button{min-height:40px;padding:8px!important;font-size:12px!important}
@media(max-width:640px){body[data-chat-reader="full"] .reader-controls{bottom:14px!important}body[data-chat-reader="full"] #chat-main .reader-controls button{height:44px;min-width:40px}.reader-scope{width:224px}body[data-chat-reader="full"] #ed-voice-popover{overflow-y:auto!important}}
body[data-chat-reader="full"][data-robot-design="shared"]:has(#chat-app#chat-app) #chat-main .reader-controls .reader-play,body[data-chat-reader="full"][data-robot-design="shared"]:has(#chat-app#chat-app) #chat-main .reader-controls .reader-play *{color:#fff!important}
body[data-chat-reader="full"][data-robot-design="shared"]:has(#chat-app#chat-app) #chat-main .reader-controls .reader-play{background:#506957!important}
html[data-theme="dark"] body[data-chat-reader="full"].ss-pdf-reader-open #chat-back-btn{background:#252d28!important;color:#e5ebe3!important;border-color:#4b584d!important}
/* Honor PDF.js 5 text metrics, keeping selection/highlight aligned at mobile scale. */
body[data-chat-reader="full"] .ss-pdf-textlayer span{font-size:calc(var(--font-height) * var(--scale-factor))!important;font-family:Arial,sans-serif!important;line-height:1!important;transform:scaleX(var(--scale-x,1));}
body[data-chat-reader="full"] #chat-main .ss-pdf-hte button{width:auto!important;flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;height:40px!important;border:0;border-radius:8px;background:transparent;color:var(--ss-text,#26241f)}
body[data-chat-reader="full"] #chat-main .ss-pdf-hte button span{white-space:nowrap}
@media(max-width:360px){body[data-chat-reader="full"] #chat-main .ss-pdf-hte button{font-size:11px!important;padding:6px!important;gap:4px}body[data-chat-reader="full"] #chat-main .ss-pdf-hte button span{font-size:11px!important}}
body[data-chat-reader="full"] .reader-controls button:focus-visible,body[data-chat-reader="full"] .reader-scope button:focus-visible{outline:none!important;box-shadow:inset 0 -3px 0 var(--ss-accent,#3b614c)!important}
body[data-chat-reader="full"] #ed-voice-popover .ss-reader-mode-choice input:focus-visible+span{outline:none!important;text-decoration:underline;text-underline-offset:4px}
/* Real reader state and actual shared highlight colours. */
body[data-chat-reader="full"] .reader-controls [hidden]{display:none!important}
body[data-chat-reader="full"] .reader-controls[data-state="idle"] .ss-lp-prev,body[data-chat-reader="full"] .reader-controls[data-state="idle"] .ss-lp-next{display:none!important}
body[data-chat-reader="full"] .reader-controls button:disabled{opacity:.4;cursor:default!important}
body[data-chat-reader="full"] .ss-pdf-textlayer ::highlight(read-aloud),body[data-chat-reader="full"] .ss-pdf-textlayer ::highlight(read-aloud-word){background-color:var(--sk-reading-bg)!important;color:transparent!important}
/* Blend the marker with PDF pixels: preserve dark ink instead of painting over it. */
body[data-chat-reader="full"] .ss-pdf-pagewrap{isolation:isolate}
body[data-chat-reader="full"] .ss-pdf-hl-rect{background:var(--sk-reading-bg)!important;opacity:.65;box-shadow:none}
body[data-chat-reader="full"] #chat-main .reader-controls .ss-pdf-listen-label{display:inline!important}
body[data-chat-reader="full"] .ss-pdf-textlayer,body[data-chat-reader="full"] .ss-pdf-hl{mix-blend-mode:multiply;--sk-reading-bg:#dce9dc}
html[data-reading-color="blue"] body[data-chat-reader="full"] .ss-pdf-textlayer,html[data-reading-color="blue"] body[data-chat-reader="full"] .ss-pdf-hl{--sk-reading-bg:#dcecf7}
html[data-reading-color="yellow"] body[data-chat-reader="full"] .ss-pdf-textlayer,html[data-reading-color="yellow"] body[data-chat-reader="full"] .ss-pdf-hl{--sk-reading-bg:#f6e7b0}
/* Preserve the native chevron's 8x5 proportions; its button remains easy to tap. */
body[data-chat-reader="full"] #chat-main .reader-scope-trigger svg{width:8px;height:5px}
body[data-chat-reader="full"] #chat-main .reader-scope-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
body[data-chat-reader="full"] #chat-main .reader-scope button{gap:12px;min-height:48px}
body[data-chat-reader="full"] #chat-main .reader-scope button svg{width:18px;height:18px;flex:0 0 18px}

/* Keep the primary transport readable in every state; old paused rules used gap:0. */
body[data-chat-reader="full"] #chat-main .reader-controls .reader-play{gap:8px!important}
body[data-chat-reader="full"] #chat-main .reader-controls .reader-play .ss-pdf-listen-ring{border-color:rgba(255,255,255,.35);border-top-color:#fff}