/* Etapa 13 | Marcador manual, dentro da barra original de leitura. */
.case-page .as-reader-bookmark{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;margin:0 auto;padding:9px 12px 11px;max-width:1100px;border-top:1px solid rgba(162,135,88,.22)}
.case-page .as-reader-bookmark-actions{display:flex;flex-wrap:wrap;gap:7px}
.case-page .as-reader-bookmark-actions button{border:1px solid rgba(162,135,88,.5);border-radius:2px;background:#201917;color:#e7dcc6;padding:8px 11px;min-height:40px;cursor:pointer;font:500 11px/1.4 "DM Mono",monospace}
.case-page .as-reader-bookmark-actions button:hover:not(:disabled){background:#2c2623;border-color:#a28758}
.case-page .as-reader-bookmark-actions button:disabled{opacity:.42;cursor:default}
.case-page .as-reader-bookmark-actions button:focus-visible{outline:2px solid #e7dcc6;outline-offset:3px}
.case-page .as-reader-bookmark-status{color:#b7a488;font:400 11px/1.5 "DM Mono",monospace}
body.case-page[data-reader-theme="papel"] .as-reader-bookmark{border-color:rgba(92,63,35,.25)}
body.case-page[data-reader-theme="papel"] .as-reader-bookmark-actions button{background:#e9ddc3;color:#39281b;border-color:#8a6a3d}
body.case-page[data-reader-theme="papel"] .as-reader-bookmark-status{color:#513c28}
@media(max-width:700px){.case-page .as-reader-bookmark{padding:10px 8px}.case-page .as-reader-bookmark-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:5px}.case-page .as-reader-bookmark-actions button{padding:7px 5px;font-size:10px;min-width:0}.case-page .as-reader-bookmark-status{font-size:10px}}

/* Leitor compacto: opções secundárias recolhidas sem eliminar funcionalidades. */
body.case-reading .case-reader-toolbar { padding-top: 0 !important; padding-bottom: 0 !important; row-gap: 0 !important; align-items: center !important; }
body.case-reading .case-reader-toolbar-inner { min-height: 46px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
body.case-reading .case-reader-action { min-height: 42px !important; padding-top: 3px !important; padding-bottom: 3px !important; }
body.case-reading .case-reader-back { min-height: 42px !important; }
body.case-reading .as-reader-bookmark { display:block; width:100%; max-width:none; margin:0; padding:0 12px; border-top:1px solid rgba(162,135,88,.14); }
body.case-reading .as-reader-bookmark > summary { display:list-item; list-style-position:inside; cursor:pointer; width:max-content; max-width:100%; padding:5px 8px; font:500 11px/1.5 "DM Mono",monospace; color:#c8b58f; }
body.case-reading .as-reader-bookmark:not([open]) > .as-reader-bookmark-actions,
body.case-reading .as-reader-bookmark:not([open]) > .as-reader-bookmark-status { display:none; }
body.case-reading .as-reader-bookmark[open] { padding-bottom:8px; }
body.case-reading .as-reader-bookmark[open] > .as-reader-bookmark-actions { margin:5px 0; }
body.case-reading .as-reader-bookmark > summary:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
body.case-reading[data-reader-theme="papel"] .as-reader-bookmark > summary { color:#513c28; }
body.case-reading .case-reader-toolbar .public-narration-player { margin-top:0 !important; margin-bottom:2px !important; }
@media(max-width:700px){
 body.case-reading .case-reader-toolbar.as-mobile-reader-ready .case-reader-toolbar-inner { min-height:46px !important; }
 body.case-reading .case-reader-toolbar.as-mobile-reader-ready .case-reader-action { min-height:42px !important; }
 body.case-reading .as-reader-bookmark { padding:0 8px; }
 body.case-reading .as-reader-bookmark > summary { padding:5px 2px; }
}

/* Vidro fosco discreto: visual inspirado nos controles translúcidos modernos.
   Os fundos mais opacos são um fallback para leitores sem backdrop-filter. */
body.case-reading .case-reader-toolbar {
  background:rgba(19,17,16,.94) !important;
  background-image:none !important;
  border-bottom:1px solid rgba(222,200,163,.18) !important;
  box-shadow:0 5px 20px rgba(0,0,0,.16) !important;
}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
  body.case-reading .case-reader-toolbar {
    background:rgba(19,17,16,.68) !important;
    -webkit-backdrop-filter:blur(18px) saturate(125%);
    backdrop-filter:blur(18px) saturate(125%);
  }
}
body.case-reading .case-reader-toolbar .case-reader-action,
body.case-reading .case-reader-toolbar .case-reader-back {
  border-radius:13px;
  transition:background-color .18s ease,box-shadow .18s ease;
}
body.case-reading .case-reader-toolbar .case-reader-action:hover,
body.case-reading .case-reader-toolbar .case-reader-action.active,
body.case-reading .case-reader-toolbar .case-reader-back:hover {
  background:rgba(242,222,188,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09);
}
body.case-reading .as-reader-bookmark { border-top-color:rgba(220,199,165,.10); }
body.case-reading .as-reader-bookmark > summary {
  border-radius:12px;
  background:rgba(223,197,156,.08);
  margin:3px 0;
}
body.case-reading .as-reader-bookmark > summary:hover { background:rgba(223,197,156,.16); }
body.case-reading .as-reader-bookmark-actions button { border-radius:12px; }
body.case-reading .case-reader-toolbar .public-narration-player {
  border-radius:14px !important;
  background:rgba(35,29,25,.78) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
body.case-reading[data-reader-theme="papel"] .case-reader-toolbar {
  background:rgba(231,216,190,.95) !important;
  background-image:none !important;
  border-bottom-color:rgba(89,66,42,.21) !important;
  box-shadow:0 5px 16px rgba(67,49,29,.10) !important;
}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
  body.case-reading[data-reader-theme="papel"] .case-reader-toolbar {
    background:rgba(231,216,190,.76) !important;
  }
}
body.case-reading[data-reader-theme="papel"] .case-reader-toolbar .case-reader-action:hover,
body.case-reading[data-reader-theme="papel"] .case-reader-toolbar .case-reader-action.active,
body.case-reading[data-reader-theme="papel"] .case-reader-toolbar .case-reader-back:hover {
  background:rgba(89,66,42,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3);
}
body.case-reading[data-reader-theme="papel"] .as-reader-bookmark > summary { background:rgba(89,66,42,.09); }
body.case-reading[data-reader-theme="papel"] .case-reader-toolbar .public-narration-player {
  background:rgba(245,235,216,.82) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
@media(prefers-reduced-motion:reduce) {
  body.case-reading .case-reader-toolbar .case-reader-action,
  body.case-reading .case-reader-toolbar .case-reader-back { transition:none; }
}

/* Barra única: player, marcação e leitura na mesma linha, inclusive mobile. */
body.case-reading .case-reader-toolbar-inner {display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:5px!important;width:100%;min-height:42px!important;padding:3px 10px!important;box-sizing:border-box}
body.case-reading .case-reader-toolbar .as-reader-bookmark{width:auto!important;max-width:none;flex:0 0 auto;min-width:0;padding:0!important;border:0!important;margin:0!important}
body.case-reading .as-reader-bookmark > summary {font-size:10px!important;padding:8px!important;margin:0!important;white-space:nowrap}
body.case-reading .as-reader-bookmark[open] > .as-reader-bookmark-actions,body.case-reading .as-reader-bookmark[open] > .as-reader-bookmark-status{position:absolute;right:8px;top:100%;background:#201b18;padding:8px 10px;border:1px solid rgba(181,157,122,.3);border-radius:12px;z-index:1000;max-width:calc(100vw - 16px)}
body.case-reading .as-reader-bookmark[open] > .as-reader-bookmark-status{top:calc(100% + 53px)}
body.case-reading[data-reader-theme="papel"] .as-reader-bookmark[open] > .as-reader-bookmark-actions,body.case-reading[data-reader-theme="papel"] .as-reader-bookmark[open] > .as-reader-bookmark-status{background:#e9ddc3}
body.case-reading .case-reader-toolbar .public-narration-player {position:relative;flex:0 0 142px!important;width:142px!important;min-width:0!important;max-width:142px!important;margin:0!important;align-self:center;border-radius:14px!important}
body.case-reading .case-reader-toolbar .public-narration-main {min-height:36px!important;padding:3px 6px!important;grid-template-columns:17px minmax(0,1fr) 16px!important;gap:4px!important}
body.case-reading .case-reader-toolbar .public-narration-icon{width:17px!important;height:20px!important;font-size:11px!important}
body.case-reading .case-reader-toolbar .public-narration-action{width:16px!important;height:20px!important;font-size:11px!important}
body.case-reading .case-reader-toolbar .public-narration-copy small,body.case-reading .case-reader-toolbar .public-narration-copy em{display:none!important}
body.case-reading .case-reader-toolbar .public-narration-copy strong{font:600 10px/1.2 "DM Mono",monospace!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.case-reading .case-reader-toolbar .public-narration-expand:not([hidden]) {position:absolute;top:100%;left:0;right:0;background:inherit;border-radius:0 0 12px 12px;z-index:1001}
body.case-reading .case-reader-toolbar .public-narration-progress:not([hidden]){display:block!important;position:absolute;top:calc(100% + 22px);right:0;width:min(330px,calc(100vw - 20px));box-sizing:border-box;background:#211b18;border:1px solid rgba(181,157,122,.3);padding:10px!important;border-radius:12px;z-index:1002}
body.case-reading[data-reader-theme="papel"] .case-reader-toolbar .public-narration-progress:not([hidden]){background:#eee0c7}
body.case-reading .case-reader-actions{min-width:0;flex:1 1 auto}
@media(max-width:700px){
 body.case-reading .case-reader-toolbar.as-mobile-reader-ready .case-reader-toolbar-inner{gap:2px!important;padding:3px 4px!important;min-height:42px!important}
 body.case-reading .case-reader-toolbar .case-reader-back{width:36px!important;min-width:36px!important;min-height:38px!important}
 body.case-reading .case-reader-toolbar .case-reader-back span{display:none!important}
 body.case-reading .as-reader-bookmark > summary{font-size:0!important;padding:8px 6px!important;min-width:26px;min-height:36px;box-sizing:border-box}
 body.case-reading .as-reader-bookmark > summary::after{content:"\1F516";font-size:15px}
 body.case-reading .case-reader-toolbar .public-narration-player{flex:0 0 42px!important;width:42px!important;max-width:42px!important}
 body.case-reading .case-reader-toolbar .public-narration-main{min-height:36px!important;padding:2px!important;display:flex!important;justify-content:center!important;gap:2px!important}
 body.case-reading .case-reader-toolbar .public-narration-copy,body.case-reading .case-reader-toolbar .public-narration-icon{display:none!important}
 body.case-reading .case-reader-toolbar .public-narration-action{width:22px!important;height:28px!important;font-size:14px!important}
 body.case-reading .case-reader-toolbar.as-mobile-reader-ready .case-reader-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;min-width:0!important}
 body.case-reading .case-reader-toolbar.as-mobile-reader-ready .case-reader-action{min-height:38px!important;padding:3px 1px!important}
 body.case-reading .case-reader-toolbar .case-reader-action small{font-size:9px!important}
}
@media(max-width:360px){body.case-reading .case-reader-toolbar .case-reader-action small{font-size:8px!important}body.case-reading .case-reader-toolbar .case-reader-back{width:30px!important;min-width:30px!important}}