/* ===================================================================================
   atividades.css — Central de Atividades (15/10/2026; maquete aprovada:
   _docs/proto/atividades-notion-proto.html). Visual "Notion" dentro do #ct, tudo preso
   à casca .ca-cc (classes ca-*). Tokens --ca-* próprios (claro e escuro); fonte herdada.
   TODA classe leva o prefixo ca-: nomes curtos (.rel, .on, .m…) existem no styles.css e vazam (.rel é flex).
   Abaixo de 760px a Tabela vira lista de cartões (.ca-lista); a página lateral ocupa a tela.
   Projetos em cards (15/10, maquete atividades-projetos-proto.html): galeria .ca-gal/.ca-pc, barra .ca-top,
   "Nova atividade…" .ca-addrow, modal .ca-mo, recorrente .ca-st.rec, histórico .ca-hist.
   =================================================================================== */
.ca-cc{
  --ca-bg:#fff;--ca-tx:#37352f;--ca-tx2:#5f5e5b;--ca-mu:#787774;--ca-fa:#a5a29d;--ca-ln:#e9e9e7;--ca-hov:rgba(55,53,47,.06);--ca-sel:rgba(55,53,47,.08);
  --ca-card:#fff;--ca-card-h:#fafafa;--ca-peek:#fff;--ca-callout:#f1f1ef;--ca-prev:#fbf3db;--ca-out:#fbfbfa;--ca-chk:#9b9a97;--ca-inp:#fff;
  --ca-sh:rgba(15,15,15,.1) 0 0 0 1px,rgba(15,15,15,.08) 0 2px 4px;
  --ca-sh-peek:rgba(15,15,15,.06) 0 0 0 1px,rgba(15,15,15,.22) 0 16px 48px;
  --ca-ov:rgba(15,15,15,.25);--ca-azul:#2383e2;--ca-red:#c0392b;
  --ca-gray-bg:#e3e2e0;--ca-gray-tx:#32302c;--ca-brown-bg:#eee0da;--ca-brown-tx:#442a1e;--ca-orange-bg:#fadec9;--ca-orange-tx:#49290e;
  --ca-yellow-bg:#fdecc8;--ca-yellow-tx:#402c1b;--ca-green-bg:#dbeddb;--ca-green-tx:#1c3829;--ca-blue-bg:#d3e5ef;--ca-blue-tx:#183347;
  --ca-purple-bg:#e8deee;--ca-purple-tx:#412454;--ca-pink-bg:#f5e0e9;--ca-pink-tx:#4c2337;--ca-teal-bg:#d6ece9;--ca-teal-tx:#1b3f3a;--ca-ac-teal:#0f7b6c;
  --ca-sh2:rgba(15,15,15,.1) 0 0 0 1px,rgba(15,15,15,.14) 0 6px 16px;
  --ca-ic:#55534e;--ca-ac-green:#448361;--ca-ac-blue:#337ea9;--ca-ac-purple:#9065b0;--ca-ac-orange:#d9730d;--ca-ac-yellow:#cb912f;--ca-ac-pink:#c14c8a;--ca-ac-brown:#9f6b53;--ca-ac-gray:#787774;
  --ca-st-nao-bg:#f1f1ef;--ca-st-nao:#6f6e6b;--ca-st-and-bg:#e7f3f8;--ca-st-and:#2b6f94;--ca-st-agu-bg:#fbecdd;--ca-st-agu:#b35f06;--ca-st-ok-bg:#edf3ec;--ca-st-ok:#3b7356;
  background:var(--ca-bg);color:var(--ca-tx);border-radius:16px;font-size:14px;line-height:1.5;min-height:60vh;position:relative;color-scheme:light}
[data-theme="dark"] .ca-cc{
  --ca-bg:#191919;--ca-tx:rgba(255,255,255,.86);--ca-tx2:rgba(255,255,255,.62);--ca-mu:rgba(255,255,255,.55);--ca-fa:rgba(255,255,255,.36);--ca-ln:#2f2f2f;--ca-hov:rgba(255,255,255,.055);--ca-sel:rgba(255,255,255,.08);
  --ca-card:#252525;--ca-card-h:#2c2c2c;--ca-peek:#202020;--ca-callout:#2a2a2a;--ca-prev:#3a3020;--ca-out:#1c1c1c;--ca-chk:rgba(255,255,255,.42);--ca-inp:#262626;
  --ca-sh:rgba(0,0,0,.35) 0 0 0 1px,rgba(0,0,0,.3) 0 2px 4px;
  --ca-sh-peek:rgba(255,255,255,.1) 0 0 0 1px,rgba(0,0,0,.6) 0 16px 48px;
  --ca-ov:rgba(0,0,0,.5);--ca-red:#ff7b72;
  --ca-gray-bg:#373737;--ca-gray-tx:rgba(255,255,255,.86);--ca-brown-bg:#4a3228;--ca-brown-tx:rgba(255,255,255,.86);--ca-orange-bg:#5c3b23;--ca-orange-tx:rgba(255,255,255,.86);
  --ca-yellow-bg:#564328;--ca-yellow-tx:rgba(255,255,255,.86);--ca-green-bg:#243d30;--ca-green-tx:rgba(255,255,255,.86);--ca-blue-bg:#143a4e;--ca-blue-tx:rgba(255,255,255,.86);
  --ca-purple-bg:#3c2d49;--ca-purple-tx:rgba(255,255,255,.86);--ca-pink-bg:#4e2c3c;--ca-pink-tx:rgba(255,255,255,.86);--ca-teal-bg:#1c3f3a;--ca-teal-tx:rgba(255,255,255,.86);--ca-ac-teal:#4fd1be;
  --ca-sh2:rgba(0,0,0,.4) 0 0 0 1px,rgba(0,0,0,.45) 0 8px 20px;
  --ca-ic:rgba(255,255,255,.8);--ca-ac-green:#5fc4a8;--ca-ac-blue:#6cb6ec;--ca-ac-purple:#b99be8;--ca-ac-orange:#ffad5c;--ca-ac-yellow:#f2c45a;--ca-ac-pink:#ef7fb4;--ca-ac-brown:#d29b7f;--ca-ac-gray:#b5b5b5;
  --ca-st-nao-bg:#2f2f2f;--ca-st-nao:#b8b8b8;--ca-st-and-bg:#143a4e;--ca-st-and:#7cc1e8;--ca-st-agu-bg:#4a3220;--ca-st-agu:#ffb366;--ca-st-ok-bg:#1f3a2c;--ca-st-ok:#6fcbb8;
  color-scheme:dark}
.ca-cc *{box-sizing:border-box}
.ca-cc button,.ca-cc select,.ca-cc input{font-family:inherit;color:inherit}
.ca-cc button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.ca-cc :focus,.ca-cc :focus-visible{outline:none} /* Notion sem anel de foco (Rafael, 31/10) */
.ca-cc svg.ca-i{flex:none;display:block}
.ca-cc .ca-late,:is(#ct,#caRoot) .ca-cc td.ca-late,:is(#ct,#caRoot) .ca-cc td .ca-late{color:var(--ca-red)}
.ca-cc .ca-gray{color:var(--ca-mu);font-size:14px;line-height:1.5;font-weight:400}
.ca-cc .ca-vz{color:var(--ca-fa)}

/* ---------- página ---------- */
.ca-page{padding:28px 56px 72px;max-width:1240px;width:100%;margin:0 auto}
.ca-picon{width:72px;height:72px;border-radius:14px;display:grid;place-items:center;background:var(--b,var(--ca-sel));color:var(--ac,var(--ca-tx));margin-bottom:14px}
.ca-cc .ca-h1{font-size:40px;line-height:1.2;font-weight:700;margin:0 0 6px;letter-spacing:-.01em;color:var(--ca-tx)}
.ca-cc .ca-desc{color:var(--ca-mu);font-size:16px;line-height:1.5;margin:0 0 22px}
.ca-prev{display:none;gap:10px;align-items:center;background:var(--ca-prev);border-radius:6px;padding:10px 14px;margin:-6px 0 18px;font-size:14px;line-height:1.45;color:var(--ca-tx)}
.ca-prev.on{display:flex}

.ca-views{display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--ca-ln);margin-bottom:8px;flex-wrap:wrap}
.ca-vt{display:flex;align-items:center;gap:6px;min-height:40px;padding:0 10px;border:0;background:none;font-size:14px;line-height:1.2;color:var(--ca-mu);border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:0}
.ca-vt svg{color:var(--ca-ic)}
.ca-vt[aria-pressed="true"]{color:var(--ca-tx);border-bottom-color:var(--ca-tx);font-weight:500}

.ca-tools{margin-left:auto;display:flex;align-items:center;gap:4px}
.ca-tb{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 8px;border:0;border-radius:5px;background:none;color:var(--ca-mu);font-size:14px;line-height:1.2}

.ca-filters{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 18px}
.ca-fp{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:32px;border-radius:16px;border:1px solid var(--ca-ln);font-size:13px;line-height:1.2;color:var(--ca-mu);padding:0 26px 0 10px}
.ca-fp.set{border-color:rgba(35,131,226,.45);background:rgba(35,131,226,.1);color:#2f7cc0}
[data-theme="dark"] .ca-fp.set{color:#7fb8ec}
.ca-fp select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px}
.ca-fp::after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg)}
.ca-como{border-radius:6px;border-color:transparent}

/* ---------- etiquetas ---------- */
.ca-tag{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:4px;font-size:12.5px;line-height:1;white-space:nowrap;background:var(--b);color:var(--t);font-weight:400}
.ca-tag svg{color:var(--ac)}
.ca-tag .ca-tx{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ca-st{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 8px;border-radius:10px;font-size:12.5px;line-height:1;white-space:nowrap;font-weight:500}
.ca-st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.8}
.ca-st.nao{background:var(--ca-st-nao-bg);color:var(--ca-st-nao)}
.ca-st.and{background:var(--ca-st-and-bg);color:var(--ca-st-and)}
.ca-st.agu{background:var(--ca-st-agu-bg);color:var(--ca-st-agu)}
.ca-st.agu::before{display:none}
.ca-st.ok{background:var(--ca-st-ok-bg);color:var(--ca-st-ok)}
.ca-st.del{background:var(--ca-gray-bg);color:var(--ca-mu)}
.ca-st.del::before{display:none}
.ca-st.rec{background:var(--ca-purple-bg);color:var(--ca-ac-purple)}
.ca-st.rec::before{display:none}
.ca-fp.ca-info{cursor:default;padding-right:12px}
.ca-fp.ca-info::after{display:none}
.ca-fp.ca-del{padding-right:10px;gap:5px;cursor:pointer;background:none;color:var(--ca-mu)}
.ca-fp.ca-del::after{display:none}
.ca-fp.ca-del.set{color:#2f7cc0}
[data-theme="dark"] .ca-fp.ca-del.set{color:#7fb8ec}
:is(#ct,#caRoot) .ca-cc tr.ca-apagada td,.ca-card.ca-apagada .t span{color:var(--ca-mu)}
:is(#ct,#caRoot) .ca-cc tr.ca-apagada td.nm .t,.ca-card.ca-apagada .t span{text-decoration:line-through;text-decoration-color:var(--ca-fa)}
.ca-pk-f{margin-top:28px;padding-top:14px;border-top:1px solid var(--ca-ln);display:flex;justify-content:flex-end}
.ca-tb.ca-perigo{color:var(--ca-red);min-height:36px}

/* ---------- tabela (o th/td global do app é sobrescrito aqui) ---------- */
.ca-grp{margin-bottom:22px}
.ca-gh{display:flex;align-items:center;gap:8px;min-height:40px;border:0;background:none;padding:0 4px;font-size:14px;line-height:1.3;font-weight:600;width:100%;text-align:left;border-radius:5px;color:var(--ca-tx)}

.ca-gh .ar{color:var(--ca-mu);display:flex}
.ca-gh[aria-expanded="false"] .ar{transform:rotate(-90deg)}
.ca-gh .ca-n{color:var(--ca-fa);font-weight:400;font-size:13px;white-space:nowrap;flex:none}
:is(#ct,#caRoot) .ca-cc .ca-gh .ca-tag{min-width:0;max-width:60%;display:inline-flex;flex:0 1 auto}
:is(#ct,#caRoot) .ca-cc .ca-gh .ca-tag svg{display:block;flex:none}
.ca-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.ca-cc{overflow-x:clip}
:is(#ct,#caRoot) .ca-cc table{border-collapse:collapse;width:100%;min-width:820px;font-size:14px;background:none;table-layout:auto}
:is(#ct,#caRoot) .ca-cc .ca-tcurso th:nth-child(2),:is(#ct,#caRoot) .ca-cc .ca-tcurso th:nth-child(3),:is(#ct,#caRoot) .ca-cc .ca-tcurso th:nth-child(4){width:1%;white-space:nowrap}
:is(#ct,#caRoot) .ca-cc .ca-tcurso td:nth-child(2),:is(#ct,#caRoot) .ca-cc .ca-tcurso td:nth-child(3){white-space:nowrap}
:is(#ct,#caRoot) .ca-cc table:not(.ca-tcurso) th:nth-child(2),:is(#ct,#caRoot) .ca-cc table:not(.ca-tcurso) th:nth-child(3){width:1%;white-space:nowrap}
:is(#ct,#caRoot) .ca-cc table:not(.ca-tcurso) td:nth-child(2){white-space:nowrap}
:is(#ct,#caRoot) .ca-cc .ca-gh-livre+.ca-tw table{min-width:640px}
/* Minha semana: filtro Hoje · Amanhã · Semana e o check que conclui sem abrir (21/10) */
.ca-semf{margin:4px 0 10px}
:is(#ct,#caRoot) .ca-cc th{font-weight:400;color:var(--ca-mu);font-size:13px;line-height:1.3;text-align:left;padding:6px 8px;border-top:1px solid var(--ca-ln);border-bottom:1px solid var(--ca-ln);white-space:nowrap;background:none;text-transform:none;letter-spacing:0}
:is(#ct,#caRoot) .ca-cc th span{display:inline-flex;align-items:center;gap:6px}
:is(#ct,#caRoot) .ca-cc th svg{color:var(--ca-ic)}
:is(#ct,#caRoot) .ca-cc th+th,:is(#ct,#caRoot) .ca-cc td+td{border-left:1px solid var(--ca-ln)}
:is(#ct,#caRoot) .ca-cc td{padding:7px 8px;border-bottom:1px solid var(--ca-ln);font-size:14px;line-height:1.4;vertical-align:middle;color:var(--ca-tx);background:none}
.ca-cc tr.ca-r{cursor:pointer}

:is(#ct,#caRoot) .ca-cc td.nm{font-weight:500;min-width:260px}
.ca-cc td.nm .ca-pi{display:inline-flex;align-items:center;gap:8px}
.ca-cc td.nm .ca-pi>svg{color:var(--ac,var(--ca-ic))}
.ca-cc td.nm .pr{display:inline-flex;align-items:center;gap:4px;margin-left:4px;font-size:12px;color:var(--ca-mu);font-weight:400}
.ca-cc td.nm .pr svg{color:var(--ca-ic)}
:is(#ct,#caRoot) .ca-cc tr.done td.nm span.t{color:var(--ca-mu);text-decoration:line-through;text-decoration-color:var(--ca-fa)}
:is(#ct,#caRoot) .ca-cc td.dt{white-space:nowrap}
:is(#ct,#caRoot) .ca-cc td.ca-rel{color:var(--ca-mu);font-size:13px;line-height:1.7}
.ca-cc td.ca-rel span{border-bottom:1px solid var(--ca-ln);white-space:nowrap;display:inline;margin-right:4px}
.ca-cc td.ca-rel span+span::before{content:"· ";border:0;color:var(--ca-fa)}
.ca-lista{display:none}

/* ---------- quadro / cartões ---------- */
.ca-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}
.ca-bc{min-width:0}
.ca-bh{display:flex;align-items:center;gap:8px;padding:4px 2px 10px;font-size:14px;line-height:1.3;color:var(--ca-mu)}
.ca-vazio{min-height:40px;border:1px dashed var(--ca-ln);border-radius:6px}
.ca-card{display:block;width:100%;text-align:left;background:var(--ca-card);border:0;border-radius:6px;box-shadow:var(--ca-sh);padding:10px 10px 8px;margin-bottom:8px;font-size:14px;line-height:1.4;color:var(--ca-tx)}

.ca-card .t{font-weight:500;display:flex;gap:8px;align-items:flex-start;line-height:1.35}
.ca-card .t svg{margin-top:2px;color:var(--ac,var(--ca-ic))}
.ca-card .ca-tg{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;min-width:0}
.ca-card .ca-tg .ca-tag{max-width:100%;min-width:0}
.ca-card .ca-m{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:12.5px;line-height:1.3;color:var(--ca-mu)}
.ca-card .ca-m span{display:inline-flex;align-items:center;gap:4px}
.ca-card .ca-m svg{color:var(--ca-ic)}
.ca-card .ca-m .ca-late svg{color:var(--ca-red)}
.ca-card .ca-w{display:flex;gap:6px;align-items:flex-start;margin-top:8px;font-size:12.5px;line-height:1.35;color:var(--ca-st-agu)}
.ca-card .ca-w svg{margin-top:2px}
.ca-card.ok .t span{color:var(--ca-mu);text-decoration:line-through;text-decoration-color:var(--ca-fa)}

/* ---------- calendário ---------- */
.ca-calh{display:flex;align-items:center;gap:4px;margin-bottom:8px}
.ca-calh b{font-size:16px;line-height:1.3;font-weight:600;margin-right:auto;color:var(--ca-tx)}
.ca-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--ca-ln);border-left:1px solid var(--ca-ln)}
.ca-cal .wd{font-size:12px;line-height:1.3;color:var(--ca-mu);padding:6px 8px;border-right:1px solid var(--ca-ln);border-bottom:1px solid var(--ca-ln);text-align:right}
.ca-cd{min-height:118px;border-right:1px solid var(--ca-ln);border-bottom:1px solid var(--ca-ln);padding:4px 4px 6px;min-width:0}
.ca-cd.out{background:var(--ca-out)}
.ca-cd.out .dn{color:var(--ca-fa)}
.ca-cd .dn{text-align:right;font-size:13px;line-height:1.3;color:var(--ca-mu);padding:2px 4px 4px}
.ca-cd.hoje .dn span{background:var(--ca-red);color:#fff;border-radius:50%;display:inline-grid;place-items:center;width:22px;height:22px;font-size:12px}
.ca-cd .ev{display:flex;align-items:center;gap:5px;width:100%;text-align:left;border:0;background:var(--ca-card);border-radius:4px;box-shadow:var(--ca-sh);padding:4px 6px;font-size:12px;line-height:1.3;margin-bottom:4px;white-space:nowrap;overflow:hidden;color:var(--ca-tx);min-height:24px}
.ca-cd .ev span{overflow:hidden;text-overflow:ellipsis}
.ca-cd .ev svg{color:var(--ac,var(--ca-ic))}
.ca-cd .ev.curso{background:var(--b);color:var(--t);box-shadow:none;font-weight:600}
.ca-cd .ev.curso svg{color:currentColor}
.ca-cd .ev.ok span{color:var(--ca-fa);text-decoration:line-through}
.ca-cd .ev.ca-late{color:var(--ca-red)}
.ca-cd .ev.ca-late svg{color:var(--ca-red)}
.ca-cd .ca-mais{font-size:12px;line-height:1.3;color:var(--ca-mu);padding:4px 6px;border:0;background:none;min-height:28px}

/* ---------- página lateral (peek) ---------- */
.ca-ov{position:fixed;inset:0;background:var(--ca-ov);z-index:290;display:none}
.ca-ov.on{display:block}
/* Balão da atividade no CENTRO (Rafael, 20/10/2026; antes era página lateral presa à direita) */
.ca-peek{position:fixed;top:50%;left:50%;width:min(720px,calc(100vw - 32px));max-height:min(860px,calc(100dvh - 48px));border-radius:12px;overflow:hidden;background:var(--ca-peek);box-shadow:var(--ca-sh-peek);z-index:291;display:flex;flex-direction:column;color:var(--ca-tx);font-size:14px;line-height:1.5;
  transform:translate(-50%,-48%) scale(.98);opacity:0;visibility:hidden;pointer-events:none}
.ca-peek.on{transform:translate(-50%,-50%);opacity:1;visibility:visible;pointer-events:auto}
.ca-pk-top .ca-tb{min-height:44px}
.ca-pk-top{display:flex;align-items:center;gap:4px;padding:8px 12px;color:var(--ca-mu)}
.ca-pk-top .sp{flex:1}
.ca-crumb{font-size:13px;line-height:1.3}
.ca-pk-b{overflow-y:auto;padding:20px 40px 32px;flex:1}
.ca-pk-b .ca-hr+.ca-pk-f{margin-top:0;border-top:0} /* sem os textos de baixo, o Apagar não leva segunda linha */
.ca-pk-b .ca-picon{width:56px;height:56px;border-radius:12px;margin-bottom:12px}
.ca-pk-b h2{font-size:30px;line-height:1.25;margin:0 0 18px;font-weight:700;color:var(--ca-tx)}
.ca-props{display:grid;grid-template-columns:150px minmax(0,1fr);gap:2px 8px;margin:0 0 14px}
.ca-props dt{display:flex;align-items:center;gap:8px;color:var(--ca-mu);font-size:14px;line-height:1.3;min-height:36px}
.ca-props dt svg{color:var(--ca-ic)}
.ca-props dd{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-height:36px;font-size:14px;line-height:1.4}
.ca-in{width:100%;min-height:32px;border:1px solid transparent;border-radius:5px;background:none;padding:4px 6px;font-size:14px;line-height:1.4;color:var(--ca-tx)}
.ca-in::placeholder{color:var(--ca-fa)}

.ca-lnk{border:0;background:none;padding:0;font-size:14px;line-height:1.4;display:inline-flex;align-items:center;gap:5px;border-bottom:1px solid var(--ca-ln);color:var(--ca-tx);border-radius:0;min-height:28px}
.ca-lnk svg{color:var(--ac,var(--ca-ic))}

.ca-lnk.ok{color:var(--ca-mu);text-decoration:line-through}
.ca-lnk.ca-ext{margin-left:auto;font-size:13px;font-weight:400;color:var(--ca-mu)}
.ca-hr{height:1px;background:var(--ca-ln);margin:12px 0 18px}
.ca-callout{display:flex;gap:12px;background:var(--ca-callout);border-radius:6px;padding:14px 16px;margin-bottom:18px;font-size:15px;line-height:1.45}
.ca-callout svg{color:var(--ca-st-agu);margin-top:2px;flex:none}
.ca-h3{font-size:18px;line-height:1.3;font-weight:600;margin:6px 0 8px;display:flex;align-items:center;gap:8px;color:var(--ca-tx)}
.ca-todo{display:flex;align-items:flex-start;gap:9px;padding:6px 4px;font-size:15px;line-height:1.4;width:100%;text-align:left;border:0;background:none;border-radius:4px;color:var(--ca-tx);min-height:36px}

.ca-todo[disabled]{cursor:not-allowed;color:var(--ca-fa)}
.ca-todo .bx{width:18px;height:18px;border:1.5px solid var(--ca-chk);border-radius:3px;flex:none;margin-top:2px;display:grid;place-items:center}
.ca-todo.on .bx{background:var(--ca-azul);border-color:var(--ca-azul);color:#fff}
.ca-todo.on span.t{color:var(--ca-fa);text-decoration:line-through}
.ca-todo.ca-big{font-weight:500;padding:10px 10px;border:1px solid var(--ca-ln);border-radius:6px;margin-top:4px;min-height:44px}

/* ---------- barra do topo (Projetos · Minha semana / nome) ---------- */
.ca-top{display:flex;align-items:center;gap:4px;padding:10px 16px 0;font-size:13px;line-height:1.3;color:var(--ca-mu);min-width:0;flex-wrap:wrap}
.ca-top .ca-tb{font-size:13px;min-height:32px;padding:0 8px}
.ca-top .ca-tb.on{color:var(--ca-tx);background:var(--ca-sel)}
.ca-top .ca-sep{color:var(--ca-fa);padding:0 2px}
.ca-top .ca-sp{flex:1;min-width:8px}
.ca-seg{display:inline-flex;border:1px solid var(--ca-ln);border-radius:8px;padding:2px;gap:2px;background:var(--ca-bg)}
.ca-seg button{border:0;background:none;color:var(--ca-mu);min-height:28px;padding:0 10px;border-radius:6px;font-size:13px;line-height:1.2;display:inline-flex;align-items:center;gap:5px}
.ca-seg button[aria-pressed="true"]{background:var(--ca-sel);color:var(--ca-tx);font-weight:600}
.ca-seg button svg{color:currentColor}
.ca-prev-top{margin:10px 16px 0}
select.ca-in.ca-resp{max-width:100%}
html[data-theme="dark"].ca-black .ca-seg button[aria-pressed="true"]{background:#1f1f1f}
.ca-top b{color:var(--ca-tx);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ca-cc .ca-nota{display:flex;align-items:center;gap:6px;font-size:13px;margin:0 0 10px}

/* ---------- galeria de projetos (grade única: Cursos e Eventos + livres + Novo projeto) ---------- */
.ca-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.ca-pc{display:flex;flex-direction:column;text-align:left;background:var(--ca-card);border:0;border-radius:10px;box-shadow:var(--ca-sh);padding:0;overflow:hidden;min-height:168px;color:var(--ca-tx);font-size:14px;line-height:1.4}

.ca-pc .ca-cover{height:54px;background:var(--b);display:flex;align-items:flex-end;padding:0 14px}
.ca-pc .ca-ico{width:38px;height:38px;border-radius:9px;background:var(--ca-card);box-shadow:var(--ca-sh);display:grid;place-items:center;color:var(--ac);transform:translateY(14px)}
.ca-pc .ca-body{padding:22px 14px 12px;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.ca-pc .ca-t{font-weight:600;font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ca-pc .ca-sub{font-size:12.5px;line-height:1.3;color:var(--ca-mu);display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ca-pc .ca-sub .ca-late{font-weight:500}
.ca-pc .ca-prox{display:flex;align-items:center;gap:6px;font-size:12.5px;line-height:1.3;color:var(--ca-tx2);min-width:0}
.ca-pc .ca-prox svg{color:var(--ac)}
.ca-pc .ca-prox span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-pc .ca-prog{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.3;color:var(--ca-mu)}
.ca-pc .ca-bar{flex:1;height:4px;border-radius:4px;background:var(--ca-ln);overflow:hidden}
.ca-pc .ca-bar i{display:block;height:100%;background:var(--ac);border-radius:4px}
.ca-pc.ca-novo{border:1px dashed var(--ca-ln);box-shadow:none;background:none;align-items:center;justify-content:center;flex-direction:row;gap:8px;color:var(--ca-mu);min-height:168px}

/* ---------- projeto livre: grupos, caixinha, "Nova atividade…" ---------- */
.ca-gh-livre{min-height:36px;font-size:13px;color:var(--ca-mu);cursor:default}

:is(#ct,#caRoot) .ca-cc td.ca-ob{color:var(--ca-mu);font-size:13px;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-addrow{display:flex;align-items:center;gap:6px;width:100%;text-align:left;border:0;background:none;color:var(--ca-fa);padding:4px 8px;font-size:14px;line-height:1.4;border-bottom:1px solid var(--ca-ln);min-height:40px;cursor:text}

.ca-addrow input{flex:1;border:0;background:none;font-size:14px;line-height:1.4;color:var(--ca-tx);min-width:0;min-height:32px;padding:0}
.ca-addrow input::placeholder{color:var(--ca-fa)}
.ca-addrow input:focus{outline:0}
.ca-hist{margin-top:18px;font-size:13px;line-height:1.4;color:var(--ca-mu)}
.ca-hist div{padding:4px 0;border-bottom:1px dashed var(--ca-ln)}
.ca-h2in{font-size:28px;line-height:1.25;font-weight:700;margin:0 0 14px;padding:2px 6px;height:auto;color:var(--ca-tx)}
.ca-date{width:auto;min-width:150px}
.ca-hora{width:auto;min-width:96px}
.ca-dias{display:flex;gap:4px;flex-wrap:wrap;width:100%;margin-top:4px}
.ca-dias button{min-width:40px;min-height:32px;border:1px solid var(--ca-ln);border-radius:8px;background:none;color:var(--ca-mu);font-size:12.5px;line-height:1.2;padding:0 6px}
.ca-dias button[aria-pressed="true"]{background:var(--ca-sel);color:var(--ca-tx);border-color:var(--ca-mu);font-weight:600}
.ca-dias button[disabled]{opacity:.5;cursor:not-allowed}
html[data-theme="dark"].ca-black .ca-dias button[aria-pressed="true"]{background:#1f1f1f;border-color:#5a5a5a}
.ca-min{width:72px;min-width:0;text-align:right}
.ca-btn.ca-ini{min-height:30px;padding:0 10px;font-size:13px;display:inline-flex;align-items:center;gap:5px;border-color:var(--ca-ln)}
.ca-kini{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--ca-ln);background:none;border-radius:10px;padding:0 7px;min-height:22px;font-size:12px;line-height:1;color:var(--ca-tx);cursor:pointer}

.ca-kini::after{content:"";position:absolute;inset:-8px;display:none}
select.ca-in{width:auto;min-width:150px;appearance:auto}
/* ---------- cartões em três colunas (19/10; maquete atividades-cartoes-proto.html) ---------- */
.ca-kb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.ca-kcol{background:var(--ca-out);border:1px solid var(--ca-ln);border-radius:12px;padding:10px;min-height:280px}
.ca-kcol.over{outline:2px dashed var(--ca-mu);outline-offset:-4px}
.ca-kh{display:flex;align-items:center;gap:8px;padding:4px 6px 12px;font-size:13.5px;line-height:1.3;font-weight:600;color:var(--ca-tx)}
.ca-kh i{width:9px;height:9px;border-radius:50%;background:var(--ca-mu)}
.ca-kcol.and .ca-kh i{background:var(--ca-st-and)}.ca-kcol.ok .ca-kh i{background:var(--ca-st-ok)}
.ca-kh .ca-n{margin-left:auto;color:var(--ca-fa);font-weight:400;font-size:12.5px}
.ca-card.ca-k{position:relative;cursor:grab;touch-action:pan-y}
.ca-card.ca-k:active{cursor:grabbing}
.ca-card.ca-k[draggable="false"]{cursor:pointer}
.ca-card.ca-lock{opacity:.8}
.ca-kobs{font-size:12.5px;line-height:1.4;color:var(--ca-mu);margin-top:6px}
.ca-av{margin-left:auto;width:24px;height:24px;border-radius:50%;background:var(--ca-sel);color:var(--ca-tx);display:inline-grid!important;place-items:center;font-size:11px;font-weight:600;border:1px solid var(--ca-ln)}
.ca-kprog{height:3px;border-radius:3px;background:var(--ca-ln);overflow:hidden;margin-top:8px}
.ca-kprog i{display:block;height:100%;background:var(--ac,var(--ca-ic))}
.ca-addk{border:1px dashed var(--ca-ln);border-radius:8px;min-height:38px;padding:0 10px;margin-top:2px}
.ca-addsel{border:1px solid var(--ca-ln);border-radius:6px;background:var(--ca-inp);color:var(--ca-tx);font-size:13px;line-height:1.2;min-height:30px;max-width:46%;padding:0 6px}
.ca-kabas{display:none}
.ca-kghost{position:fixed;left:0;top:0;z-index:400;pointer-events:none;opacity:.92;box-shadow:0 12px 32px rgba(0,0,0,.35);transform:translate(-9999px,-9999px)}
.ca-card.ca-karr{opacity:.35}
.ca-kabas button.over{outline:2px dashed var(--ca-mu);outline-offset:-2px}
.ca-card.ca-k .ca-tg .ca-st.agu{height:auto;padding:3px 8px;white-space:normal;line-height:1.3}
html[data-theme="dark"].ca-black .ca-kcol{background:#070707}

/* ---------- modal Novo projeto ---------- */
.ca-mo{position:fixed;inset:0;background:var(--ca-ov);z-index:295;display:flex;align-items:center;justify-content:center;padding:16px}
.ca-mo-c{background:var(--ca-peek);border-radius:12px;box-shadow:var(--ca-sh2);width:min(460px,100%);padding:22px 24px;color:var(--ca-tx);max-height:100%;overflow-y:auto}
.ca-mo-c h2{font-size:20px;line-height:1.3;margin:0 0 14px;color:var(--ca-tx)}
.ca-fg{margin-bottom:12px}
.ca-fg2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.ca-fg label{display:block;font-size:12.5px;line-height:1.3;color:var(--ca-mu);margin-bottom:4px}
.ca-fg input,.ca-fg select{width:100%;min-height:40px;border:1px solid var(--ca-ln);border-radius:6px;background:var(--ca-inp);padding:0 10px;font-size:16px;line-height:1.3;color:var(--ca-tx)}
.ca-icos{display:flex;gap:6px;flex-wrap:wrap}
.ca-icos button{width:40px;height:40px;border-radius:8px;border:1px solid var(--ca-ln);background:none;display:grid;place-items:center;color:var(--ca-ic)}
.ca-icos button[aria-pressed="true"]{border-color:var(--ca-azul);background:rgba(35,131,226,.12);color:var(--ca-azul)}
.ca-acts{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
.ca-btn{min-height:40px;padding:0 14px;border-radius:6px;border:1px solid var(--ca-ln);background:none;font-size:14px;line-height:1.3;font-weight:500;color:var(--ca-tx)}
.ca-btn.ca-pri{background:var(--ca-azul);border-color:var(--ca-azul);color:#fff}
.ca-btn[disabled]{opacity:.5;cursor:not-allowed}

/* ---------- MODO BLACK (Rafael, 15/10/2026): no noturno, dentro de Atividades, TUDO fica preto — a casca do EXEDU
   inclusive (fundo, cabeçalho, trilho, "+ Nota", bolinha) — e quase sem cor, "para roubar o mínimo de dopamina".
   A classe `ca-black` no <html> é ligada/desligada pelo r() (core.js) conforme a tela; só vale com data-theme="dark".
   Preto puro #000; a única cor que sobra é o âmbar apagado das atrasadas e do "Aguardando" (decisão do Rafael).
   Maquete: _docs/proto/atividades-black-proto.html. ---------- */
html[data-theme="dark"].ca-black{--bg:#000;--az:#9a9a9a;--azs:#161616}
html[data-theme="dark"].ca-black body{background:#000}
html[data-theme="dark"].ca-black header{background:#000;background-image:none;box-shadow:0 1px 0 #1a1a1a}
html[data-theme="dark"].ca-black #nv{background:#000;border-color:#1a1a1a;box-shadow:none}
html[data-theme="dark"].ca-black header .hdr-nota,html[data-theme="dark"].ca-black header .hdr-nota:hover{background:#141414;background-image:none;color:#bdbdbd;border:1px solid #2a2a2a;box-shadow:none}
html[data-theme="dark"].ca-black header .hdr-qr{border-color:#2a2a2a;color:#9a9a9a}
html[data-theme="dark"].ca-black .nv-bd,html[data-theme="dark"].ca-black #nv .nv-bd,html[data-theme="dark"].ca-black header .hdr-push-n{background:#2a2a2a;color:#bdbdbd}
html[data-theme="dark"].ca-black header .hdr-av{background:#1f1f1f;background-image:none;color:#bdbdbd;box-shadow:none}
html[data-theme="dark"].ca-black #nv button.on{background:#141414;background-image:none;color:#d4d4d4;box-shadow:none;border-color:#2a2a2a}
html[data-theme="dark"].ca-black header .hmb{background:#1a1a1a}
html[data-theme="dark"].ca-black .ca-cc{
  --ca-bg:#000;--ca-tx:#d4d4d4;--ca-tx2:#a3a3a3;--ca-mu:#8a8a8a;--ca-fa:#5a5a5a;--ca-ln:#1f1f1f;--ca-hov:rgba(255,255,255,.04);--ca-sel:rgba(255,255,255,.07);
  --ca-card:#0e0e0e;--ca-card-h:#141414;--ca-peek:#0a0a0a;--ca-callout:#141414;--ca-prev:#141414;--ca-out:#050505;--ca-chk:#5a5a5a;--ca-inp:#141414;
  --ca-sh:rgba(255,255,255,.07) 0 0 0 1px;--ca-sh2:rgba(255,255,255,.12) 0 0 0 1px;--ca-sh-peek:rgba(255,255,255,.08) 0 0 0 1px,rgba(0,0,0,.8) 0 16px 48px;
  --ca-ov:rgba(0,0,0,.72);--ca-azul:#3a3a3a;--ca-red:#b08a4a;
  --ca-gray-bg:#161616;--ca-brown-bg:#161616;--ca-orange-bg:#161616;--ca-yellow-bg:#161616;--ca-green-bg:#161616;--ca-blue-bg:#161616;--ca-purple-bg:#161616;--ca-pink-bg:#161616;--ca-teal-bg:#161616;
  --ca-gray-tx:#9a9a9a;--ca-brown-tx:#9a9a9a;--ca-orange-tx:#9a9a9a;--ca-yellow-tx:#9a9a9a;--ca-green-tx:#9a9a9a;--ca-blue-tx:#9a9a9a;--ca-purple-tx:#9a9a9a;--ca-pink-tx:#9a9a9a;--ca-teal-tx:#9a9a9a;
  --ca-ic:#9a9a9a;--ca-ac-green:#a3a3a3;--ca-ac-blue:#a3a3a3;--ca-ac-purple:#a3a3a3;--ca-ac-orange:#a3a3a3;--ca-ac-yellow:#a3a3a3;--ca-ac-pink:#a3a3a3;--ca-ac-brown:#a3a3a3;--ca-ac-gray:#a3a3a3;--ca-ac-teal:#a3a3a3;
  --ca-st-nao-bg:#161616;--ca-st-nao:#8a8a8a;--ca-st-and-bg:#161616;--ca-st-and:#a3a3a3;--ca-st-agu-bg:#1a1610;--ca-st-agu:#a08a5a;--ca-st-ok-bg:#161616;--ca-st-ok:#9a9a9a;
  border:1px solid #1a1a1a}
html[data-theme="dark"].ca-black .ca-fp.set,html[data-theme="dark"].ca-black .ca-fp.ca-del.set{color:#bdbdbd;border-color:#3a3a3a;background:#141414}
html[data-theme="dark"].ca-black :is(#ct,#caRoot) .ca-cc tr.done .ca-ck{background:#3a3a3a;border-color:#3a3a3a;color:#d4d4d4}
html[data-theme="dark"].ca-black .ca-btn.ca-pri{background:#2a2a2a;border-color:#3a3a3a;color:#d4d4d4}
html[data-theme="dark"].ca-black .ca-icos button[aria-pressed="true"]{border-color:#5a5a5a;background:#1f1f1f;color:#d4d4d4}
html[data-theme="dark"].ca-black .ca-cd.hoje .dn span{background:#2a2a2a;color:#d4d4d4}
html[data-theme="dark"].ca-black .ca-pc .ca-cover{background:#141414}
html[data-theme="dark"].ca-black .ca-pc .ca-ico{border:1px solid #1f1f1f}
html[data-theme="dark"].ca-black .ca-top .ca-tb.on{background:#141414}

/* Campos da Central no noturno: o styles.css pinta TODO input/select/textarea do escuro com --wh (azul-marinho) e !important
   (regra global da linha ~947); aqui o fundo é o da Central (transparente; o da casca ao focar). 19/10/2026, Rafael: "azul, retire". */
/* A regra global tem 4 :not() (especificidade 0,5,1) e !important: para vencer, id + 4 :not() aqui também (1,5,2). */
html[data-theme="dark"] :is(#ct,#caRoot) .ca-cc input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]),
html[data-theme="dark"] :is(#ct,#caRoot) .ca-cc select:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]),
html[data-theme="dark"] :is(#ct,#caRoot) .ca-cc textarea:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]){background:transparent!important;color:var(--ca-tx)!important;border-color:var(--ca-ln)!important;box-shadow:none}
html[data-theme="dark"] :is(#ct,#caRoot) .ca-cc .ca-in:focus:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]),
html[data-theme="dark"] :is(#ct,#caRoot) .ca-cc .ca-fg input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]),
html[data-theme="dark"] :is(#ct,#caRoot) .ca-cc .ca-fg select:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]){background:var(--ca-inp)!important}
[data-theme="dark"] .ca-cc .ca-addrow input::placeholder,[data-theme="dark"] .ca-cc .ca-in::placeholder{color:var(--ca-fa)}
/* Preenchimento automático do navegador: o Chrome pinta o campo de azul (no escuro, azul-escuro) por cima de qualquer
   background. A única saída é o box-shadow interno da cor do fundo + transição infinita da cor. */
.ca-cc input:-webkit-autofill,.ca-cc input:-webkit-autofill:hover,.ca-cc input:-webkit-autofill:focus,.ca-cc input:-internal-autofill-selected{
  -webkit-box-shadow:0 0 0 1000px var(--ca-bg) inset!important;box-shadow:0 0 0 1000px var(--ca-bg) inset!important;-webkit-text-fill-color:var(--ca-tx)!important;caret-color:var(--ca-tx)}
.ca-cc .ca-addrow input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--ca-bg) inset!important}

/* ---------- app em tela cheia (#caRoot, 19/10) ---------- */
#caRoot{position:fixed;inset:0;z-index:2000;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;padding-top:env(safe-area-inset-top,0px)}
[data-theme="dark"] #caRoot{background:#191919}
html[data-theme="dark"].ca-black #caRoot{background:#000}
html.ca-on,html.ca-on body{overflow:hidden}
#caRoot .ca-cc{border-radius:0;min-height:100%}
#caRoot .ca-top{position:sticky;top:0;z-index:5;background:var(--ca-bg);padding-top:10px;padding-bottom:6px;border-bottom:1px solid var(--ca-ln)}
.ca-top .ca-sair{color:var(--ca-tx);font-weight:600}
/* barra do topo alinhada com a coluna da página (Rafael, 28/10: em tela larga os botões ficavam no canto) */
@media (min-width:1001px){#caRoot .ca-top,.ca-top{padding-left:calc(max(0px,(100% - var(--ca-pw,1240px))/2) + 56px);padding-right:calc(max(0px,(100% - var(--ca-pw,1240px))/2) + 56px)}
  .ca-cc:has(.ca-page>.ca-ars){--ca-pw:1640px} /* mesma largura do painel (.ca-page:has(>.ca-ars)) */}
@media (min-width:761px) and (max-width:1000px){#caRoot .ca-top,.ca-top{padding-left:24px;padding-right:24px}}
/* página inteira (barra + conteúdo) centralizada na altura da tela no computador (Rafael, 28/10); mais alta que a tela = começa no topo */
@media (min-width:761px){#caRoot>div:has(>.ca-cc){min-height:100%;display:flex;flex-direction:column}#caRoot>div>.ca-cc{margin-block:auto;width:100%}}
/* ---------- enviar tarefa (avião no cartão + lista da equipe) ---------- */
.ca-card.ca-k{padding-right:40px}
.ca-ksend{position:absolute;right:8px;top:8px;width:28px;height:28px;border:0;border-radius:7px;background:none;color:var(--ca-mu);display:grid;place-items:center;cursor:pointer}
.ca-ksend::after{content:"";position:absolute;inset:-8px}

.ca-pop{position:absolute;right:8px;top:38px;z-index:6;width:min(260px,calc(100% - 16px));background:var(--ca-peek);border:1px solid var(--ca-ln);border-radius:10px;box-shadow:var(--ca-sh2);padding:6px;max-height:280px;overflow-y:auto}
.ca-pop-t{font-size:12px;line-height:1.3;color:var(--ca-mu);padding:4px 8px 6px}
.ca-pop-it{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:none;border-radius:7px;padding:6px 8px;min-height:40px;font-size:13.5px;line-height:1.3;color:var(--ca-tx);cursor:pointer}

.ca-pop-it.on{font-weight:600}
.ca-pop-it .ca-av{margin-left:0}
.ca-pop-it svg{margin-left:auto;color:var(--ca-st-ok)}

/* ---------- "Meus projetos" e Desempenho (Rafael, 20/10/2026) ---------- */
.ca-volta{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px 0 8px;margin:-6px 0 6px -8px;font-size:14px;line-height:1.2;font-weight:500;color:var(--ca-mu);border-radius:8px}

.ca-dz-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px}
.ca-dz-tile{border:1px solid var(--ca-ln);border-radius:10px;padding:14px 16px;background:var(--ca-card);min-width:0}
.ca-dz-tile .k{font-size:13px;line-height:1.3;color:var(--ca-mu)}
.ca-dz-tile .v{font-size:32px;line-height:1.1;font-weight:700;color:var(--ca-tx);margin:6px 0 4px;font-variant-numeric:tabular-nums}
.ca-dz-tile .s{font-size:12.5px;line-height:1.35;color:var(--ca-mu)}
.ca-dz-tile .s b{font-weight:600}.ca-dz-tile .up{color:var(--ca-ac-green)}.ca-dz-tile .dn{color:var(--ca-red)}
.ca-dz-h{font-size:14px;line-height:1.3;font-weight:600;color:var(--ca-tx);margin:0 0 10px}
.ca-dz-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.ca-dz-hd .ca-dz-h{margin:0}
.ca-dz-seg button{min-height:40px;padding:0 14px;font-size:14px} /* alvo 44 com a borda e o respiro da .ca-seg */
.ca-dz-ch{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;height:190px;border-bottom:1px solid var(--ca-ln);margin-bottom:6px}
.ca-dz-b{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;min-width:0;border:0;background:none;padding:0 6px;border-radius:8px 8px 0 0;cursor:pointer;color:var(--ca-mu);font-size:12px;line-height:1.2}

.ca-dz-b i{display:block;width:100%;max-width:44px;border-radius:5px 5px 0 0;background:var(--ca-chk);min-height:3px}
.ca-dz-b .n{font-weight:600;color:var(--ca-tx);font-variant-numeric:tabular-nums}
.ca-dz-b.cur i{background:var(--ca-azul)}
.ca-dz-b[aria-pressed="true"]{background:var(--ca-sel)}
.ca-dz-lb{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));font-size:12px;line-height:1.3;color:var(--ca-mu);text-align:center;margin-bottom:24px}
.ca-dz-lb .cur{color:var(--ca-tx);font-weight:600}
.ca-dz-dia{font-size:13px;line-height:1.3;color:var(--ca-mu);font-weight:600;margin:14px 0 4px;padding:0 4px}
.ca-dz-li{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;border:0;background:none;text-align:left;padding:4px 6px;border-radius:6px;color:var(--ca-tx);font-size:14px;line-height:1.35}

.ca-dz-li .ok{color:var(--ca-ac-green);display:flex;flex:none}
.ca-dz-li .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-dz-li .o{flex:none;max-width:45%;overflow:hidden}
.ca-dz-vz{color:var(--ca-mu);font-size:14px;line-height:1.4;padding:8px 4px}

/* ---------- Trocas da agenda (27/10/2026): Trocar/Imprevisto na Minha semana, Planejado × feito no Desempenho ---------- */
:is(#ct,#caRoot) .ca-cc .ca-trimp{margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--ca-tx2)}
:is(#ct,#caRoot) .ca-cc .ca-trb{width:44px;height:44px;display:grid;place-items:center;flex:none;border:0;background:none;border-radius:8px;color:var(--ca-fa);cursor:pointer;padding:0;margin:0}
:is(#ct,#caRoot) .ca-cc .ca-trli{cursor:default;border-bottom:1px solid var(--ca-ln);border-radius:0}

:is(#ct,#caRoot) .ca-cc .ca-trli .ok{color:var(--ca-fa)}
:is(#ct,#caRoot) .ca-cc .ca-trli .t{white-space:normal;overflow-wrap:anywhere}
:is(#ct,#caRoot) .ca-cc .ca-trli s{color:var(--ca-mu)}
:is(#ct,#caRoot) .ca-cc .ca-trli .o{display:flex;align-items:center;gap:8px;font-size:12.5px;line-height:1.3}
.ca-trsub{display:flex;align-items:center;gap:6px;margin:-8px 0 16px;font-size:14px;line-height:1.4;color:var(--ca-mu)}
.ca-trsub svg{flex:none}
.ca-mo-c .ca-trseg{display:flex;flex-wrap:wrap;width:100%}
.ca-mo-c .ca-trseg button{flex:1 1 auto;min-height:40px;padding:0 12px;font-size:14px;line-height:1.2}
.ca-mo-c .ca-fg input[type=date]{appearance:auto}
.ca-trleg{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;line-height:1.3;color:var(--ca-mu);margin:0 0 6px}
.ca-trleg i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px}
.ca-pf{display:grid;gap:12px;margin-bottom:28px}
.ca-pf-r{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:start}
.ca-pf-d{font-size:14px;line-height:1.3;font-weight:600;color:var(--ca-tx)}
.ca-pf-d span{display:block;font-size:12.5px;font-weight:400;color:var(--ca-mu)}
.ca-pf-b{display:grid;gap:3px}
.ca-trbar{display:flex;height:12px;border-radius:3px;overflow:hidden;background:var(--ca-callout)}
.ca-trbar span{display:block;height:100%}
.ca-pf-n{font-size:12.5px;line-height:1.35;color:var(--ca-mu);margin-top:2px}
:is(#ct,#caRoot) .ca-cc .ca-trh{margin-top:28px}
.ca-trheat{display:grid;gap:4px;font-size:12.5px;line-height:1.2;margin-bottom:8px}
.ca-trheat .hd{color:var(--ca-mu);text-align:center}
.ca-trheat .rl{color:var(--ca-mu);align-self:center}
.ca-trhc{border-radius:5px;min-height:40px;display:grid;place-items:center;color:var(--ca-tx);font-variant-numeric:tabular-nums}
:is(#ct,#caRoot) .ca-cc .ca-trli .ca-trn{flex:none;font-weight:600;font-variant-numeric:tabular-nums}
:is(#ct,#caRoot) .ca-cc .ca-trli .ca-trm{flex:none;font-size:12.5px;min-width:72px;text-align:right}
.ca-trcall{display:flex;gap:10px;align-items:flex-start;margin-top:24px;padding:14px 16px;border-radius:6px;background:var(--ca-callout);font-size:14px;line-height:1.5;color:var(--ca-tx)}
.ca-trcall svg{flex:none;margin-top:3px;color:var(--ca-ac-yellow)}

/* ---------- Caixa de entrada (28/10/2026): aba Entrada, linha de lançar, aviso na Minha semana, balão Alocar ---------- */

/* ---------- celular ---------- */
@media (max-width:1000px){.ca-page{padding:20px 24px 56px}}
@media (max-width:760px){
  .ca-cc{border-radius:0}
  .ca-page{padding:12px 16px 48px}
  .ca-cc .ca-h1{font-size:30px}
  .ca-vt{padding:0 7px;font-size:13.5px;gap:5px}
  .ca-picon{width:56px;height:56px}
  .ca-tools{width:100%;margin:2px 0 4px}
  .ca-como{padding-left:8px}
  .ca-fp{min-height:36px}
  .ca-tw{display:none}
  .ca-lista{display:block}
  .ca-board{grid-template-columns:minmax(0,1fr)}
  .ca-kb{grid-template-columns:minmax(0,1fr)}
  .ca-kcol{display:none;min-height:0}
  .ca-kcol.on{display:block}
  .ca-kabas{display:flex;gap:4px;margin-bottom:10px}
  .ca-kabas button{flex:1;min-height:38px;border:1px solid var(--ca-ln);background:none;border-radius:8px;font-size:12.5px;line-height:1.2;color:var(--ca-mu);padding:0 4px}
  .ca-kabas button[aria-pressed="true"]{background:var(--ca-sel);color:var(--ca-tx);font-weight:600}
  .ca-bc{min-width:0}
  .ca-peek{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
  .ca-pk-b{padding:12px 18px 24px}
  .ca-pk-b select.ca-in{min-height:44px} /* Projeto, Responsável e Repete com alvo de 44 */
  .ca-dz-tiles{gap:8px}.ca-dz-tile{padding:10px}.ca-dz-tile .v{font-size:26px}.ca-dz-tile .k,.ca-dz-tile .s{font-size:12px}
  .ca-dz-ch,.ca-dz-lb{grid-template-columns:repeat(6,minmax(0,1fr))}
  .ca-dz-ch>:nth-child(-n+2),.ca-dz-lb>:nth-child(-n+2){display:none} /* 6 períodos no celular (barra com alvo de 44+) */
  .ca-dz-li .o{display:none}
  .ca-pk-b h2{font-size:24px}
  .ca-props{grid-template-columns:112px minmax(0,1fr)}
  .ca-in{font-size:16px}
  .ca-cd{min-height:72px;padding:2px 2px 4px}
  .ca-cd .ev{font-size:11px;padding:3px 4px;min-height:22px}
  .ca-cd .ev svg{display:none}
  .ca-cd .dn{font-size:12px}
  .ca-top{padding:8px 12px 0}
  .ca-gal{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ca-pc{min-height:150px}
  .ca-pc .ca-t{font-size:14px}
  .ca-pc .ca-body{padding:20px 10px 10px}
  .ca-addrow input{font-size:16px}
  .ca-h2in{font-size:24px}
  #caRoot .ca-top{padding-left:12px;padding-right:12px}
  .ca-pop{right:4px;width:calc(100% - 8px)}
  .ca-mo{padding:0;align-items:flex-end}
  .ca-mo-c{border-radius:14px 14px 0 0;max-height:92vh;max-height:92dvh}
}
@media (max-width:1000px) and (min-width:761px){.ca-gal{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}

/* ---------- Painel: ÁREAS × PROJETOS (21/10/2026, referência painel-referencia.png) ----------
   Abas .ca-hab (Painel · Aguardando · Ideias), seção .ca-sec, áreas .ca-ars/.ca-ar (sem barra), projetos .ca-pjs/.ca-pj
   (o card é uma <div>; o botão .ca-pj-go cobre o card e o "Venceu · Remarcar" fica por cima), faixas .ca-faixa,
   listas .ca-lis/.ca-li (Aguardando, Ideias), remarcar no balão .ca-rem, próxima ação na página .ca-pa-in. */
.ca-cc{--ca-red-bg:#fdecea;--ca-warn:#a35a00;--ca-warn-bg:#fdf3e1}
[data-theme="dark"] .ca-cc{--ca-red-bg:#3a1f1d;--ca-warn:#f2b45a;--ca-warn-bg:#3a2c17}
.ca-cc .ca-warn{color:var(--ca-warn)}
.ca-hab{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}
.ca-hab button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--ca-ln);background:none;color:var(--ca-tx2);font-size:15px;line-height:1.2;display:inline-flex;align-items:center;gap:8px}

.ca-hab button[aria-selected="true"]{background:var(--ca-tx);border-color:var(--ca-tx);color:var(--ca-bg);font-weight:600}
.ca-hab .ca-n{color:inherit;opacity:.7;font-size:14px}
.ca-sec{display:flex;align-items:baseline;gap:12px;margin:8px 0 12px;flex-wrap:wrap}
.ca-sec h2{margin:0;font-size:13px;line-height:1.3;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ca-mu)}
.ca-sec .ca-gray{font-size:13px;line-height:1.3}
.ca-sec .ca-sp{flex:1}
.ca-page:has(>.ca-ars){max-width:1640px} /* painel: as 7 áreas numa linha no computador */
.ca-ars{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:30px}
.ca-ar,.ca-pj{background:var(--ca-card);border:0;border-radius:12px;box-shadow:var(--ca-sh);color:var(--ca-tx);text-align:left;font-size:14px;line-height:1.4}
.ca-ar{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;min-height:150px}

.ca-ar-ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--b);color:var(--ac);margin-bottom:8px;flex:none}
.ca-ar-t{font-weight:700;font-size:14.5px;line-height:1.3;text-transform:uppercase}
.ca-ar-s{color:var(--ca-mu);font-size:13px;line-height:1.35}
.ca-ar-f{margin-top:auto;padding-top:10px;font-size:13px;line-height:1.3;color:var(--ca-tx2)}
.ca-ar-f b{color:var(--ca-tx)}
.ca-pjs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:14px}
.ca-pj{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;min-height:220px}
.ca-pj-go{position:absolute;inset:0;border:0;background:none;border-radius:12px;padding:0;cursor:pointer}
.ca-pj .ca-ar-ic{margin-bottom:0}
.ca-pj-t{font-weight:700;font-size:16px;line-height:1.3;text-transform:uppercase}
.ca-pj-chips,.ca-li-m{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ca-pj-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--ca-ln);font-size:12.5px;line-height:1.2;color:var(--ca-tx2)}
.ca-pj-chip.warn{color:var(--ca-warn);border-color:currentColor}
.ca-pj-chip.late{color:var(--ca-red);border-color:currentColor}
.ca-pj-pa{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.35;min-width:0}
.ca-pj-pa span{color:var(--ca-mu)}
.ca-pj-pa b{font-size:14.5px;font-weight:600;overflow-wrap:anywhere}
.ca-pj-al,.ca-pj-rem{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:8px;font-size:14px;line-height:1.3;text-align:left}
.ca-pj-al{background:var(--ca-red-bg);color:var(--ca-red);border:1px solid currentColor}
.ca-pj-rem{position:relative;z-index:1;background:var(--ca-warn-bg);color:var(--ca-warn);border:1px solid currentColor;width:100%}

.ca-pj .ca-prog{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:12.5px;line-height:1.3;color:var(--ca-mu);flex-wrap:wrap}
.ca-pj .ca-bar{flex:1;min-width:80px;height:4px;border-radius:4px;background:var(--ca-ln);overflow:hidden}
.ca-pj .ca-bar i{display:block;height:100%;background:var(--ac);border-radius:4px}
.ca-pj.ca-pj-novo{border:1px dashed var(--ca-ln);box-shadow:none;background:none;align-items:center;justify-content:center;flex-direction:row;gap:8px;color:var(--ca-mu);font-size:15px}

.ca-faixa{border:1px solid var(--ca-ln);border-radius:12px;margin:0 0 12px}
.ca-faixa summary{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;min-height:52px;padding:8px 18px;cursor:pointer;font-size:15px;line-height:1.3;list-style:none}
.ca-faixa summary::-webkit-details-marker{display:none}
.ca-faixa summary .ca-gray{font-size:13.5px}
.ca-faixa .ca-pjs{padding:4px 14px 14px;margin:0}
.ca-st.esp{background:var(--ca-warn-bg);color:var(--ca-warn)}
.ca-lis{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.ca-li{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:48px;padding:8px 14px;border-radius:10px;background:var(--ca-card);box-shadow:var(--ca-sh);border:0;color:var(--ca-tx);text-align:left;font-size:14.5px;line-height:1.35}

.ca-li .t{min-width:0;overflow-wrap:anywhere}
.ca-li-m{font-size:13px;line-height:1.3}
.ca-li .ca-btn{min-height:44px}
.ca-idn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,220px) auto;gap:8px;margin:0 0 22px}
.ca-idn .ca-in{min-height:44px;font-size:15px;line-height:1.3}
.ca-idn .ca-btn{min-height:44px}
.ca-pa-in{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-8px 0 16px;font-size:14px;line-height:1.3}
.ca-pa-in>span{display:inline-flex;align-items:center;gap:6px;color:var(--ca-mu);flex:none}
.ca-pa-in .ca-in{flex:1;min-width:0;min-height:44px;font-size:15px;line-height:1.3}
.ca-pa-in.vazia>span{color:var(--ca-red)}
.ca-pa-in.vazia .ca-in{border-color:var(--ca-red)}
.ca-rem{background:var(--ca-warn-bg);border:1px solid var(--ca-warn);border-radius:10px;padding:12px 14px;margin:0 0 14px}
.ca-rem-t{display:flex;align-items:center;gap:8px;color:var(--ca-warn);font-weight:600;font-size:14px;line-height:1.3;margin-bottom:10px}
.ca-rem-b{display:flex;gap:8px;flex-wrap:wrap}
.ca-rem-b .ca-in,.ca-rem-b .ca-btn{min-height:44px}
.ca-vira-t{margin:0 0 14px;font-size:15px;line-height:1.4;color:var(--ca-tx2)}
html[data-theme="dark"].ca-black .ca-cc{--ca-red-bg:#1a0f0e;--ca-warn:#a08a5a;--ca-warn-bg:#1a1610}
html[data-theme="dark"].ca-black .ca-hab button[aria-selected="true"]{background:#d4d4d4;border-color:#d4d4d4;color:#000}
@media (max-width:760px){
  .ca-ars{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px}
  .ca-ar{min-height:140px;padding:12px}
  .ca-ar:last-child:nth-child(odd){grid-column:1/-1;min-height:0} /* número ímpar de áreas: a última ocupa a linha (sem órfão) */
  .ca-pjs{grid-template-columns:minmax(0,1fr)}
  .ca-pj{min-height:0}
  .ca-pj.ca-pj-novo{min-height:64px}
  .ca-hab{margin-bottom:20px}
  .ca-sec .ca-tb{min-height:44px}
  .ca-hab button{flex:1;justify-content:center;padding:0 10px}
  .ca-idn{grid-template-columns:minmax(0,1fr) auto}
  .ca-idn .ca-in:first-child{grid-column:1/-1}
  .ca-idn .ca-in{font-size:16px}
  .ca-pa-in .ca-in{font-size:16px}
  .ca-faixa summary{padding:8px 14px}
  .ca-faixa .ca-pjs{padding:4px 10px 10px}
}

/* ---------- Meu dia (31/10/2026; maquete _docs/proto/atividades-dia-planejado-proto.html) ----------
   (tabela .ca-md-bt no formato do Notion: Atividade · Etiqueta · Data · Obs). Caixas de 20px num alvo de 44. */
.ca-md-nav{display:flex;align-items:center;gap:4px;margin:0 0 6px}
:is(#ct,#caRoot) .ca-cc .ca-md-nav .ca-btn{min-height:44px}
.ca-cc .ca-md-sub{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:14px;line-height:1.4;margin-bottom:18px}
.ca-md-sub b{color:var(--ca-tx2);font-weight:600}
.ca-md-vz{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 16px;border-radius:8px;background:var(--ca-callout);color:var(--ca-tx2);font-size:14px;line-height:1.5;margin:0 0 8px}
.ca-md-vz>span{flex:1 1 240px}
:is(#ct,#caRoot) .ca-cc .ca-md-vz .ca-btn{min-height:44px;background:var(--ca-bg)}
:is(#ct,#caRoot) .ca-cc .ca-md-ls,:is(#ct,#caRoot) .ca-cc .ca-md-subs{list-style:none;margin:0;padding:0}
:is(#ct,#caRoot) .ca-cc .ca-md-subs{padding-left:36px}
.ca-md-ln{display:flex;align-items:flex-start;gap:2px;min-height:44px;border-radius:6px}

:is(#ct,#caRoot) .ca-cc .ca-md-ck{flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;padding:0;margin:0;color:transparent;cursor:pointer;border-radius:8px}
.ca-md-ck svg,.ca-md-novo .ca-md-ck::before{width:20px;height:20px;box-sizing:border-box;padding:2px;border:1.5px solid var(--ca-chk);border-radius:4px;background:var(--ca-inp)}
.ca-md-novo .ca-md-ck::before{content:"";display:block;opacity:.5}
:is(#ct,#caRoot) .ca-cc .ca-md-ck[aria-checked="true"]{color:#fff}
.ca-md-ck[aria-checked="true"] svg{background:var(--ca-azul);border-color:var(--ca-azul)}
:is(#ct,#caRoot) .ca-cc .ca-md-tx{flex:1;min-width:0;padding:11px 0;border:0;background:none;text-align:left;color:var(--ca-tx);font-size:16px;line-height:22px;overflow-wrap:anywhere;cursor:text;margin:0;min-height:44px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.ca-md-subs .ca-md-tx{font-size:15px}
.ca-md-marca>.ca-md-ln{background:rgba(35,131,226,.16)}
.ca-md-tx .ca-tag{margin-left:4px;vertical-align:1px}
.ca-md-hr{font-weight:600;font-variant-numeric:tabular-nums}
.ca-md-du{color:var(--ca-red)}
:is(#ct,#caRoot) .ca-cc .ca-md-it.ok>.ca-md-ln .ca-md-tx,:is(#ct,#caRoot) .ca-cc .ca-md-subs li.ok .ca-md-tx{color:var(--ca-fa);text-decoration:line-through}
.ca-md-it.ok>.ca-md-ln .ca-md-du{color:var(--ca-fa)}
.ca-md-novo{display:flex;align-items:center;gap:2px;min-height:44px;cursor:text}
:is(#ct,#caRoot) .ca-cc .ca-md-novo input{flex:1;min-width:0;height:44px;border:0;outline:0;background:transparent;padding:0;font-size:16px;line-height:22px;color:var(--ca-tx)}
.ca-md-novo input::placeholder{color:var(--ca-fa)}
.ca-cc .ca-md-novo input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--ca-bg) inset!important}
.ca-md-bl{margin-top:44px}
.ca-md-blh h2{margin:0 0 4px;font-size:24px;line-height:1.25;font-weight:700;color:var(--ca-tx);display:flex;align-items:baseline;gap:8px}
.ca-md-blh .ca-n{font-size:14px;font-weight:400;color:var(--ca-fa)}
.ca-md-bl .ca-desc{font-size:14px;margin-bottom:10px}
@media (max-width:760px){
  :is(#ct,#caRoot) .ca-cc .ca-md-subs{padding-left:24px}
}

/* ---------- Barra lateral (31/10/2026; maquete _docs/proto/atividades-barra-lateral-proto.html) ----------
   .ca-cc.ca-sbl = grade barra (.ca-sb) + coluna (.ca-main). A barra rola sozinha e fica presa no topo do #caRoot.
   Abaixo de 760px vira gaveta (.ca-sb-on), aberta pelo ☰ da barra de cima (.ca-sbab). */
.ca-cc{--ca-sb:#f7f7f5;--ca-sel2:rgba(55,53,47,.09)}
[data-theme="dark"] .ca-cc{--ca-sb:#202020;--ca-sel2:rgba(255,255,255,.09)}
html[data-theme="dark"].ca-black .ca-cc{--ca-sb:#0a0a0a;--ca-sel2:rgba(255,255,255,.08)}
#caRoot .ca-cc.ca-sbl{display:grid;grid-template-columns:264px minmax(0,1fr);align-items:start}
.ca-sb{grid-column:1;grid-row:1;position:sticky;top:0;height:calc(100dvh - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain;background:var(--ca-sb);border-right:1px solid var(--ca-ln);padding:10px 8px 32px;font-size:14px;line-height:1.3}
.ca-main{grid-column:2;grid-row:1;min-width:0}
:is(#ct,#caRoot) .ca-cc .ca-sbnv,:is(#ct,#caRoot) .ca-cc .ca-sbmes,:is(#ct,#caRoot) .ca-cc .ca-sbdia{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:0 10px;margin:0;border:0;border-radius:6px;background:none;color:var(--ca-tx2);cursor:pointer;text-align:left;font-size:14px;line-height:1.3;font-weight:500}

:is(#ct,#caRoot) .ca-cc :is(.ca-sbnv,.ca-sbdia)[aria-current="page"]{background:var(--ca-sel2);color:var(--ca-tx)}
.ca-sbnv .ca-i{flex:none}
.ca-sb .ca-n{margin-left:auto;font-size:12px;font-weight:400;color:var(--ca-fa);font-variant-numeric:tabular-nums}
.ca-sbsec{margin:18px 10px 6px;font-size:12px;line-height:1.3;color:var(--ca-fa);font-weight:500}
:is(#ct,#caRoot) .ca-cc .ca-sbmes{gap:6px;min-height:34px;padding-left:6px;font-weight:600}
.ca-sbmes .ca-i{flex:none}
.ca-sbmes[aria-expanded="true"] .ca-i{transform:rotate(90deg)}
:is(#ct,#caRoot) .ca-cc .ca-sbdias{list-style:none;margin:0 0 4px;padding:0}
:is(#ct,#caRoot) .ca-cc .ca-sbdia{gap:8px;min-height:32px;padding-left:28px;font-weight:400;font-variant-numeric:tabular-nums}
.ca-sbpt{width:7px;height:7px;border-radius:50%;flex:none;background:var(--ca-ln)}
.ca-sbdia.tem .ca-sbpt{background:var(--ca-chk)}
.ca-sbdia.ok .ca-sbpt{background:var(--ca-ac-green)}
:is(#ct,#caRoot) .ca-cc .ca-sbdia.fds{color:var(--ca-mu)}
:is(#ct,#caRoot) .ca-cc .ca-sbdia.fut{color:var(--ca-fa)}
:is(#ct,#caRoot) .ca-cc .ca-sbdia.hj{font-weight:700;color:var(--ca-tx)}
.ca-sbdia.ok .ca-n{color:var(--ca-ac-green)}
.ca-sbhj{font-size:11px;font-weight:600;color:var(--ca-azul)}
html[data-theme="dark"].ca-black .ca-sbhj{color:var(--ca-tx2)} /* no black o --ca-azul é cinza-escuro */
.ca-sbdia .ca-sbhj{margin-left:6px}
.ca-sbdia:not(.tem) .ca-sbhj{margin-left:auto}
.ca-sbov{display:none}
:is(#ct,#caRoot) .ca-cc .ca-sbab{display:none}
.ca-md-blpg{margin-top:0}
.ca-md-blpg .ca-h1 .ca-n{font-size:18px;font-weight:400;color:var(--ca-fa);margin-left:10px}
@media (min-width:761px) and (max-width:1000px){#caRoot .ca-cc.ca-sbl{grid-template-columns:232px minmax(0,1fr)}}
@media (max-width:760px){
  #caRoot .ca-cc.ca-sbl{grid-template-columns:minmax(0,1fr)}
  .ca-main{grid-column:1}
  .ca-sb{position:fixed;top:0;left:0;bottom:0;height:100dvh;width:min(300px,85vw);z-index:300;transform:translateX(-100%);padding-top:max(10px,env(safe-area-inset-top,0px))}
  .ca-sb-on .ca-sb{transform:none;box-shadow:var(--ca-sh-peek)}
  .ca-sb-on .ca-sbov{display:block;position:fixed;inset:0;z-index:299;background:var(--ca-ov)}
  :is(#ct,#caRoot) .ca-cc .ca-sbab{display:inline-flex;min-width:44px;min-height:44px;justify-content:center;padding:0;color:var(--ca-tx)}
  :is(#ct,#caRoot) .ca-cc :is(.ca-sbnv,.ca-sbmes,.ca-sbdia){min-height:44px}
  #caRoot .ca-top b{font-size:15px}
}

/* Linha editável + menu da tarefa (31/10/2026, no jeito do Notion: sem ⋯, sem Salvar/Cancelar) */
:is(#ct,#caRoot) .ca-cc .ca-md-in{flex:1;min-width:0;height:44px;margin:0;padding:0 6px;border:0;border-radius:6px;outline:0;background:var(--ca-hov);color:var(--ca-tx);font-size:16px;line-height:22px;box-shadow:inset 0 0 0 1px var(--ca-ln)}
html[data-theme="dark"] :is(#ct,#caRoot) .ca-cc input.ca-md-in:not([type=checkbox]){background:var(--ca-hov)!important}



/* Backlog em tabela, no formato do Notion (31/10/2026). Rola de lado dentro de .ca-md-tw no celular. */
.ca-md-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
:is(#ct,#caRoot) .ca-cc table.ca-md-bt{width:100%;min-width:640px;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.4}
:is(#ct,#caRoot) .ca-cc table.ca-md-bt:not(.ca-tcurso) th{padding:6px 8px;border-top:1px solid var(--ca-ln);border-bottom:1px solid var(--ca-ln);text-align:left;font-weight:400;font-size:14px;color:var(--ca-mu);white-space:nowrap;background:none}
:is(#ct,#caRoot) .ca-cc table.ca-md-bt:not(.ca-tcurso) th span{display:inline-flex;align-items:center;gap:6px}
:is(#ct,#caRoot) .ca-cc table.ca-md-bt:not(.ca-tcurso) th:nth-child(1){width:38%}
:is(#ct,#caRoot) .ca-cc table.ca-md-bt:not(.ca-tcurso) th:nth-child(2),:is(#ct,#caRoot) .ca-cc table.ca-md-bt:not(.ca-tcurso) th:nth-child(3){width:21%}
.ca-md-aa{font-weight:500;font-size:13px;letter-spacing:-.02em}
:is(#ct,#caRoot) .ca-cc table.ca-md-bt:not(.ca-tcurso) td{padding:4px 8px;border-bottom:1px solid var(--ca-ln);vertical-align:top;color:var(--ca-tx);background:none;font-size:14px;line-height:1.4}
:is(#ct,#caRoot) .ca-cc table.ca-md-bt:not(.ca-tcurso) :is(td,th)+:is(td,th){border-left:1px solid var(--ca-ln)}
:is(#ct,#caRoot) .ca-cc table.ca-md-bt:not(.ca-tcurso) td:not(.ca-md-bat){padding-top:12px}
:is(#ct,#caRoot) .ca-cc table.ca-md-bt:not(.ca-tcurso) td.ca-late{color:var(--ca-red)}
:is(#ct,#caRoot) .ca-cc table.ca-md-bt:not(.ca-tcurso) .ca-md-bob{color:var(--ca-tx2);overflow-wrap:anywhere}
.ca-md-bat .ca-md-ln{align-items:center;gap:6px;min-height:40px}
.ca-md-bat .ca-md-ln>.ca-i{flex:none;color:var(--ca-ic)}
:is(#ct,#caRoot) .ca-cc .ca-md-bat .ca-md-tx{font-weight:600;font-size:14px;line-height:20px;padding:10px 0;min-height:40px}
:is(#ct,#caRoot) .ca-cc .ca-md-bat .ca-md-in{height:40px;font-size:15px}
:is(#ct,#caRoot) .ca-cc .ca-md-bat .ca-md-subs{padding-left:22px}
.ca-md-bnova{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 8px;color:var(--ca-fa);border-bottom:1px solid var(--ca-ln);cursor:text}
:is(#ct,#caRoot) .ca-cc .ca-md-bnova input{flex:1;min-width:0;height:44px;border:0;outline:0;background:transparent;padding:0;font-size:14px;color:var(--ca-tx)}
.ca-md-bnova input::placeholder{color:var(--ca-fa)}
@media (max-width:760px){
  :is(#ct,#caRoot) .ca-cc .ca-md-bat .ca-md-tx,:is(#ct,#caRoot) .ca-cc .ca-md-bat .ca-md-ln{min-height:44px}
  :is(#ct,#caRoot) .ca-cc .ca-md-bat .ca-md-in{height:44px;font-size:16px}
  :is(#ct,#caRoot) .ca-cc .ca-md-bnova input{font-size:16px}
  }
/* Células do Backlog que respondem ao toque: Etiqueta (lista) e Data (calendário) por um campo invisível por cima; Obs é campo. */
:is(#ct,#caRoot) .ca-cc table.ca-md-bt:not(.ca-tcurso) td.ca-md-tdc{position:relative;cursor:pointer}
:is(#ct,#caRoot) .ca-cc .ca-md-cel{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer;font-size:16px;appearance:none}
:is(#ct,#caRoot) .ca-cc .ca-md-celin{width:100%;min-height:28px;margin:0;padding:0;border:0;outline:0;background:transparent;color:var(--ca-tx2);font-size:14px;line-height:1.4}
html[data-theme="dark"] :is(#ct,#caRoot) .ca-cc input.ca-md-celin:not([type=checkbox]){background:transparent!important;border:0!important}
@media (max-width:760px){:is(#ct,#caRoot) .ca-cc .ca-md-celin{font-size:16px;min-height:40px}}

/* Menu da tarefa no jeito do Notion (31/10/2026): flutua (caMdPos), seções com linha fina, itens de 28px, propriedades rótulo | valor. */
.ca-cc{--ca-mdpop:#fff;--ca-mdpop-sh:rgba(15,15,15,.05) 0 0 0 1px,rgba(15,15,15,.1) 0 3px 6px,rgba(15,15,15,.2) 0 9px 24px}
[data-theme="dark"] .ca-cc{--ca-mdpop:#252525;--ca-mdpop-sh:rgba(15,15,15,.1) 0 0 0 1px,rgba(15,15,15,.2) 0 3px 6px,rgba(15,15,15,.4) 0 9px 24px}
html[data-theme="dark"].ca-black .ca-cc{--ca-mdpop:#0e0e0e;--ca-mdpop-sh:rgba(255,255,255,.08) 0 0 0 1px,rgba(0,0,0,.8) 0 9px 24px}
.ca-md-pop{position:fixed;z-index:310;width:265px;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;border-radius:6px;background:var(--ca-mdpop);box-shadow:var(--ca-mdpop-sh);font-size:14px;line-height:1.2}
.ca-md-sec{padding:4px 0}
.ca-md-sec+.ca-md-sec{border-top:1px solid var(--ca-ln)}
.ca-md-sec:empty{display:none}
:is(#ct,#caRoot) .ca-cc .ca-md-op,:is(#ct,#caRoot) .ca-cc .ca-md-pr{display:flex;align-items:center;gap:8px;width:calc(100% - 8px);min-height:28px;margin:0 4px;padding:0 8px;border:0;border-radius:4px;background:none;color:var(--ca-tx);font-size:14px;line-height:1.2;font-weight:400;text-align:left;cursor:pointer}
.ca-md-op .ca-i,.ca-md-pr>.ca-i{flex:none;color:var(--ca-mu)}
.ca-md-prk{flex:none;width:92px;color:var(--ca-mu);white-space:nowrap}
:is(#ct,#caRoot) .ca-cc .ca-md-pr .ca-md-sel{flex:1;min-width:0;width:auto;min-height:26px;margin:0;padding:0 4px;border:0;border-radius:4px;background:transparent;color:var(--ca-tx);font-size:14px;line-height:1.2;appearance:none;cursor:pointer}
:is(#ct,#caRoot) .ca-cc .ca-md-pr .ca-md-sel::placeholder{color:var(--ca-fa)}
html[data-theme="dark"] :is(#ct,#caRoot) .ca-cc .ca-md-pr :is(input,select).ca-md-sel{background:transparent!important;border:0!important}
.ca-md-pr input[type=date].ca-md-sel:invalid,.ca-md-pr input[type=date].ca-md-sel[value=""]{color:var(--ca-fa)}
.ca-md-rod{padding:6px 12px 8px;border-top:1px solid var(--ca-ln);color:var(--ca-fa);font-size:12px;line-height:1.4}
@media (max-width:760px){
  .ca-md-pop{width:calc(100vw - 32px)}
  :is(#ct,#caRoot) .ca-cc .ca-md-op,:is(#ct,#caRoot) .ca-cc .ca-md-pr{min-height:44px;font-size:16px}
  :is(#ct,#caRoot) .ca-cc .ca-md-pr .ca-md-sel{min-height:40px;font-size:16px}
  .ca-md-prk{width:104px}
}

/* Revisão do celular (31/10/2026): alvo ≥ 44, letra ≥ 12, nada cortado, contraste dos contadores. Só abaixo de 760px. */
.ca-caldia{display:none}
.ca-cd[data-ca-dia]{cursor:pointer}
.ca-sb .ca-n,.ca-sbsec,.ca-kh .ca-n,.ca-gh .ca-n,.ca-md-blh .ca-n{color:var(--ca-mu)}
.ca-cd.out .dn{color:var(--ca-mu)}
html[data-theme="dark"]:not(.ca-black) .ca-cd.hoje .dn span{color:#191919} /* no escuro o --ca-red é claro: número escuro em cima */
@media (max-width:760px){
  html:not(#_) #caRoot .ca-cc .ca-seg button,html:not(#_) #caRoot .ca-cc .ca-tb,html:not(#_) #caRoot .ca-cc .ca-vt,
  html:not(#_) #caRoot .ca-cc .ca-kabas button,html:not(#_) #caRoot .ca-cc .ca-btn,html:not(#_) #caRoot .ca-cc .ca-kini{min-height:44px}
  html:not(#_) #caRoot .ca-cc .ca-addrow,html:not(#_) #caRoot .ca-cc .ca-addrow input{min-height:44px}
  html:not(#_) #caRoot .ca-cc .ca-md-celin,html:not(#_) #caRoot .ca-cc .ca-md-pr .ca-md-sel{min-height:44px}
  html:not(#_) #caRoot .ca-cc .ca-addsel{min-height:44px;font-size:16px}
  html:not(#_) #caRoot .ca-cc .ca-ksend{width:44px;height:44px;right:2px;top:2px}
  html:not(#_) #caRoot .ca-cc .ca-av{font-size:12px}
  html:not(#_) #caRoot .ca-cc .ca-pk-b .ca-in,html:not(#_) #caRoot .ca-cc .ca-fg input,html:not(#_) #caRoot .ca-cc .ca-fg select{min-height:44px}
  html:not(#_) #caRoot .ca-cc .ca-icos button{width:44px;height:44px}
  html:not(#_) #caRoot .ca-cc .ca-calh .ca-tb{min-width:44px;justify-content:center}
  /* calendário: só barrinhas no dia; o dia tocado lista as tarefas inteiras embaixo */
  html:not(#_) #caRoot .ca-cc .ca-cd .ev{display:block;height:6px;min-height:0;padding:0;margin:2px 0 0;font-size:0;line-height:0;box-shadow:none;background:var(--ac,var(--ca-chk));pointer-events:none;border-radius:3px}
  html:not(#_) #caRoot .ca-cc .ca-cd .ev.curso{background:var(--t)}
  html:not(#_) #caRoot .ca-cc .ca-cd .ev *,html:not(#_) #caRoot .ca-cc .ca-cd .ca-mais{display:none}
  .ca-cd.sel{box-shadow:inset 0 0 0 2px var(--ca-azul)}
  .ca-caldia{display:block;margin-top:16px}
  .ca-caldia-t{font-size:16px;line-height:1.3;font-weight:700;color:var(--ca-tx);margin:0 0 8px;text-transform:capitalize}
  .ca-caldia-c{margin:0 0 6px}
  .ca-caldia .ca-card{margin-bottom:8px}
}


/* ---------- Devocional (02/11/2026): notas no jeito do app Notas — lista à esquerda, editor à direita ----------
   Sem hover, transição, tooltip nem anel de foco (regra do Notion, 31/10). No celular (< 760) uma coluna de cada vez. */
:is(#ct,#caRoot) .ca-cc .ca-page.ca-page-dv{max-width:none;padding:0}
:is(#ct,#caRoot) .ca-cc .ca-dv{display:grid;grid-template-columns:320px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100%;min-height:0;font-size:16px;line-height:1.5;color:var(--ca-tx)}
/* Tela travada como no Notas (06/11): cabeçalho, barra de formatação, busca e menu lateral ficam parados; só a lista e o texto rolam. */
#caRoot .ca-cc.ca-sbl.ca-dvon{height:calc(100dvh - env(safe-area-inset-top,0px));min-height:0;grid-template-rows:minmax(0,1fr);overflow:hidden}
.ca-dvon .ca-main{display:flex;flex-direction:column;height:100%;min-height:0}
:is(#ct,#caRoot) .ca-cc .ca-page.ca-page-dv{flex:1;min-height:0}
:is(#ct,#caRoot) .ca-cc .ca-dv-lista{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--ca-ln);padding:16px 12px 0;min-width:0}
:is(#ct,#caRoot) .ca-cc .ca-dv-itens{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:48px}
:is(#ct,#caRoot) .ca-cc .ca-dv-lh{display:flex;align-items:center;gap:8px;padding:0 4px 10px}
:is(#ct,#caRoot) .ca-cc .ca-dv-h1{margin:0;font-size:24px;line-height:1.2;font-weight:700;color:var(--ca-tx)}
:is(#ct,#caRoot) .ca-cc .ca-dv-n{flex:1;font-size:13px;line-height:1.2;color:var(--ca-mu)}
:is(#ct,#caRoot) .ca-cc .ca-dv-busca{width:100%;height:36px;margin:0 0 6px;padding:0 10px;font-size:14px;line-height:1.2;border:0;border-radius:8px;background:var(--ca-callout);color:var(--ca-tx);outline:none}
:is(#ct,#caRoot) .ca-cc .ca-dv-gr{margin:14px 8px 4px;font-size:13px;line-height:1.2;font-weight:700;color:var(--ca-tx)}
:is(#ct,#caRoot) .ca-cc .ca-dv-ul{list-style:none;margin:0;padding:0}
:is(#ct,#caRoot) .ca-cc .ca-dv-ul li+li .ca-dv-it::before{content:"";position:absolute;left:14px;right:14px;top:0;border-top:1px solid var(--ca-ln)}
:is(#ct,#caRoot) .ca-cc .ca-dv-ul li+li .ca-dv-it[aria-current]::before,:is(#ct,#caRoot) .ca-cc .ca-dv-ul li:has(.ca-dv-it[aria-current])+li .ca-dv-it::before{content:none}
:is(#ct,#caRoot) .ca-cc .ca-dv-it{position:relative;display:block;width:100%;margin:0;padding:10px 14px;border:0;border-radius:10px;background:none;color:var(--ca-tx);text-align:left;cursor:pointer;outline:none;font:inherit}
:is(#ct,#caRoot) .ca-cc .ca-dv-it[aria-current]{background:var(--ca-sel)}
:is(#ct,#caRoot) .ca-cc .ca-dv-it-t{display:block;font-size:15px;line-height:1.35;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(#ct,#caRoot) .ca-cc .ca-dv-it-s{display:flex;gap:8px;font-size:13.5px;line-height:1.35;color:var(--ca-mu);min-width:0}
:is(#ct,#caRoot) .ca-cc .ca-dv-it-s b{font-weight:500;color:var(--ca-tx2);flex:none}
:is(#ct,#caRoot) .ca-cc .ca-dv-it-s span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
:is(#ct,#caRoot) .ca-cc .ca-dv-vz{margin:24px 8px;font-size:14px;line-height:1.4;color:var(--ca-mu)}
:is(#ct,#caRoot) .ca-cc .ca-dv-aviso{margin:8px 0}
:is(#ct,#caRoot) .ca-cc .ca-dv-ed{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0 48px 96px}
:is(#ct,#caRoot) .ca-cc .ca-dv-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:2px;margin:0 -48px;padding:6px 16px;background:var(--ca-bg);border-bottom:1px solid var(--ca-ln)}
:is(#ct,#caRoot) .ca-cc .ca-dv-fmt{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:2px;min-width:0}
:is(#ct,#caRoot) .ca-cc .ca-dv-tab{display:contents}
:is(#ct,#caRoot) .ca-cc .ca-dv-tab[hidden]{display:none!important}
:is(#ct,#caRoot) .ca-cc .ca-dv-tb{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;margin:0;border:0;border-radius:8px;background:none;color:var(--ca-ic);font-size:15px;line-height:1;cursor:pointer;outline:none}
:is(#ct,#caRoot) .ca-cc .ca-dv-tb[aria-pressed="true"]{background:var(--ca-sel);color:var(--ca-tx)}
:is(#ct,#caRoot) .ca-cc .ca-dv-tb:disabled{opacity:.4;cursor:default}
:is(#ct,#caRoot) .ca-cc .ca-dv-tb b,:is(#ct,#caRoot) .ca-cc .ca-dv-tb i,:is(#ct,#caRoot) .ca-cc .ca-dv-tb u,:is(#ct,#caRoot) .ca-cc .ca-dv-tb s{font-size:16px;font-family:Georgia,serif}
:is(#ct,#caRoot) .ca-cc .ca-dv-tb .ca-dv-ft1{font-family:inherit;font-size:15px;font-weight:700}
:is(#ct,#caRoot) .ca-cc .ca-dv-tb .ca-dv-ft2{font-family:inherit;font-size:14px;font-weight:600}
:is(#ct,#caRoot) .ca-cc .ca-dv-ft3{font-size:14px}
:is(#ct,#caRoot) .ca-cc .ca-dv-sep{flex:none;width:1px;height:20px;margin:0 6px;background:var(--ca-ln)}
:is(#ct,#caRoot) .ca-cc .ca-dv-volta{display:none}
:is(#ct,#caRoot) .ca-cc .ca-dv-data{margin:18px 0 10px;text-align:center;font-size:13px;line-height:1.3;color:var(--ca-mu)}
/* o texto da nota: mesmas peças do Notas (título, subtítulo, corpo, listas, verificação, citação, tabela) */
:is(#ct,#caRoot) .ca-cc .ca-dv-txt{min-height:60vh;max-width:820px;margin:0 auto;outline:none;font-size:17px;line-height:1.55;color:var(--ca-tx);word-wrap:break-word;-webkit-user-modify:read-write}
:is(#ct,#caRoot) .ca-cc .ca-dv-txt :is(div,p){margin:0}
:is(#ct,#caRoot) .ca-cc .ca-dv-txt h1{margin:0 0 6px;font-size:28px;line-height:1.25;font-weight:700}
:is(#ct,#caRoot) .ca-cc .ca-dv-txt h2{margin:10px 0 4px;font-size:22px;line-height:1.3;font-weight:700}
:is(#ct,#caRoot) .ca-cc .ca-dv-txt h3{margin:8px 0 2px;font-size:18px;line-height:1.35;font-weight:700}
:is(#ct,#caRoot) .ca-cc .ca-dv-txt :is(ul,ol){margin:0;padding-left:28px}
:is(#ct,#caRoot) .ca-cc .ca-dv-txt blockquote{margin:14px 0;padding:0 0 0 16px;border-left:3px solid var(--ca-fa)}
:is(#ct,#caRoot) .ca-cc .ca-dv-txt table{border-collapse:collapse;margin:10px 0;width:auto;min-width:0;max-width:100%;font-size:inherit}
:is(#ct,#caRoot) .ca-cc .ca-dv-txt table:not(.ca-tcurso) :is(td,th):nth-child(n){width:auto;white-space:normal;min-width:80px;padding:6px 10px;border:1px solid var(--ca-fa);vertical-align:top;text-align:left;font-weight:400}
:is(#ct,#caRoot) .ca-cc .ca-dv-txt ul[data-ck]{list-style:none;padding-left:0}
:is(#ct,#caRoot) .ca-cc .ca-dv-txt ul[data-ck]>li{position:relative;padding-left:32px;cursor:text}
:is(#ct,#caRoot) .ca-cc .ca-dv-txt ul[data-ck]>li::before{content:"";position:absolute;left:2px;top:.2em;width:20px;height:20px;box-sizing:border-box;border:1.5px solid var(--ca-chk);border-radius:50%;cursor:pointer}
:is(#ct,#caRoot) .ca-cc .ca-dv-txt ul[data-ck]>li[data-ok]::before{border-color:#e5a50a;background:#e5a50a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17.5 19 7'/%3E%3C/svg%3E") center/14px no-repeat}
:is(#ct,#caRoot) .ca-cc .ca-dv-txt ul[data-ck]>li[data-ok]{color:var(--ca-mu)}
@media (max-width:1000px){
  :is(#ct,#caRoot) .ca-cc .ca-dv{grid-template-columns:260px minmax(0,1fr)}
  :is(#ct,#caRoot) .ca-cc .ca-dv-ed{padding:0 24px 96px}
  :is(#ct,#caRoot) .ca-cc .ca-dv-bar{margin:0 -24px;padding:6px 8px}
}
@media (max-width:760px){
  :is(#ct,#caRoot) .ca-cc .ca-dv{grid-template-columns:minmax(0,1fr)}
  :is(#ct,#caRoot) .ca-cc .ca-dv-lista{border-right:0;padding:12px 16px 0}
  :is(#ct,#caRoot) .ca-cc .ca-dv-ed{display:none;padding:0 16px 96px}
  :is(#ct,#caRoot) .ca-cc .ca-dv.ca-dv-ed-on .ca-dv-ed{display:block}
  :is(#ct,#caRoot) .ca-cc .ca-dv.ca-dv-ed-on .ca-dv-lista{display:none}
  :is(#ct,#caRoot) .ca-cc .ca-dv-bar{margin:0 -16px;padding:4px 4px}
  :is(#ct,#caRoot) .ca-cc .ca-dv-volta{display:inline-flex}
  :is(#ct,#caRoot) .ca-cc .ca-dv-fmt{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none} /* uma linha que desliza, como a barra do Notas no iPhone */
  :is(#ct,#caRoot) .ca-cc .ca-dv-fmt::-webkit-scrollbar{display:none}
  :is(#ct,#caRoot) .ca-cc .ca-dv-tb{min-width:44px;height:44px}
  :is(#ct,#caRoot) .ca-cc .ca-dv-it{min-height:60px}
  :is(#ct,#caRoot) .ca-cc .ca-dv-busca{height:44px}
  :is(#ct,#caRoot) .ca-cc .ca-dv-txt{min-height:50vh}
  :is(#ct,#caRoot) .ca-cc .ca-dv-h1{font-size:30px}
}