/* ============ Colinhas 2026/2 — design system único (index · treino · gerador · resumo) ============ */
:root{
  --bg:#f5f6f8; --card:#fff; --ink:#1f2937; --muted:#6b7280; --line:#e5e7eb;
  --calc:#2563eb; --calc-bg:#eaf1ff; --calc-soft:#dbe7ff; --calc-ink:#1e3a8a;
  --stat:#059669; --stat-bg:#e8f8f1; --stat-soft:#d1f2e3; --stat-ink:#065f46;
  --alg:#7c3aed;  --alg-bg:#f1eaff;  --alg-soft:#e6dbff;  --alg-ink:#4c1d95;
  --tool:#b45309; --tool-bg:#fff4e5; --tool-soft:#ffe8c7; --tool-ink:#7c2d12;
  --ger:#0f766e;  --ger-bg:#e6f6f4;
  --paper:#fffdf5; --paper-line:#f0e6c8; --paper-accent:#d6b85a;
  --keys:#f3f4f6;  --keys-line:#d1d5db;  --keys-accent:#6b7280;
  --warn:#fef2f2; --warn-line:#fecaca; --warn-ink:#991b1b;
  --ok:#ecfdf5;   --ok-line:#a7f3d0;
  --nav-h:44px; --radius:14px; --shadow:0 1px 3px rgba(0,0,0,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 10px)}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;font-size:16px}
main{max-width:1100px;margin:0 auto;padding:16px 18px 80px}
a{color:#1d4ed8}
.muted{color:var(--muted)}
kbd{display:inline-block;border:1px solid #9ca3af;border-bottom-width:2px;border-radius:5px;background:#fff;padding:0 6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88em;margin:0 1px;white-space:nowrap}
pre{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:10px 12px;margin:8px 0;font-size:.88rem;white-space:pre-wrap;word-break:break-word;line-height:1.45;font-family:ui-monospace,Menlo,Consolas,monospace}
/* pre com matriz/tabela ASCII (contém "|"): nav.js e GEN.h.pre marcam com .tab → nunca quebra linha, rola de lado */
pre.tab{white-space:pre;word-break:normal;overflow-x:auto;max-width:100%}
table{border-collapse:collapse;width:100%;margin:8px 0;font-size:.95rem;background:#fff}
th,td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
th{background:#f3f4f6}

/* ---- barra sticky (gerada por nav.js) ---- */
.barra{position:sticky;top:0;z-index:50;background:#0f172a;color:#fff;height:var(--nav-h);display:flex;align-items:center;gap:6px;padding:0 14px;font-size:.9rem;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.barra::-webkit-scrollbar{display:none}
.barra .brand{font-weight:700;margin-right:8px;color:#fff;text-decoration:none}
.barra a{color:#cbd5e1;text-decoration:none;padding:5px 10px;border-radius:999px}
.barra a:hover{background:#1e293b;color:#fff}
.barra a[aria-current]{background:#334155;color:#fff;font-weight:600}
.barra .sep{width:1px;height:20px;background:#334155;margin:0 6px;flex:none}
.barra a{flex:none}
.barra a.chip-stat{color:#6ee7b7} .barra a.chip-calc{color:#93c5fd} .barra a.chip-alg{color:#c4b5fd} .barra a.chip-tool{color:#fcd34d} .barra a.chip-print{color:#fdba74}

/* ---- hero ---- */
header.hero{--hero-a:#1e293b;--hero-b:#334155;background:linear-gradient(120deg,var(--hero-a),var(--hero-b));color:#fff;padding:30px 18px 24px}
body.pg-treino header.hero{--hero-a:#0f766e;--hero-b:#134e4a}
body.pg-gerador header.hero{--hero-a:#7c2d12;--hero-b:#b45309}
body.pg-resumo header.hero{--hero-a:#1f2937;--hero-b:#374151;padding:14px 18px}
header.hero .wrap{max-width:1100px;margin:0 auto}
header.hero h1{margin:0 0 6px;font-size:1.9rem;letter-spacing:.3px}
header.hero p{margin:4px 0;opacity:.94}
header.hero a{color:#bfdbfe}
.btn{display:inline-block;background:#0f766e;color:#fff!important;padding:6px 14px;border-radius:999px;text-decoration:none;font-weight:600;margin:4px 6px 0 0;border:0;cursor:pointer;font-size:.95rem}
.btn.resumo{background:#b45309} .btn.gerador{background:#7c3aed} .btn.cola{background:#2563eb}
.btn.ghost{background:#fff;color:var(--ink)!important;border:1px solid var(--line)}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.9rem;margin-top:10px;opacity:.95}
.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:600;margin-right:6px}
.pill.calc{background:var(--calc-soft);color:var(--calc-ink)} .pill.stat{background:var(--stat-soft);color:var(--stat-ink)} .pill.alg{background:var(--alg-soft);color:var(--alg-ink)} .pill.tool{background:var(--tool-soft);color:var(--tool-ink)} .pill.new{background:#fde68a;color:#78350f}

/* ---- código do tópico (badge) ---- */
.code{display:inline-block;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;font-size:.78em;padding:1px 8px;border-radius:6px;background:#e5e7eb;color:#374151;vertical-align:middle;letter-spacing:.3px}
.code.stat{background:var(--stat-soft);color:var(--stat-ink)} .code.calc{background:var(--calc-soft);color:var(--calc-ink)} .code.alg{background:var(--alg-soft);color:var(--alg-ink)} .code.tool{background:var(--tool-soft);color:var(--tool-ink)}

/* ---- sumário ---- */
nav.toc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin:22px 0 30px;box-shadow:var(--shadow)}
nav.toc h2{margin:0 0 10px;font-size:1.25rem}
nav.toc .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 26px}
nav.toc h3{margin:8px 0 4px;font-size:1rem;padding-bottom:4px;border-bottom:2px solid}
nav.toc h3.calc{color:var(--calc);border-color:var(--calc)} nav.toc h3.stat{color:var(--stat);border-color:var(--stat)} nav.toc h3.alg{color:var(--alg);border-color:var(--alg)} nav.toc h3.tool{color:var(--tool);border-color:var(--tool)}
nav.toc ol{margin:0;padding-left:20px} nav.toc li{margin:2px 0}
nav.toc a{color:var(--ink);text-decoration:none} nav.toc a:hover{text-decoration:underline}

/* ---- seções e cartões ---- */
section.materia{margin-top:44px}
section.materia > h2{font-size:1.9rem;margin:0 0 4px;padding:14px 18px;border-radius:12px;color:#fff}
section.materia > .intro{margin:8px 4px 18px;color:var(--muted)}
section.calc > h2{background:var(--calc)} section.stat > h2{background:var(--stat)} section.alg > h2{background:var(--alg)} section.tool > h2{background:var(--tool)}
article.tipo{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:18px 0;box-shadow:var(--shadow);overflow:hidden}
article.tipo > h3{margin:0;padding:14px 18px;font-size:1.25rem;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
article.tipo > h3 .code{font-size:.72em}
article.tipo > h3 small{display:block;flex-basis:100%;font-weight:400;font-size:.85rem;color:var(--muted);margin-top:2px}
section.calc article.tipo > h3{background:var(--calc-bg)} section.stat article.tipo > h3{background:var(--stat-bg)} section.alg article.tipo > h3{background:var(--alg-bg)} section.tool article.tipo > h3{background:var(--tool-bg)}
.body{padding:14px 18px 18px}
.quando{background:#f8fafc;border-left:4px solid #94a3b8;padding:8px 12px;margin:0 0 14px;border-radius:0 8px 8px 0}

/* ---- barra de links cruzados (gerada por nav.js) ---- */
.links{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 18px;background:#fafafa;border-bottom:1px solid var(--line);font-size:.82rem}
.links a.lk{color:#1f2937;background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px 10px;text-decoration:none}
.links a.lk:hover{border-color:#9ca3af;background:#f3f4f6}
.links .lk-nome{color:var(--muted);margin-left:auto}

/* ---- tabela de passos "# | 📝 No papel escreva | 🔢 Na AK-J001 | Visor" (index, treino, gerador) ---- */
table.passos>tbody>tr>td:first-child{width:2em;text-align:center;color:var(--muted)}
@media screen and (max-width:600px){
  /* vira blocos empilhados: Passo n · 📝 · 🔢 · Visor. Combinadores FILHO: uma tabela aninhada num passo (ex.: tabela de frequência) continua tabela. */
  table.passos,table.passos>tbody,table.passos>tbody>tr,table.passos>tbody>tr>td{display:block;width:auto}
  table.passos{border:0;background:transparent;overflow:visible}
  table.passos>tbody>tr:first-child{display:none}
  table.passos>tbody>tr{border:1px solid var(--line);border-radius:10px;margin:8px 0;background:#fff;overflow:hidden}
  table.passos>tbody>tr>td{border:0;border-top:1px solid var(--line);padding:6px 10px;text-align:left}
  table.passos>tbody>tr>td:first-child{width:auto;background:#f3f4f6;font-weight:700;color:var(--ink);border-top:0;padding:4px 10px;text-align:left}
  table.passos>tbody>tr>td:first-child::before{content:"Passo "}
  table.passos>tbody>tr>td:nth-child(n+2)::before{display:block;font-size:.72rem;color:var(--muted);margin-bottom:2px}
  table.passos>tbody>tr>td:nth-child(2)::before{content:"📝 No papel escreva"}
  table.passos>tbody>tr>td:nth-child(3)::before{content:"🔢 Na AK-J001"}
  table.passos>tbody>tr>td:nth-child(4)::before{content:"Visor"}
  table.passos>tbody>tr>td[data-l]::before{content:attr(data-l)}
  /* tabela interna: garante o visual de tabela (cabeçalho visível) mesmo que alguma regra descendente exista */
  table.passos table{display:block;width:auto;max-width:100%;overflow-x:auto;border:1px solid var(--line);background:#fff;margin:6px 0}
  table.passos table tbody{display:table-row-group}
  table.passos table tr,table.passos table tr:first-child{display:table-row;border:0;margin:0;border-radius:0}
  table.passos table td,table.passos table th{display:table-cell;border:1px solid var(--line);padding:4px 6px;background:transparent}
  table.passos table th{background:#f3f4f6;font-weight:700}
  table.passos table td::before,table.passos table th::before{content:none!important}
}

/* ---- painéis 📝 / 🔢 ---- */
.duas{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px}
.duas>*,.grid2>*{min-width:0}
.papel,.teclas{border-radius:10px;padding:12px 14px;border:1px solid;border-top-width:4px}
.papel{background:var(--paper);border-color:var(--paper-line);border-top-color:var(--paper-accent)}
.teclas{background:var(--keys);border-color:var(--keys-line);border-top-color:var(--keys-accent)}
.papel h4,.teclas h4{margin:0 0 8px;font-size:1rem;display:flex;align-items:center;gap:6px}
.papel ol,.teclas ol{margin:0;padding-left:20px} .papel li,.teclas li{margin:5px 0}
.aviso{background:var(--warn);border:1px solid var(--warn-line);color:var(--warn-ink);border-radius:8px;padding:8px 12px;margin:12px 0 0}
.dica{background:var(--ok);border:1px solid var(--ok-line);border-radius:8px;padding:8px 12px;margin:12px 0 0}
.nota{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:8px 12px;margin:8px 0}
.blank{display:inline-block;min-width:3em;border-bottom:2px solid #9ca3af;text-align:center;color:#9ca3af;font-weight:600}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.topo{position:fixed;right:16px;bottom:16px;background:#1f2937;color:#fff;border-radius:999px;padding:10px 14px;text-decoration:none;font-size:.9rem;box-shadow:0 2px 8px rgba(0,0,0,.25);z-index:40}

/* ---- treino / gerador: exercícios ---- */
.ex{border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:10px 0;background:#fcfcfd}
.ex .enun{margin:0 0 6px} .ex .enun b{color:#111}
details{margin-top:6px} summary{cursor:pointer;font-weight:600;color:#1d4ed8;user-select:none} summary:hover{text-decoration:underline}
details[open] summary{color:#065f46}
.resp{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:8px 12px;margin-top:6px}
.plano{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:12px 16px;margin:16px 0}
.plano table{width:100%} .plano th,.plano td{border-color:#fcd34d;font-size:.95rem}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}

/* ---- gerador ---- */
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font-size:.95rem;cursor:pointer}
.tabs button[aria-selected="true"]{background:#1f2937;color:#fff;border-color:#1f2937}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px}
.chips button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:6px 10px;font-size:.88rem;cursor:pointer;text-align:left;min-height:40px}
.chips button .code{margin-right:4px} .chips button small{display:block;color:var(--muted);font-size:.75rem}
.chips button[aria-pressed="true"]{border-color:#1f2937;box-shadow:0 0 0 2px #1f293722}
.qcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin:12px 0}
.qcard > h3{margin:0;padding:12px 18px;font-size:1.15rem;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--ger-bg)}
.qcard .enun{padding:14px 18px;font-size:1.05rem}
.qcard .acoes{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 14px}
.qcard .acoes button{min-height:42px}
.qcard .sol{border-top:1px dashed var(--line);padding:12px 18px 18px;display:none}
.qcard .sol.open{display:block}
.qcard .resposta{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:8px 12px;margin:0 0 10px;font-weight:600}
.prog table td{padding:4px 8px}
.bar{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}
.bar > i{display:block;height:100%;background:#059669}

/* ---- resumo (mini-colinha) ---- */
body.pg-resumo{background:#e5e7eb;font-size:9.2pt;line-height:1.3}
.folha{background:#fff;width:210mm;margin:12px auto;padding:7mm;box-shadow:0 2px 10px rgba(0,0,0,.2);break-after:page;page-break-after:always}
.folha h1{margin:0 0 5px;font-size:12.5pt;padding:3px 8px;color:#fff;border-radius:4px}
.folha h1 small{font-weight:400;font-size:8pt;opacity:.95;margin-left:8px} .folha h1 kbd,.folha h1 k{color:#111;font-size:7.5pt;padding:0 3px}
.folha.stat h1{background:#047857} .folha.calc h1{background:#1d4ed8} .folha.alg h1{background:#6d28d9}
.folha-cols{column-count:2;column-gap:5mm;column-rule:1px solid #ddd}
.bloco{break-inside:avoid;border:1px solid #b8bcc4;border-radius:4px;padding:3px 6px 4px;margin:0 0 5px}
.bloco h2{margin:0 0 2px;font-size:9.6pt;border-bottom:1px solid #ddd;padding-bottom:1px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}
.bloco h2 .code{font-size:8pt;padding:0 5px}
.bloco h2 .gatilho{font-weight:400;font-size:7.8pt;color:#555}
.folha.stat .bloco h2{color:#047857} .folha.calc .bloco h2{color:#1d4ed8} .folha.alg .bloco h2{color:#6d28d9}
.bloco ol,.bloco ol.receita{margin:1px 0 2px 15px;padding:0} .bloco ol li{margin:0;padding:0}
.bloco pre,.folha pre{margin:2px 0;font-size:8.2pt;white-space:pre-wrap;word-break:break-word;line-height:1.25;background:#f8fafc;border:0;border-left:2px solid #cbd5e1;border-radius:0;padding:2px 5px}
.escreva{background:var(--paper);border-left:3px solid var(--paper-accent);padding:1px 5px;margin:2px 0;font-size:8.3pt}
.escreva pre{background:transparent;border:0;padding:0;margin:0}
.escreva::before{content:"📝 ";font-size:7.5pt}
.digite{display:block;color:#7c2d12;background:var(--keys);border-left:3px solid var(--keys-accent);font-family:ui-monospace,Consolas,monospace;font-size:7.9pt;padding:1px 5px;margin:2px 0}
.digite::before{content:"🔢 "}
.mini-ex{font-size:8.4pt;color:#1f2937} .mini-ex b{color:#000}
.alerta{background:#fef2f2;border-left:2px solid #dc2626;padding:1px 4px;margin:2px 0;font-size:8.3pt}
.idx{border:1px solid #999;border-radius:4px;padding:3px 6px;margin:0 0 5px;font-size:8pt;column-count:2;column-gap:5mm;background:#fafafa}
.idx div{break-inside:avoid} .idx b{display:inline-block;min-width:24px}
.idx .h{column-span:all;font-weight:700;font-size:8.6pt;margin-bottom:1px}
.foot{font-size:7.8pt;color:#444;margin-top:4px;border-top:1px solid #ddd;padding-top:2px}
.lk-mini{font-size:7.5pt;font-weight:400;margin-left:5px;text-decoration:none;color:#1d4ed8;white-space:nowrap}
.lk-mini.first{margin-left:auto}
.print-btn{position:fixed;right:16px;bottom:16px;z-index:40}

/* ---- mobile ---- */
@media screen and (max-width:800px){
  main{padding:12px 12px 80px}
  .duas,.grid2{grid-template-columns:1fr}
  header.hero{padding:20px 14px 16px} header.hero h1{font-size:1.5rem}
  section.materia > h2{font-size:1.4rem} article.tipo > h3{font-size:1.1rem;padding:12px 14px}
  .body{padding:12px 14px 14px} .links{padding:6px 14px}
  .links a.lk{padding:6px 12px;min-height:32px;display:inline-flex;align-items:center}
  nav.toc li{margin:5px 0} nav.toc a{display:inline-block;padding:3px 0}
  pre{font-size:.82rem} table{display:block;overflow-x:auto}
  .topo{padding:8px 10px;font-size:.8rem}
  .folha{width:auto;padding:4mm} .folha-cols{column-count:1} .idx{column-count:1}
}
@media screen and (max-width:500px){ .barra .brand{display:none} .barra{padding:0 8px} }
/* ---- print ---- */
@media print{
  .barra,.links,.topo,.print-btn,.lk-mini,header.hero,nav.toc,.tabs,.chips,.acoes{display:none!important}
  body,body.pg-resumo{background:#fff} body{font-size:13px} body.pg-resumo{font-size:8.6pt}
  article.tipo{break-inside:avoid}
  .folha{box-shadow:none;margin:0;width:auto;padding:0}
  details{display:block} summary{display:none}
  @page{size:A4;margin:7mm}
}

/* ============ v2.1 — legibilidade, cartões recolhíveis, "estudei", tema escuro ============ */
body{font-size:17px;line-height:1.6}
.body p,.body li{max-width:75ch}
article.tipo{margin:22px 0}
article.tipo > h3{cursor:pointer;user-select:none;position:relative;padding-right:44px}
article.tipo > h3::after{content:"▾";position:absolute;right:16px;top:12px;font-size:1.1rem;color:var(--muted);transition:transform .15s}
article.tipo.fechado > h3::after{transform:rotate(-90deg)}
article.tipo.fechado > .body,article.tipo.fechado > .links{display:none}
article.tipo.fechado{opacity:.92}
article.tipo.estudado > h3{border-left:6px solid #059669}
article.tipo.estudado > h3::before{content:"✔ ";color:#059669}
.links .estudei{margin-left:auto;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 12px;cursor:pointer;font:inherit;font-size:.82rem;min-height:32px}
.links .estudei.on{background:#059669;color:#fff;border-color:#059669}
.links .lk-nome{margin-left:0}
.barra .ferr{margin-left:auto;display:flex;gap:4px}
.barra .ferr a,.barra .ferr button{background:#1e293b;color:#e2e8f0;border:0;border-radius:999px;padding:5px 10px;cursor:pointer;font:inherit;font-size:.85rem}
.barra .ferr button:hover{background:#334155}
.contador{display:inline-block;background:#059669;color:#fff;border-radius:999px;padding:2px 10px;font-size:.85rem;margin-left:8px}
pre{font-size:.92rem} kbd{font-size:.9em}
.papel,.teclas{padding:14px 16px}
.papel h4,.teclas h4{font-size:1.05rem}
section.materia > h2{position:sticky;top:var(--nav-h);z-index:30;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.foco-atual > h3{box-shadow:inset 0 0 0 3px #f59e0b}

/* tema escuro (toggle na barra; salvo em localStorage) */
html.dark{--bg:#0f172a;--card:#1e293b;--ink:#e5e7eb;--muted:#94a3b8;--line:#334155;
  --calc-bg:#1e3a8a;--stat-bg:#064e3b;--alg-bg:#4c1d95;--tool-bg:#7c2d12;--ger-bg:#134e4a;
  --calc-soft:#1e40af;--stat-soft:#065f46;--alg-soft:#5b21b6;--tool-soft:#9a3412;--calc-ink:#dbeafe;--stat-ink:#d1fae5;--alg-ink:#ede9fe;--tool-ink:#ffedd5;
  --paper:#2a2a1f;--paper-line:#4b4630;--keys:#1f2937;--keys-line:#374151;--warn:#450a0a;--warn-line:#7f1d1d;--warn-ink:#fecaca;--ok:#052e16;--ok-line:#14532d}
html.dark body{background:var(--bg);color:var(--ink)}
html.dark pre,html.dark table,html.dark th,html.dark td,html.dark kbd,html.dark .ex,html.dark .resp,html.dark .quando,html.dark .nota,html.dark .plano,html.dark .links,html.dark .links a.lk,html.dark .links .estudei,html.dark .chips button,html.dark .tabs button,html.dark .qcard,html.dark .kpi,html.dark .bloco-tempo,html.dark .lista-chk,html.dark .acao{background:var(--card);color:var(--ink);border-color:var(--line)}
html.dark th{background:#273449} html.dark pre{border-color:#475569} html.dark kbd{background:#0f172a;border-color:#64748b}
html.dark .dica{background:var(--ok);border-color:var(--ok-line);color:#d1fae5} html.dark .nota{background:#172554;border-color:#1e3a8a;color:#dbeafe}
html.dark .quando{background:#1e293b;border-left-color:#64748b} html.dark .resp{background:#052e16;border-color:#14532d}
html.dark a{color:#93c5fd} html.dark summary{color:#93c5fd} html.dark .toc a,html.dark nav.toc a{color:var(--ink)}
html.dark nav.toc{background:var(--card);border-color:var(--line)}
html.dark .qcard > h3{background:#134e4a} html.dark .qcard .resposta{background:#052e16;border-color:#14532d;color:#d1fae5}
html.dark .chips button[aria-pressed="true"],html.dark .tabs button[aria-selected="true"]{background:#e2e8f0;color:#0f172a}
html.dark .plano{background:#3f2d00;border-color:#78350f} html.dark .plano th,html.dark .plano td{border-color:#78350f}
html.dark .bloco-tempo.done{opacity:.5}
html.dark .folha{background:#fff;color:#111} /* folha do resumo continua branca (é para imprimir) */
@media print{html.dark{--bg:#fff;--card:#fff;--ink:#111;--muted:#444;--line:#ddd} article.tipo.fechado > .body{display:block}}