/* ===== P3: Livros e página do livro (09/10/2026) ===== */
:root{--f-edi:#ebe6f6;--f-rev:#f6e5ea;--f-pg:#e3ebf7;--f-pv:#f4ead8;--f-pi:#e2eff3;--f-imp:#efe6dc;--f-dis:#e2ede4;--f-pub:#dcebe2;--f-dig:#e1edf0;
 --f-cat:#e6ebe3;--f-sus:#f7e0da;--f-res:#f3d9d4;--f-enc:#e8e8e7;--f-x:#ececea;
 --fd-edi:#8a77c9;--fd-rev:#c9798f;--fd-pg:#6f8fc7;--fd-pv:#c9a066;--fd-pi:#62a6b5;--fd-imp:#a88763;--fd-dis:#6fa47b;--fd-pub:#4f9a72;--fd-dig:#5aa0a9;
 --fd-cat:#7f9a74;--fd-sus:#d07c69;--fd-res:#b9574a;--fd-enc:#9a9a9f;--fd-x:#b5b5ba;
 --bom:#3f7a52;--bombg:#e3efe6;--atr:#b85a48;--atrbg:#f7e3de;--amb:#9a6a1f;--ambbg:#f6ecd9;--sel:#0c0c0d}
html[data-theme=dark]{--f-edi:#262236;--f-rev:#33232a;--f-pg:#1f2635;--f-pv:#30291d;--f-pi:#1d2c30;--f-imp:#2d261f;--f-dis:#1e2a21;--f-pub:#1b2b22;--f-dig:#1d2a2d;
 --f-cat:#232821;--f-sus:#36231e;--f-res:#3a201c;--f-enc:#262629;--f-x:#2a2a2e;
 --bom:#9ed4ae;--bombg:#1d2a22;--atr:#f0b4a8;--atrbg:#3a2420;--amb:#e7c07a;--ambbg:#332a1a;--sel:#f1f1f3}
.main{position:relative}
#vista{display:flex;flex-direction:column;min-height:0;min-width:0;width:100%;flex:1}
#vista .grid>*{min-width:0}
.vista-in{animation:sobe .45s cubic-bezier(.2,.8,.2,1) both}
.nav .em{margin-left:auto}
.top .crono{display:none}
.top .crono.on{display:flex}
.crono{height:42px;border-radius:99px;background:var(--inv);color:var(--invtx);align-items:center;gap:10px;padding:0 6px 0 16px;font-size:13px;max-width:520px;cursor:default}
.crono .pulso{width:8px;height:8px;border-radius:50%;background:#f0806a;animation:pulso 1.4s infinite;flex:none}
.crono b{font-variant-numeric:tabular-nums;font-weight:650}
.crono .ct{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7;min-width:0}
.crono button{height:30px;border-radius:99px;background:rgba(255,255,255,.14);color:inherit;padding:0 12px;font-size:12.5px;font-weight:600;flex:none}
html[data-theme=dark] .crono button{background:rgba(0,0,0,.12)}
@keyframes pulso{0%,100%{opacity:1}50%{opacity:.25}}
.search{cursor:pointer;transition:box-shadow .2s,transform .2s}
.search:hover{box-shadow:0 0 0 1px var(--tx3)}

/* cabeçalho das telas */
.ph{display:flex;align-items:flex-end;gap:16px;padding:20px 0 0;flex-wrap:wrap}
.ph h1{font-size:46px;font-weight:650;letter-spacing:-.04em;line-height:1.05}
.ph p{margin-top:10px;font-size:15px;color:var(--tx2)}
.ph p b{color:var(--tx);font-weight:600}
.ph p i{font-style:normal;color:var(--tx3);margin:0 8px;opacity:.6}
.ph .acoes{margin-left:auto;display:flex;gap:10px;align-items:center}
.vis{display:flex;background:var(--card);border-radius:99px;padding:4px;box-shadow:0 0 0 1px var(--ln)}
.vis button{height:34px;border-radius:99px;padding:0 15px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--tx2);transition:all .25s}
.vis button svg{width:16px;height:16px}
.vis button.on{background:var(--inv);color:var(--invtx);font-weight:600}
.ib2{width:42px;height:42px;border-radius:50%;background:var(--card);display:grid;place-items:center;box-shadow:0 0 0 1px var(--ln);cursor:pointer;transition:all .2s}
.ib2:hover{box-shadow:0 0 0 1px var(--tx3);transform:translateY(-1px)}
.ib2.gira svg{animation:gira .8s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}

/* barra de filtros */
.barra{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px}
.barra+.barra{margin-top:10px}
.abas{display:flex;background:var(--card);border-radius:99px;padding:4px;box-shadow:0 0 0 1px var(--ln)}
.abas button{height:34px;border-radius:99px;padding:0 15px;font-size:13px;font-weight:500;color:var(--tx2);display:flex;align-items:center;gap:7px;transition:all .25s}
.abas button.on{background:var(--pan);color:var(--tx);font-weight:600;box-shadow:inset 0 0 0 1px var(--ln)}
.abas .n,.chp .n,.sl .n{font-size:11px;font-weight:600;color:var(--tx3);font-variant-numeric:tabular-nums}
.chp{height:36px;border-radius:99px;background:var(--card);box-shadow:0 0 0 1px var(--ln);display:inline-flex;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;user-select:none}
.chp:hover{box-shadow:0 0 0 1px var(--tx3)}
.chp.on{background:var(--inv);color:var(--invtx);box-shadow:none}
.chp.on .n{color:inherit;opacity:.6}
.chp .pt{width:7px;height:7px;border-radius:50%;flex:none}
.chp svg{width:15px;height:15px}
.chp.zero{opacity:.45}
.sep{width:1px;height:22px;background:var(--ln);margin:0 4px}
.selp{position:relative;display:inline-flex}
.selp select{appearance:none;-webkit-appearance:none;height:36px;border-radius:99px;background:var(--card);box-shadow:0 0 0 1px var(--ln);border:0;padding:0 32px 0 14px;font:500 13px var(--fs),sans-serif;color:var(--tx);cursor:pointer;outline:none;max-width:230px}
.selp svg{position:absolute;right:11px;top:11px;width:14px;height:14px;pointer-events:none;color:var(--tx2)}
.selp.on select{background:var(--inv);color:var(--invtx);box-shadow:none}
.selp.on svg{color:var(--invtx)}
.busca2{height:42px;border-radius:99px;background:var(--card);box-shadow:0 0 0 1px var(--ln);display:flex;align-items:center;gap:10px;padding:0 16px;min-width:340px;flex:0 1 460px;transition:box-shadow .2s}
.busca2:focus-within{box-shadow:0 0 0 2px var(--tx)}
.busca2 input{border:0;outline:0;background:transparent;font:500 13.5px var(--fs),sans-serif;color:var(--tx);flex:1;min-width:0}
.busca2 input::placeholder{color:var(--tx3)}
.busca2 svg{color:var(--tx3)}
.busca2 .x{cursor:pointer;color:var(--tx3);display:none}
.busca2.tem .x{display:block}
/*L6 topo da tela Livros (28/10/2026)*/
.l6res{margin-top:8px;display:flex;flex-wrap:wrap;gap:2px;align-items:center}
.l6res button{border:0;background:transparent;padding:3px 8px;border-radius:8px;font:500 13.5px var(--fs),sans-serif;color:var(--tx2);cursor:pointer}
.l6res button b{color:var(--tx);font-weight:700}.l6res button:hover{background:var(--gray)}.l6res button.r b{color:var(--atr)}
.l6nt{font-size:11.5px;color:var(--tx3);margin-left:6px}
@media (min-width:901px){ #topoL .ph{flex-wrap:nowrap;align-items:flex-start}#topoL .ph>div:first-child{flex:1 1 0;min-width:0}#topoL .ph .acoes{flex:0 0 auto;margin-top:6px}}
@media (max-width:900px){.l6nt{display:none}#topoL .ph{flex-wrap:wrap}#topoL .ph>div:first-child{flex:1 1 100%}}
.l6lg,.l6dv{flex:0 0 auto}
.l6fx{position:sticky;top:0;z-index:40;margin-top:16px;padding:8px 0;background:var(--pan)}
.l6l1{display:flex;align-items:center;gap:10px;min-width:0}
.l6aba select{height:42px;border-radius:12px;font-weight:700}
.l6bus{flex:1 1 360px;min-width:220px;border-radius:12px}
.l6k{font:500 10px 'IBM Plex Mono',monospace;background:var(--gray);border-radius:5px;padding:2px 6px;color:var(--tx2)}
.l6bus.tem .l6k{display:none}
.l6lgs{display:flex;align-items:center;gap:2px;background:var(--card);box-shadow:0 0 0 1px var(--ln);border-radius:12px;padding:3px;height:42px;flex:0 0 auto}
.l6lg{position:relative;height:34px;min-width:30px;padding:0 4px;border-radius:9px;display:grid;place-items:center;cursor:pointer;border:0;background:transparent;opacity:.35;transition:opacity .2s,background .2s}
.l6lg.on{opacity:1}.l6lg.on::after{content:"";position:absolute;bottom:2px;left:50%;width:14px;height:2px;margin-left:-7px;border-radius:2px;background:var(--tx)}
.l6lg:hover{background:var(--gray);opacity:1}.l6lg.zero:not(.on){opacity:.2}
.l6lg img{height:20px;width:auto;max-width:none;display:block}
.l6bus{min-width:260px}
.l6ss{font:600 11px var(--fs),sans-serif;color:var(--tx2);white-space:nowrap}
.l6dv{width:1px;height:22px;background:var(--ln);margin:0 4px}
.l6fb{flex:0 0 auto;height:42px;display:flex;align-items:center;gap:8px;border:0;box-shadow:0 0 0 1px var(--ln);background:var(--card);border-radius:12px;padding:0 14px;font:600 13.5px var(--fs),sans-serif;cursor:pointer;color:var(--tx)}
.l6fb .c{background:var(--inv);color:var(--invtx);border-radius:999px;font-size:11px;padding:1px 7px}
.l6fb.ab{background:var(--inv);color:var(--invtx)}.l6fb.ab .c{background:var(--invtx);color:var(--inv)}
.l6pl{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}
.l6p{display:inline-flex;align-items:center;gap:6px;background:var(--card);box-shadow:0 0 0 1px var(--ln);border-radius:999px;padding:3px 5px 3px 11px;font-size:12.5px;font-weight:600}
.l6p button{border:0;background:var(--gray);width:18px;height:18px;border-radius:50%;cursor:pointer;color:var(--tx2);font-size:12px;line-height:1;padding:0}
.l6pn{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--card);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.18),0 0 0 1px var(--ln);padding:22px 24px;grid-template-columns:1.15fr 1fr 1fr;gap:26px;z-index:41}
.l6pn.ab{display:grid}
.l6pn h5{font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.14em;color:var(--tx3);margin:0 0 10px;text-transform:uppercase}
.l6pn .barra{margin:0;display:block}
.l6chs{display:flex;flex-wrap:wrap;gap:6px}
.l6sl{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--tx2);margin-bottom:7px}
.l6sl .selp{width:62%}.l6sl .selp select{width:100%}
.l6rod{grid-column:1/-1;display:flex;align-items:center;gap:10px;border-top:1px solid var(--ln);padding-top:14px}.l6rod .btn{margin-left:auto}
.l6row{display:flex;align-items:stretch;gap:20px;margin:22px 0 10px;min-width:0}
.l6flx{display:flex;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:thin}
.l6og{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding-left:16px;border-left:1px solid var(--ln)}
.l6or{font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.14em;color:var(--tx3);text-transform:uppercase;margin-right:2px}
.l6og select{height:36px;border-radius:10px;width:auto;min-width:0}.l6og .selp{width:auto}
.l6f{flex:0 0 auto;border:0;background:transparent;cursor:pointer;text-align:left;padding:8px 16px 8px 12px;border-radius:12px;font:inherit;color:var(--tx);display:flex;flex-direction:column;gap:1px}
.l6f:hover{background:var(--gray)}
.l6f .f{display:flex;align-items:center;gap:7px;font-weight:600;font-size:13px;white-space:nowrap}
.l6f .f i{width:9px;height:9px;border-radius:50%;background:var(--fd,var(--tx3))}
.l6f b{font:500 22px/1.1 Newsreader,Georgia,serif}
.l6f small{font-size:11px;color:var(--tx3);font-weight:600}.l6f small.a{color:var(--atr)}
.l6f.zero{opacity:.38}
.l6f.on{background:var(--inv);color:var(--invtx)}.l6f.on small{color:#cfcfd3}.l6f.on small.a{color:#f0b4a8}
.l6t{box-shadow:inset 0 0 0 1px var(--ln);background:var(--card);justify-content:center}.l6t b{font:700 14px var(--fs),sans-serif;margin-top:3px}
.l6t.on b{color:var(--invtx)}
@media (max-width:1300px){.l6l1{flex-wrap:wrap}.l6bus{flex:1 1 260px}.l6lgs{margin-left:auto}
  .l6row{flex-wrap:wrap;gap:12px 20px}.l6flx{flex:1 1 100%;order:3}.l6og{margin-left:auto}}
@media (max-width:900px){.l6l1{flex-wrap:wrap}.l6lgs{margin-left:0}.l6bus{flex:1 1 100%;order:-1}.l6lgs{overflow-x:auto;max-width:calc(100% - 130px)}
  .l6pn{position:fixed;inset:10px;grid-template-columns:1fr;overflow:auto;padding:20px 18px}
  .l6row{flex-wrap:wrap;gap:10px}.l6t{flex:1 1 auto}.l6flx{flex:1 1 100%;order:3}.l6og{border-left:0;padding-left:0}.l6or{display:none}}
/*L6 fim*/
.limpar{font-size:13px;font-weight:600;color:var(--tx2);padding:0 8px;cursor:pointer}
.limpar:hover{color:var(--tx)}
/* selos com logo (só nos filtros) */
.sl{height:44px;border-radius:14px;background:var(--card);box-shadow:0 0 0 1px var(--ln);display:inline-flex;align-items:center;gap:10px;padding:0 14px 0 12px;cursor:pointer;transition:all .2s;user-select:none}
.sl:hover{box-shadow:0 0 0 1px var(--tx3);transform:translateY(-1px)}
.sl img{height:22px;width:auto;display:block}
.sl .lb{display:none}
html[data-theme=dark] .sl .lp{display:none}
html[data-theme=dark] .sl .lb{display:block}
.sl span{font-size:13px;font-weight:600}
.sl.on{box-shadow:0 0 0 2px var(--tx);background:var(--card)}
.sl.on:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--tx)}
.sl.semselo{font-size:13px;color:var(--tx2)}
.rotulo{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--tx3);font-weight:600;margin-right:4px}

/* grupos por fase */
.corpo{margin-top:22px;display:flex;flex-direction:column;gap:22px;padding-bottom:30px}
.gh{display:flex;align-items:center;gap:12px;padding:0 4px 10px;cursor:pointer;user-select:none}
.gh .bola{width:12px;height:12px;border-radius:50%;background:var(--fd);box-shadow:0 0 0 4px var(--fb)}
.gh h3{font-size:16px;font-weight:650;letter-spacing:-.01em;text-transform:none}
.gh h3:first-letter{text-transform:uppercase}
.gh .n{font-size:13px;color:var(--tx3);font-weight:600}
.gh .res{display:flex;gap:8px;margin-left:6px}
.gh .res span{font-size:12px;font-weight:600;border-radius:99px;padding:3px 10px}
.gh .res .a{background:var(--atrbg);color:var(--atr)}
.gh .res .w{background:var(--lilac);color:var(--lilactx)}
.gh .car{margin-left:auto;color:var(--tx3);transition:transform .3s}
.grp.fech .gh .car{transform:rotate(-90deg)}
.grp.fech .gb{display:none}
.vazio2{padding:60px 20px;text-align:center;color:var(--tx2);font-size:15px;background:var(--card);border-radius:24px}
.vazio2 b{display:block;font-size:20px;color:var(--tx);margin-bottom:6px;letter-spacing:-.02em}
.carrega{padding:80px 0;text-align:center;color:var(--tx3);font-size:14px}
.carrega i{display:inline-block;width:18px;height:18px;border:2px solid var(--ln);border-top-color:var(--tx);border-radius:50%;animation:gira .8s linear infinite;vertical-align:-4px;margin-right:10px}

/* ---- LISTA (densa, expansível) ---- */
.tab{background:var(--card);border-radius:22px;box-shadow:var(--sh);overflow:hidden}
.tab .th,.tab .rw>.ln{display:grid;grid-template-columns:var(--cols);align-items:center;gap:18px;padding:0 20px}
.tab .th{height:40px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);font-weight:600;border-bottom:1px solid var(--ln)}
.rw{border-top:1px solid var(--ln);position:relative}
.rw:first-of-type{border-top:0}
.rw>.ln{min-height:78px;padding-top:10px;padding-bottom:10px;cursor:pointer;transition:background .2s}
.rw>.ln:hover{background:color-mix(in srgb,var(--pan) 70%,transparent)}
.rw.ab>.ln{background:var(--pan)}
.rw>.ln:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--fd);opacity:0;transition:opacity .2s}
.rw.ab>.ln:before,.rw>.ln:hover:before{opacity:1}
.lv{display:flex;align-items:center;gap:14px;min-width:0}
.lv .mc{width:42px;height:58px;flex:none;position:relative;display:flex;align-items:flex-end;justify-content:center}
.lv .mc img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}
.mini-sem{width:42px;height:58px;border-radius:2px;background:color-mix(in srgb,var(--c) 34%,#fbfaf7);display:flex;align-items:center;justify-content:center;padding:4px;text-align:center;
  font-family:Newsreader,Georgia,serif;font-size:7.5px;line-height:1.1;color:#17171a;overflow:hidden;filter:drop-shadow(0 4px 6px rgba(0,0,0,.14))}
html[data-theme=dark] .mini-sem{background:color-mix(in srgb,var(--c) 38%,#232327);color:#f1f1f3}
.lv .tt{min-width:0}
.lv .tt a{font-family:Newsreader,Georgia,serif;font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.lv .tt a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.lv .au{font-size:12.5px;color:var(--tx2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tgs{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.tg{font-size:10.5px;font-weight:600;border-radius:99px;padding:2px 8px;background:var(--gray);color:var(--tx2);white-space:nowrap}
.tg.c{color:var(--tx3);background:transparent;box-shadow:inset 0 0 0 1px var(--ln)}
.tg.tw{background:var(--atrbg);color:var(--atr)}
.tg.am{background:var(--ambbg);color:var(--amb)}
.tg.su{background:var(--f-sus);color:var(--atr)}
.cel{min-width:0;font-size:13px}
.cel .l1{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}
.cel .l2{font-size:12px;color:var(--tx2);margin-top:4px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cd{font-size:10.5px;font-weight:650;color:var(--tx2);background:var(--pan);border-radius:6px;padding:2px 6px;flex:none;font-variant-numeric:tabular-nums}
.rw.ab .cd{background:var(--card)}
.due{font-size:11.5px;font-weight:600;border-radius:99px;padding:2px 9px;background:var(--sky);color:var(--g2t);white-space:nowrap}
.due.r{background:var(--atrbg);color:var(--atr)}
.due.a{background:var(--ambbg);color:var(--amb)}
.due.s{background:var(--gray);color:var(--tx2)}
.wt{font-size:11.5px;font-weight:600;border-radius:99px;padding:2px 9px;background:var(--lilac);color:var(--lilactx);white-space:nowrap}
.ok2{color:var(--tx3);font-size:12.5px}
.bom{color:var(--bom);font-weight:600}
.prox{border-radius:12px;margin:-6px -8px;padding:6px 8px;transition:background .2s}
.prox:hover{background:var(--card);box-shadow:0 0 0 1px var(--ln)}
.rw.ab .prox:hover{background:var(--card)}
/* esteira de fases */
.est{display:flex;gap:3px;align-items:center}
.est i{display:block;height:6px;flex:1;max-width:18px;min-width:8px;border-radius:3px;background:var(--ln)}
.est i.e2{background:var(--tx)}
.est i.e1{background:linear-gradient(90deg,var(--tx) 50%,var(--ln) 50%)}
.est i.inf{opacity:.45}
.est .pc{font-size:11.5px;font-weight:650;margin-left:8px;color:var(--tx2);font-variant-numeric:tabular-nums}
/* equipe */
.avs{display:flex;align-items:center}
.avs .a{width:28px;height:28px;border-radius:50%;background:var(--sand);color:var(--tx);font-size:10.5px;font-weight:700;display:grid;place-items:center;
  box-shadow:0 0 0 2px var(--card);margin-left:-7px;background-size:cover;background-position:center;flex:none}
.avs .a:first-child{margin-left:0}
.avs .a.f{color:transparent}
.rw.ab .avs .a{box-shadow:0 0 0 2px var(--pan)}
.atrn{min-width:28px;height:28px;border-radius:99px;background:var(--atrbg);color:var(--atr);font-weight:700;font-size:12.5px;display:inline-grid;place-items:center;padding:0 8px}
/* detalhe da linha */
.det{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;padding:6px 20px 20px 20px;background:var(--pan);animation:sobe .35s cubic-bezier(.2,.8,.2,1) both}
.det .bx{background:var(--card);border-radius:18px;padding:16px 18px;min-width:0}
.det h4{font-size:14px;font-weight:650;display:flex;align-items:center;gap:10px;margin-bottom:6px}
.det .abrir2{margin-left:auto}
/* ---- QUADRO ---- */
.kb{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 24px;scroll-behavior:smooth;align-items:flex-start;scrollbar-width:thin}
.kcol{width:320px;flex:none;background:color-mix(in srgb,var(--fb) 70%,var(--pan));border-radius:24px;padding:14px;display:flex;flex-direction:column;gap:12px}
.kcol .gh{padding:4px 6px 4px;cursor:default;flex-wrap:nowrap}.kcol .gh h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.gh .res span{white-space:nowrap}
.kc{background:var(--card);border-radius:18px;padding:14px;cursor:pointer;box-shadow:var(--sh);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s;position:relative}
.kc:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.08),0 0 0 1px var(--ln)}
.kc .tp{display:flex;gap:12px}
.kc .cv{width:62px;height:84px;flex:none;border-radius:12px;background:color-mix(in srgb,var(--c) 30%,var(--bkbase));display:flex;align-items:flex-end;justify-content:center;padding:6px 0 0;overflow:visible}
.kc .cv img{max-width:50px;max-height:76px;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(0,0,0,.2));transform:translateY(-6px);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.kc:hover .cv img{transform:translateY(-10px) scale(1.04)}
.kc .cv .mini-sem{width:50px;height:70px;transform:translateY(-6px);font-size:8px}
.kc h4{font-family:Newsreader,Georgia,serif;font-size:16px;font-weight:600;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kc .au{font-size:12px;color:var(--tx2);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kc .px{margin-top:12px;padding-top:10px;border-top:1px solid var(--ln);font-size:12.5px}
.kc .px .s{display:flex;gap:6px;align-items:center;font-weight:500}
.kc .px .s span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kc .px .m{display:flex;gap:6px;align-items:center;margin-top:7px;flex-wrap:wrap}
.kc .bt{display:flex;align-items:center;gap:8px;margin-top:10px}
.kc .bar{flex:1;height:4px;border-radius:99px;background:var(--ln);overflow:hidden}
.kc .bar i{display:block;height:100%;background:var(--tx);border-radius:99px}
.kc .bt b{font-size:11px;color:var(--tx2);font-variant-numeric:tabular-nums}
.kc .fl{position:absolute;top:12px;right:12px;display:flex;gap:5px}
.kmais{font-size:12.5px;font-weight:600;color:var(--tx2);text-align:center;padding:8px;cursor:pointer;border-radius:12px}
.kmais:hover{background:var(--card)}
/* ---- CAPAS (com respiro) ---- */
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:44px 24px;padding:26px 4px 0}
.bk2{position:relative;height:380px;cursor:pointer}
.bk2 .bg{position:absolute;inset:auto 0 0 0;height:290px;border-radius:24px;background:color-mix(in srgb,var(--c) var(--bkmix),var(--bkbase));transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-origin:50% 100%}
.bk2 .cvw{position:absolute;left:0;right:0;top:-14px;height:236px;display:flex;align-items:flex-end;justify-content:center;transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-origin:50% 100%}
.bk2 .cvw img{max-width:166px;max-height:236px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.18)) drop-shadow(0 2px 3px rgba(0,0,0,.08))}
.bk2 .cvw .sem{width:166px;height:226px;border-radius:2px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px 16px;text-align:center;
  background:color-mix(in srgb,var(--c) 34%,#fbfaf7);color:#17171a;filter:drop-shadow(0 14px 18px rgba(0,0,0,.18))}
html[data-theme=dark] .bk2 .cvw .sem{background:color-mix(in srgb,var(--c) 38%,#232327);color:#f1f1f3}
.bk2 .cvw .sem b{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:19px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.bk2 .cvw .sem i{display:block;width:22px;height:1px;background:currentColor;opacity:.45}
.bk2 .cvw .sem small{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.bk2:hover .cvw{transform:translateY(-12px) scale(1.045)}
.bk2:hover .bg{transform:scaleY(1.025)}
.bk2 .tx{position:absolute;left:18px;right:18px;top:238px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.bk2:hover .tx{transform:translateY(-4px)}
.bk2 h3{font-family:Newsreader,Georgia,serif;font-size:18px;font-weight:600;line-height:1.18;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bk2 .au{font-size:12px;color:color-mix(in srgb,var(--c) 40%,var(--bkau));margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk2 .ft{position:absolute;left:18px;right:18px;bottom:16px}
.bk2 .ft .r{display:flex;align-items:center;gap:6px}
.bk2 .fa{font-size:11px;font-weight:600;background:var(--bkchip);border-radius:99px;padding:3px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk2 .pc{font-size:11px;font-weight:600;opacity:.75;margin-left:auto}
.bk2 .pr{height:3px;border-radius:99px;background:var(--bktrack);margin-top:8px;overflow:hidden}
.bk2 .pr i{display:block;height:100%;background:var(--bkbar);border-radius:99px}
.bk2 .ft .flg{height:20px;min-width:20px;font-size:10.5px;padding:0 6px;box-shadow:none;flex:none}.bk2 .fa{min-width:0}
.flg{height:24px;min-width:24px;border-radius:99px;display:inline-grid;place-items:center;font-size:11.5px;font-weight:700;padding:0 8px;background:var(--card);box-shadow:0 2px 6px rgba(0,0,0,.08)}
.flg.r{background:var(--atrbg);color:var(--atr)}
.flg.w{background:var(--lilac);color:var(--lilactx)}
.flg.p{background:var(--sand)}

/* ---- PÁGINA DO LIVRO ---- */
.volta{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--tx2);margin-top:20px;cursor:pointer;width:max-content}
.volta:hover{color:var(--tx)}
.volta svg{width:16px;height:16px;transition:transform .2s}
.volta:hover svg{transform:translateX(-3px)}
.hl{margin-top:14px;border-radius:32px;background:color-mix(in srgb,var(--c) var(--bkmix),var(--bkbase));padding:34px 40px 30px;display:grid;grid-template-columns:240px minmax(0,1fr) 400px;gap:40px;position:relative;transition:background .6s}
.hl .cg{position:relative;height:330px;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;border-radius:20px}
.hl .cg img{max-width:236px;max-height:330px;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,0,0,.22)) drop-shadow(0 3px 4px rgba(0,0,0,.08));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.hl .cg:hover img,.hl .cg:hover .sem{transform:translateY(-8px) scale(1.02)}
.hl .cg .sem{width:228px;height:316px;border-radius:2px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px 22px;text-align:center;
  background:color-mix(in srgb,var(--c) 34%,#fbfaf7);color:#17171a;filter:drop-shadow(0 22px 26px rgba(0,0,0,.2));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
html[data-theme=dark] .hl .cg .sem{background:color-mix(in srgb,var(--c) 38%,#232327);color:#f1f1f3}
.hl .cg .sem b{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:26px;line-height:1.15}
.hl .cg .sem i{display:block;width:28px;height:1px;background:currentColor;opacity:.45}
.hl .cg .sem small{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.hl .cg .tc{position:absolute;bottom:-14px;left:50%;transform:translate(-50%,6px);opacity:0;transition:all .3s;font-size:12px;font-weight:600;background:var(--inv);color:var(--invtx);border-radius:99px;padding:6px 12px;white-space:nowrap}
.hl .cg:hover .tc{opacity:1;transform:translate(-50%,0)}
.hl .cg.sobre{box-shadow:0 0 0 3px var(--tx),inset 0 0 0 9999px rgba(255,255,255,.2)}
.hl .info{min-width:0;display:flex;flex-direction:column}
.hl .sup{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 30%,var(--bkau))}
.hl .sup .cdg{letter-spacing:.02em;text-transform:none;background:var(--bkchip);border-radius:7px;padding:2px 8px;color:var(--tx)}
.hl h1{font-family:Newsreader,Georgia,serif;font-size:clamp(32px,2.5vw,48px);font-weight:600;letter-spacing:-.02em;line-height:1.06;margin-top:12px}
.hl .aut{font-size:17px;color:color-mix(in srgb,var(--c) 35%,var(--bkau));margin-top:10px}
.hl .tgs{margin-top:14px}
.hl .tg{background:var(--bkchip);color:var(--tx)}
.hl .tg.tw{background:var(--atrbg);color:var(--atr)}
.hl .tg.su{background:var(--f-sus);color:var(--atr)}
.estg{display:flex;gap:6px;margin-top:auto;padding-top:26px}
.estg .p{flex:1;min-width:0}
.estg .p i{display:block;height:6px;border-radius:99px;background:var(--bktrack)}
.estg .p.e2 i{background:var(--bkbar)}
.estg .p.e1 i{background:linear-gradient(90deg,var(--bkbar) var(--x,50%),var(--bktrack) var(--x,50%))}
.estg .p.inf i{opacity:.5}
.estg .p small{display:block;font-size:11.5px;font-weight:600;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:color-mix(in srgb,var(--tx) 55%,transparent)}
.estg .p.e1 small{color:var(--tx)}
.estg .p small em{font-style:normal;font-weight:500;opacity:.7;margin-left:4px}
.faseln{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;font-size:13.5px}
.faseln .fc{font-weight:650;background:var(--bkchip);border-radius:99px;padding:6px 13px}
.faseln .fc:first-letter{text-transform:uppercase}
.faseln .eb{color:color-mix(in srgb,var(--tx) 65%,transparent)}
.bsm{height:34px;border-radius:99px;padding:0 14px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;background:var(--bkchip);transition:all .2s}
.bsm:hover{background:var(--card);transform:translateY(-1px)}
.bsm svg{width:15px;height:15px}
.bsm.pri{background:var(--inv);color:var(--invtx)}
.hl .lado{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
.kp{background:var(--card);border-radius:20px;padding:14px 16px;min-width:0;box-shadow:var(--sh)}
.kp.w2{grid-column:1/3}
.kp .kr{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);font-weight:600}
.kp .v{font-size:20px;font-weight:650;letter-spacing:-.02em;margin-top:6px;display:flex;align-items:center;gap:8px;line-height:1.15}
.kp .s{font-size:12.5px;color:var(--tx2);margin-top:5px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.kp.prx{cursor:pointer;transition:transform .25s,box-shadow .25s}
.kp.prx:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.kp.prx .v{font-size:15px;font-weight:600;letter-spacing:-.01em}
.kp.preto{background:var(--strong);color:#fff;box-shadow:0 0 0 1px var(--strongln)}
.kp.preto .kr{color:#7b7b82}.kp.preto .s{color:#9d9da3}
.kp.preto .v b{font-size:34px;letter-spacing:-.04em}
.lks{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px;grid-column:1/3}
.lkb{height:36px;border-radius:99px;background:var(--card);display:inline-flex;align-items:center;gap:7px;padding:0 13px 0 11px;font-size:12.5px;font-weight:600;position:relative;transition:all .2s;box-shadow:var(--sh)}
.lkb svg{width:15px;height:15px}
a.lkb:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--tx3)}
.lkb.desl{opacity:.42;box-shadow:none;background:var(--bkchip)}
.lkb.pede{opacity:1;background:var(--bkchip);color:var(--atr);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--atr) 40%,transparent)}
.lkb.pede:after{content:"!";position:absolute;top:-5px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--atr);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center}
.abas2{display:flex;gap:4px;margin-top:22px;border-bottom:1px solid var(--ln)}
.abas2 button{height:42px;padding:0 16px;font-size:14px;font-weight:600;color:var(--tx3);position:relative;transition:color .2s}
.abas2 button:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:var(--tx);transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.abas2 button.on{color:var(--tx)}
.abas2 button.on:after{transform:none}
.abas2 .n{font-size:11px;color:var(--tx3);margin-left:6px}
.acomp{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:18px;padding-bottom:30px;align-items:start}
.cx{background:var(--card);border-radius:24px;padding:20px 22px;box-shadow:var(--sh);min-width:0}
.cx .cab{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.cx .cab h2{font-size:18px;font-weight:650;letter-spacing:-.02em}
.mseg{display:flex;background:var(--pan);border-radius:99px;padding:3px;margin-left:auto}
.mseg button{font-size:12px;font-weight:500;color:var(--tx2);padding:5px 11px;border-radius:99px}
.mseg button.on{background:var(--card);color:var(--tx);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.mseg .n{font-size:10.5px;color:var(--tx3);margin-left:3px}
.bl{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--tx3);font-weight:600;margin:18px 0 4px;display:flex;align-items:center;gap:8px}
.bl:after{content:"";flex:1;height:1px;background:var(--ln)}
.tr{display:flex;align-items:center;gap:12px;padding:9px 8px;margin:0 -8px;border-radius:12px;cursor:pointer;transition:background .2s}
.tr:hover{background:var(--pan)}
.tr .ck2{width:20px;height:20px;border-radius:50%;border:1.6px solid var(--tx3);flex:none;display:grid;place-items:center;transition:all .2s}
.tr:hover .ck2{border-color:var(--tx)}
.tr.fe .ck2{background:var(--tx);border-color:var(--tx)}
.tr.fe .ck2:after{content:"";width:5px;height:9px;border:solid var(--card);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.tr.ca .ck2{border-style:dashed}
.tr .s{flex:1;min-width:0;font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr.fe .s,.tr.ca .s{color:var(--tx3);font-weight:400}
.tr .m{display:flex;align-items:center;gap:8px;flex:none}
.tr.conc{opacity:.45;pointer-events:none}
.tr.conc .ck2{background:var(--bom);border-color:var(--bom)}
.tr.realce{animation:realce 2s ease}
@keyframes realce{0%,40%{background:var(--sand)}100%{background:transparent}}
.pl2{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--ln);font-size:13.5px}
.pl2:first-of-type{border-top:0}
.pl2>span:first-child{color:var(--tx2);flex:none}
.pl2>span:last-child{text-align:right;min-width:0;display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.pl2 b{font-weight:600}
.cp{width:26px;height:26px;border-radius:8px;display:inline-grid;place-items:center;color:var(--tx2);cursor:pointer;flex:none}
.cp:hover{background:var(--pan);color:var(--tx)}
.cp svg{width:14px;height:14px}
.falta{border-radius:18px;background:var(--atrbg);padding:14px 16px;margin-top:12px}
.falta b{font-size:13px;color:var(--atr);display:flex;align-items:center;gap:8px}
.falta div{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.falta span{font-size:11.5px;font-weight:600;background:var(--card);border-radius:99px;padding:3px 9px;color:var(--tx)}
.falta a{font-size:12.5px;font-weight:600;color:var(--atr);margin-top:10px;display:inline-flex;gap:4px;align-items:center;cursor:pointer}
.nt{border-radius:16px;background:var(--pan);padding:12px 14px;margin-top:10px}
.nt.fx{background:var(--sand)}
.nt .t{font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.nt .m,.cm .m{font-size:11.5px;color:var(--tx3);margin-top:7px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.nt .m a{font-weight:600;color:var(--tx2);cursor:pointer}
.nt .m a:hover{color:var(--tx)}
.nt .m .sp{flex:1}
.cm{display:flex;gap:11px;padding:12px 0;border-top:1px solid var(--ln)}
.cm:first-of-type{border-top:0}
.cm .a{width:30px;height:30px;font-size:11px}
.cm .w{min-width:0;flex:1}
.cm .w>b{font-size:13px}
.cm .w>b small{font-weight:500;color:var(--tx3);margin-left:6px;font-size:11.5px}
.cm .c{font-size:13.5px;line-height:1.5;margin-top:3px;word-break:break-word}
.cm .c .mention{font-weight:600;background:var(--sky);border-radius:6px;padding:0 4px}
.cm .ta{font-size:11.5px;color:var(--tx3);margin-top:4px;cursor:pointer}
.cm .ta:hover{color:var(--tx)}
.bt2{height:34px;border-radius:99px;padding:0 13px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;background:var(--pan);transition:all .2s}
.bt2:hover{background:var(--gray);transform:translateY(-1px)}
.bt2 svg{width:15px;height:15px}
.bt2.pri{background:var(--inv);color:var(--invtx)}
/* dados do livro */
.dados{columns:3 520px;column-gap:16px;margin-top:18px;padding-bottom:30px}
.dados .cx{break-inside:avoid;margin-bottom:16px;display:inline-block;width:100%}
.dados .cx h2{font-size:17px;margin-bottom:6px}
.dados .cab .n{font-size:12px;color:var(--atr);font-weight:600}
.fdl{display:grid;grid-template-columns:minmax(150px,40%) 1fr;gap:12px;align-items:center;padding:7px 0;border-top:1px solid var(--ln)}
.fdl:first-of-type{border-top:0}
.fdl label{font-size:12.5px;color:var(--tx2);line-height:1.3;display:flex;align-items:center;gap:6px}
.fdl label .ok3{color:var(--bom);font-weight:700;opacity:0;transition:opacity .3s}
.fdl label .ok3.on{opacity:1}
.fdl .ctl{position:relative;min-width:0}
.fdl input,.fdl select,.fdl textarea,.dlg input,.dlg select,.dlg textarea{width:100%;height:36px;border:0;border-radius:11px;background:var(--pan);padding:0 12px;font:500 13px var(--fs),sans-serif;color:var(--tx);outline:none;transition:box-shadow .2s,background .2s}
.fdl textarea,.dlg textarea{height:auto;min-height:74px;padding:9px 12px;line-height:1.45;resize:vertical}
.fdl input:focus,.fdl select:focus,.fdl textarea:focus,.dlg input:focus,.dlg select:focus,.dlg textarea:focus{box-shadow:0 0 0 2px var(--tx);background:var(--card)}
.fdl input[type=checkbox],.dlg input[type=checkbox]{width:18px;height:18px;accent-color:var(--sel)}
.fdl.f input,.fdl.f select,.fdl.f textarea{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--atr) 55%,transparent);background:color-mix(in srgb,var(--atrbg) 60%,var(--pan))}
.fdl.f label{color:var(--atr);font-weight:600}
.fdl .ds{font-size:11.5px;color:var(--tx3);margin-top:4px}
.fdl.n .ctl,.fdl.i .ctl{opacity:.6}
.fdl.ro input,.fdl.ro select,.fdl.ro textarea{background:transparent;box-shadow:none;padding-left:0;color:var(--tx)}
.fdl .tv{font-size:11px;margin-left:2px}
.fdl .lnk2{position:absolute;right:8px;top:8px;width:20px;height:20px;display:grid;place-items:center;color:var(--tx2)}
.fdl .lnk2 svg{width:14px;height:14px}
.aut-l{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.aut-r{display:grid;grid-template-columns:1fr 150px 32px;gap:8px}
.aut-r select,.aut-r input{height:36px;border:0;border-radius:11px;background:var(--pan);padding:0 12px;font:500 13px var(--fs),sans-serif;color:var(--tx);outline:none}
.aut-r .rm{width:32px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--tx3)}
.aut-r .rm:hover{background:var(--atrbg);color:var(--atr)}
/* menu da tarefa (popover) */
.pop{position:fixed;z-index:70;width:320px;background:var(--card);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.22),0 0 0 1px var(--ln);padding:8px;opacity:0;transform:translateY(-6px) scale(.98);
  transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1);transform-origin:top left}
.pop.on{opacity:1;transform:none}
.pop .mh{padding:10px 12px 10px;font-size:13.5px;font-weight:600;line-height:1.35;border-bottom:1px solid var(--ln);margin-bottom:6px}
.pop .mh small{display:block;font-size:12px;color:var(--tx3);font-weight:500;margin-top:3px}
.pop .mh .m2{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.pop .mf{font-size:12px;color:var(--atr);background:var(--atrbg);border-radius:12px;padding:8px 10px;margin:0 4px 6px;line-height:1.4}
.pop button{width:100%;display:flex;align-items:center;gap:11px;height:40px;padding:0 12px;border-radius:12px;font-size:13.5px;font-weight:500;text-align:left;transition:background .15s}
.pop button:hover{background:var(--pan)}
.pop button svg{width:17px;height:17px;color:var(--tx2)}
.pop button.pri{font-weight:650}
.pop button.pri svg{color:var(--bom)}
.pop hr{border:0;border-top:1px solid var(--ln);margin:5px 6px}
/* diálogo */
.dlg{position:fixed;left:50%;top:50%;width:520px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);overflow-y:auto;transform:translate(-50%,-46%) scale(.97);opacity:0;pointer-events:none;
  background:var(--card);color:var(--tx);border-radius:28px;padding:30px 30px 24px;z-index:80;transition:all .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.dlg.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}
.dlg.larga{width:680px}
.dlg h2{font-size:24px;font-weight:650;letter-spacing:-.03em;line-height:1.15}
.dlg .sub{font-size:13.5px;color:var(--tx2);margin-top:8px;line-height:1.5}
.dlg .cps{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.dlg .cp2 label{display:block;font-size:12.5px;font-weight:600;color:var(--tx2);margin-bottom:6px}
.dlg .cp2 .ds{font-size:12px;color:var(--tx3);margin-top:5px;line-height:1.4}
.dlg .lin{display:flex;align-items:center;gap:10px;font-size:13.5px;cursor:pointer}
.dlg .dois{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dlg .fim{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
.dlg .err{font-size:12.5px;color:var(--atr);margin-top:12px;display:none}
.dlg .err.on{display:block}
.veu2{position:fixed;inset:0;background:rgba(0,0,0,.38);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s;z-index:75}
.veu2.on{opacity:1;pointer-events:auto}
.opc{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.opc button{height:40px;border-radius:12px;background:var(--pan);font-size:13px;font-weight:500;transition:all .2s}
.opc button.on{background:var(--inv);color:var(--invtx);font-weight:600}
.mencoes{position:relative}
.mlist{position:absolute;left:0;right:0;top:100%;margin-top:4px;background:var(--card);border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.18),0 0 0 1px var(--ln);padding:6px;z-index:5;display:none}
.mlist.on{display:block}
.mlist div{padding:8px 10px;border-radius:9px;font-size:13px;cursor:pointer;display:flex;gap:9px;align-items:center}
.mlist div.on,.mlist div:hover{background:var(--pan)}
/* aviso com desfazer */
.toastu{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:#0c0c0d;color:#fff;font-size:13.5px;font-weight:500;display:flex;align-items:center;gap:14px;
  padding:8px 8px 8px 20px;border-radius:99px;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:all .3s cubic-bezier(.2,.8,.2,1);z-index:90;max-width:calc(100vw - 32px)}
.toastu.on{opacity:1;transform:translate(-50%,0)}
.toastu span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.toastu b.seg10{font-variant-numeric:tabular-nums}
.toastu button{height:34px;border-radius:99px;background:#fff;color:#0c0c0d;font-size:13px;font-weight:650;padding:0 16px;flex:none}
html[data-theme=dark] .toastu{background:#f1f1f3;color:#0c0c0d}
html[data-theme=dark] .toastu button{background:#0c0c0d;color:#fff}
/* busca rápida (Ctrl K) */
.cmdk{position:fixed;left:50%;top:13vh;width:680px;max-width:calc(100vw - 32px);transform:translate(-50%,-10px) scale(.98);opacity:0;pointer-events:none;background:var(--card);border-radius:24px;
  box-shadow:0 30px 80px rgba(0,0,0,.35);z-index:80;transition:all .3s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.cmdk.on{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.cmdk .in{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--ln)}
.cmdk .in svg{width:20px;height:20px;color:var(--tx3)}
.cmdk input{flex:1;border:0;outline:0;background:transparent;font:500 18px var(--fs),sans-serif;color:var(--tx)}
.cmdk kbd{font:600 11px var(--fs);color:var(--tx2);background:var(--pan);border-radius:8px;padding:5px 8px}
.cmdk .rs{max-height:56vh;overflow-y:auto;padding:8px}
.cmdk .it{display:flex;align-items:center;gap:14px;padding:8px 12px;border-radius:14px;cursor:pointer}
.cmdk .it.on{background:var(--pan)}
.cmdk .it .mc{width:34px;height:46px;display:flex;align-items:flex-end;justify-content:center;flex:none}
.cmdk .it .mc img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.18))}
.cmdk .it .mc .mini-sem{width:34px;height:46px;font-size:6px}
.cmdk .it b{font-family:Newsreader,Georgia,serif;font-size:16px;font-weight:600;display:block}
.cmdk .it small{font-size:12px;color:var(--tx2)}
.cmdk .it .cd{margin-left:auto}
.cmdk .vz{padding:28px;text-align:center;color:var(--tx3);font-size:14px}
.cmdk .ft{display:flex;gap:16px;padding:10px 22px;border-top:1px solid var(--ln);font-size:12px;color:var(--tx3)}
/* responsivo */
@media (max-width:1900px){.acomp{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.acomp .cad{grid-column:1/3}}
@media (max-width:1700px){.hl{grid-template-columns:200px minmax(0,1fr)}.hl .lado{grid-column:1/3;grid-template-columns:1.6fr repeat(4,1fr)}.hl .lado .lks{grid-column:1/-1}.kp.w2{grid-column:auto}
  .hl .cg{height:280px}.hl .cg img{max-width:196px;max-height:280px}.hl .cg .sem{width:190px;height:266px}}
@media (max-width:1200px){.acomp{grid-template-columns:1fr}.acomp .cad{grid-column:auto}.det{grid-template-columns:1fr}.hl .lado{grid-template-columns:1fr 1fr}.hl .lado .lks{grid-column:1/-1}.hl .lado .kp.w2{grid-column:1/-1}}
@media (max-width:1000px){.hl{grid-template-columns:1fr;padding:26px}.hl .cg{height:240px}.ph h1{font-size:34px}.hl h1{font-size:34px}.busca2{min-width:0;flex:1 1 100%}}


/* ===== ajustes de design (09/10, 05h20) ===== */
.faixas{margin-top:18px;display:flex;flex-direction:column;gap:10px}
.faixas .barra{margin-top:0}
.rotulo{min-width:54px}
.divis{height:1px;background:var(--ln);margin:22px 0 4px}
.corpo{margin-top:16px}
.tg{font-size:10.5px;padding:2px 8px;line-height:16px;display:inline-flex;align-items:center;gap:4px}
.tg svg{width:11px;height:11px}
.tg.inc{background:transparent;color:var(--amb);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--amb) 45%,transparent)}
.tg.c.selo{background:var(--inv);color:var(--invtx)}
.tgs{margin-top:5px;gap:4px}
/* capa provisória miniatura: só a inicial */
.mini-sem{font-size:inherit;padding:0}
.mini-sem b{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:22px;line-height:1;color:inherit}
.cmdk .it .mc .mini-sem b{font-size:18px}
/* cabeçalho dos grupos: seta */
.gh .car{margin-left:0;width:26px;height:26px;border-radius:50%;background:var(--card);display:grid;place-items:center;box-shadow:0 0 0 1px var(--ln);color:var(--tx2);transition:transform .3s,background .2s}
.gh .car svg{width:14px;height:14px}
.gh:hover .car{background:var(--inv);color:var(--invtx)}
.grp.fech .gh .car{transform:rotate(-90deg)}
/* lista: linha */
.lv .mc{width:40px;height:56px}
.lv .tt a{font-size:16.5px}
.rw>.ln{min-height:84px}
/* linha aberta: painel como antes */
.det{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.det .bx.painel{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:start}
.det .pcapa{height:186px;display:flex;align-items:flex-end;justify-content:center;border-radius:14px;background:color-mix(in srgb,var(--c) var(--bkmix),var(--bkbase));padding:0 0 0}
.det .pcapa img{max-width:112px;max-height:170px;object-fit:contain;transform:translateY(-8px);filter:drop-shadow(0 10px 12px rgba(0,0,0,.2))!important}
.det .pcapa .sem{width:108px;height:150px;border-radius:2px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px;text-align:center;transform:translateY(-10px);background:color-mix(in srgb,var(--c) 34%,#fbfaf7);color:#17171a;filter:drop-shadow(0 10px 12px rgba(0,0,0,.18))}
html[data-theme=dark] .det .pcapa .sem{background:color-mix(in srgb,var(--c) 38%,#232327);color:#f1f1f3}
.det .pcapa .sem b{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:14px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.det .pcapa .sem i{display:block;width:18px;height:1px;background:currentColor;opacity:.45}
.det .pcapa .sem small{font-size:7.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.det .pinfo{min-width:0}
.det .pinfo .pl2{padding:7px 0;font-size:13px}
.det .pinfo h4{margin-bottom:2px}
.det .faseln.compacta{margin-top:10px;font-size:12.5px;gap:6px}
.det .faseln.compacta .fc{padding:4px 11px;background:var(--pan)}
.det .faseln.compacta .bsm{height:30px;font-size:12px;background:var(--pan)}
.det .lks{grid-column:auto;margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.det .lkb{height:32px;font-size:12px;padding:0 10px;box-shadow:0 0 0 1px var(--ln);justify-content:flex-start}
.det .cad-r{grid-column:1/3;border-top:1px solid var(--ln);margin-top:4px;padding-top:12px}
.cad-r .cab{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}
.cad-r .cab h4{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:650;margin:0}
.cad-r .cab h4 svg{width:16px;height:16px}
.cad-r .bt2{height:30px;font-size:12px}
.nt.mini{padding:8px 11px;margin-top:6px}
.nt.mini .t{font-size:12.5px}
.cm.mini{padding:8px 0}
.cm.mini .a{width:24px;height:24px;font-size:9.5px}
.cm.mini .c{font-size:12.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* quadro */
.kbtop{overflow-x:auto;overflow-y:hidden;height:14px;margin-bottom:4px;scrollbar-width:thin}
.kbtop>div{height:1px}
.kb{padding-top:0;scrollbar-width:none}
.kb::-webkit-scrollbar{display:none}
.kcol{width:300px;padding:12px}
.kcol .gh.kh{height:56px;align-items:flex-start;padding:6px 6px 0;gap:8px;flex-wrap:nowrap}
.kcol .gh.kh .bola{margin-top:5px;flex:none}
.kcol .gh.kh h3{font-size:15px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;flex:1;min-width:0}
.kcol .gh.kh .kd{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.kcol .gh.kh .kd .n{font-size:13px}
.kcol .gh.kh .res{margin:0}
.kcol .gh.kh .res span{padding:2px 8px;font-size:11px;white-space:nowrap}
.kc{padding:0;overflow:hidden;border-radius:20px}
.kc .kcv{height:176px;background:color-mix(in srgb,var(--c) var(--bkmix),var(--bkbase));display:flex;align-items:flex-end;justify-content:center;position:relative;transition:background .5s}
.kc .kcv img{max-width:118px;max-height:154px;object-fit:contain;transform:translateY(-10px);filter:drop-shadow(0 12px 14px rgba(0,0,0,.2)) drop-shadow(0 2px 3px rgba(0,0,0,.08))!important;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.kc:hover .kcv img,.kc:hover .kcv .sem{transform:translateY(-14px) scale(1.03)}
.kc .kcv .sem{width:106px;height:146px;border-radius:2px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px;text-align:center;transform:translateY(-12px);background:color-mix(in srgb,var(--c) 34%,#fbfaf7);color:#17171a;filter:drop-shadow(0 12px 14px rgba(0,0,0,.18));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
html[data-theme=dark] .kc .kcv .sem{background:color-mix(in srgb,var(--c) 38%,#232327);color:#f1f1f3}
.kc .kcv .sem b{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:14px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.kc .kcv .sem i{display:block;width:18px;height:1px;background:currentColor;opacity:.45}
.kc .kcv .sem small{font-size:7.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.kc .kfl{position:absolute;left:10px;right:10px;top:10px;display:flex;gap:5px;justify-content:flex-end}
.kc .kfl .flg{height:22px;font-size:11px}
.kc .kbd{padding:12px 14px 14px}
.kc .px{margin-top:10px;padding:10px 11px;border-top:0;background:var(--pan);border-radius:12px;transition:background .2s}
.kc .px:hover{background:var(--gray)}
.kc .kr{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);font-weight:600;margin-bottom:4px}
.kc .kg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.kc .kv{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kc .bt{margin-top:12px;gap:10px}
.kc .bt .avs{flex:none}
/* capas: alertas no rodapé */
.bk2 .ft .r{flex-wrap:nowrap}
/* página do livro */
.hl .sin{margin-top:14px;font-size:14px;line-height:1.55;color:color-mix(in srgb,var(--tx) 75%,transparent);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-width:820px}
.hl .lks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;grid-column:1/-1}
.lkb{height:38px;display:flex;align-items:center;justify-content:center;padding:0 10px;white-space:nowrap;overflow:hidden}
.lkb.desl,.lkb.pede{box-shadow:none;background:color-mix(in srgb,var(--bkchip) 60%,transparent);color:color-mix(in srgb,var(--tx) 45%,transparent)}
.lkb.pede{color:var(--amb);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--amb) 45%,transparent)}
.lkb.pede:after{background:var(--amb)}
.hl .tg.inc{background:var(--bkchip);color:var(--amb);box-shadow:none}
.abas2 button{display:inline-flex;align-items:center;gap:7px}
.abas2 button svg{width:16px;height:16px}
.acomp .cx.cad-r{padding:18px 20px}
.caderno .cx{max-width:980px}
.cad-sub{font-size:13px;color:var(--tx2);line-height:1.5;margin:4px 0 6px}
.cad-pg .nts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.cad-pg .nt{margin-top:0;padding:14px 16px;border-radius:18px}
.cad-pg .cm{padding:14px 0}
.cad-pg .cm .a{width:34px;height:34px}
.cad-pg .cm .c{font-size:14px}
/* dados: filtros e campos */
.dfil{margin-top:18px}
.sofalta .fdl:not(.fl-falta){display:none}
.sofalta .fdl.fl-falta{border-top:0}
/* avisos vermelhos só para atraso */
.falta{background:color-mix(in srgb,var(--ambbg) 80%,transparent)}
.falta b{color:var(--amb)}.falta a{color:var(--amb)}
.falta div span{color:var(--tx)}
.fdl.f label{color:var(--amb)}
.fdl.f input,.fdl.f select,.fdl.f textarea{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--amb) 55%,transparent);background:color-mix(in srgb,var(--ambbg) 60%,var(--pan))}
.dados .cab .n{color:var(--amb)}
.pop .mf{color:var(--amb);background:var(--ambbg)}


/* ===== ajustes 05h40: agrupar, quadro neutro, capas provisórias, topo em cartão ===== */
.faixas{background:var(--card);border-radius:24px;padding:16px 20px;box-shadow:var(--sh);gap:10px}
.faixas .barra:last-child{margin-top:0}
.divis{display:none}
.agrb{margin-top:16px}
.corpo{margin-top:14px}
/* capas provisórias: mesmo tamanho dos PNGs da loja (margem transparente) e cor mais forte */
:root{--semf:62%}
.bk .sem,.bk2 .cvw .sem,.hl .cg .sem,.det .pcapa .sem,.kc .kcv .sem{background:color-mix(in srgb,var(--c) var(--semf),#fff)!important;color:#17171a!important}
html[data-theme=dark] .bk .sem,html[data-theme=dark] .bk2 .cvw .sem,html[data-theme=dark] .hl .cg .sem,html[data-theme=dark] .det .pcapa .sem,html[data-theme=dark] .kc .kcv .sem{background:color-mix(in srgb,var(--c) 70%,#1a1a1d)!important;color:#f1f1f3!important}
.bk .sem{width:134px;height:190px;transform:translateX(-50%) translateY(-18px);padding:18px 12px}
.bk:hover .sem{transform:translateX(-50%) translateY(-28px) scale(1.045)}
.bk .sem b{font-size:16px}
.bk2 .cvw .sem{width:138px;height:196px;padding:18px 12px;margin-bottom:16px}
.bk2 .cvw .sem b{font-size:16px}
.hl .cg .sem{width:190px;height:270px;margin-bottom:22px}
.hl .cg .sem b{font-size:22px}
.det .pcapa .sem{width:92px;height:130px;transform:translateY(-18px)}
.kc .kcv .sem{width:92px;height:130px;transform:translateY(-22px)}
.kc:hover .kcv .sem{transform:translateY(-26px) scale(1.03)}
.mini-sem{background:color-mix(in srgb,var(--c) var(--semf),#fff)!important;color:#17171a}
html[data-theme=dark] .mini-sem{background:color-mix(in srgb,var(--c) 70%,#1a1a1d)!important;color:#f1f1f3}
/* quadro neutro, cabeçalho fixo e rolagem por coluna */
.kb{height:70vh;overflow-y:hidden;padding-bottom:6px;align-items:stretch;scrollbar-width:thin}
.kb::-webkit-scrollbar{display:block;height:10px}
.kb::-webkit-scrollbar-thumb{background:var(--tx3);border-radius:99px}
.kcol{background:var(--card);box-shadow:var(--sh);padding:0;display:flex;flex-direction:column;min-height:0;gap:0}
.kcol .gh.kh{position:sticky;top:0;z-index:2;background:var(--card);border-bottom:1px solid var(--ln);padding:14px 16px 10px;height:auto;min-height:62px;align-items:center;border-radius:24px 24px 0 0;flex:none}
.kcol .gh.kh .bola{box-shadow:none;width:10px;height:10px;margin-top:0}
.kcol .gh.kh h3{-webkit-line-clamp:2;font-size:15px}
.kcol .gh.kh .kd{flex-direction:row;align-items:center;gap:8px}
.kcol .gh.kh .res span{background:var(--gray);color:var(--tx)}
.kcol .gh.kh .res span.a{background:var(--atrbg);color:var(--atr)}
.kcol .kcs>*{flex:none}.kcol .kcs{overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;flex:1;min-height:0}
.kc{box-shadow:0 0 0 1px var(--ln);background:var(--card)}
.kc:hover{box-shadow:0 10px 24px rgba(0,0,0,.08),0 0 0 1px var(--ln)}
.kc .kcv{background:color-mix(in srgb,var(--c) 14%,var(--pan))}
.kc .px{background:var(--pan)}
.kc .kfl .flg.r{background:var(--inv);color:var(--invtx)}
.kc .kfl .flg.w{background:var(--card);color:var(--tx)}


/* ===== ajustes 05h50 ===== */
.faixas{background:color-mix(in srgb,var(--card) 55%,var(--pan))}
.faixas .selp select,.faixas .chp,.faixas .abas,.faixas .busca2,.faixas .sl{background:var(--card)}
/* barras de rolagem discretas */
.main,.kcs,.kb{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--tx) 18%,transparent) transparent}
.kcs::-webkit-scrollbar,.main::-webkit-scrollbar{width:8px;height:8px}
.kcs::-webkit-scrollbar-thumb,.main::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--tx) 18%,transparent);border-radius:99px}
.kcs::-webkit-scrollbar-track,.main::-webkit-scrollbar-track{background:transparent}
/* quadro: rolagem da página continua; cada coluna rola sozinha; cabeçalho fixo */
.main{overflow-x:auto}
.kb{height:auto;overflow:visible;width:max-content;min-width:100%;padding-bottom:24px}
.kb::-webkit-scrollbar{display:none}
.kcol{background:color-mix(in srgb,var(--tx) 5%,var(--pan));box-shadow:none;max-height:calc(100vh - 80px)}
.kcol .gh.kh{background:color-mix(in srgb,var(--tx) 5%,var(--pan));border-bottom:1px solid color-mix(in srgb,var(--tx) 8%,transparent)}
.kc{box-shadow:var(--sh)}
/* capas opacas (JPG) do tamanho das provisórias */
.bk img.cv.opaca{width:134px;height:190px;top:18px}
.bk .sem{top:18px;transform:translateX(-50%)}
.bk:hover .sem{transform:translateX(-50%) translateY(-12px) scale(1.045)}
.bk:active .sem{transform:translateX(-50%) translateY(-6px) scale(1.02)}
.bk2 .cvw img.opaca{max-height:196px;margin-bottom:16px}
.hl .cg img.opaca{max-height:270px;margin-bottom:22px}
.kc .kcv img.opaca{max-height:130px;transform:translateY(-22px)}
.kc:hover .kcv img.opaca{transform:translateY(-26px) scale(1.03)}
.det .pcapa img.opaca{max-height:130px;transform:translateY(-18px)}
.lv .mc img.opaca{max-height:46px}


/* ===== 05h55: capas na mesma caixa; filtros fixos; quadro rola sozinho ===== */
.bk img.cv,.bk img.cv.opaca{width:134px;height:190px;top:18px;object-position:50% 100%}
.bk2 .cvw img,.bk2 .cvw img.opaca{max-width:138px;max-height:196px;width:138px;height:196px;object-fit:contain;object-position:50% 100%;margin-bottom:16px}
.hl .cg img,.hl .cg img.opaca{width:190px;height:270px;max-width:190px;max-height:270px;object-fit:contain;object-position:50% 100%;margin-bottom:22px}
.kc .kcv img,.kc .kcv img.opaca{width:92px;height:130px;max-width:92px;max-height:130px;object-fit:contain;object-position:50% 100%;transform:translateY(-22px)}
.kc:hover .kcv img{transform:translateY(-26px) scale(1.03)}
/* linha aberta: capa o maior possível, centralizada */
.det .pcapa{align-items:center;height:196px}
.det .pcapa img,.det .pcapa img.opaca{width:116px;height:166px;max-width:116px;max-height:166px;object-fit:contain;object-position:50% 50%;transform:none}
.det .pcapa .sem{width:116px;height:166px;transform:none}
.det .pcapa .sem b{font-size:15px}
.lv .mc img,.lv .mc img.opaca{width:40px;height:56px;max-height:56px;object-fit:contain}
/* só o quadro rola na horizontal; filtros ficam parados */
.main{overflow-x:hidden}
.kb{overflow-x:auto;overflow-y:hidden;width:auto;min-width:0;padding-bottom:10px;scrollbar-width:thin}
.kb::-webkit-scrollbar{display:block;height:8px}
.kb::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--tx) 18%,transparent);border-radius:99px}
.kb::-webkit-scrollbar-track{background:transparent}