/* ============================================================
   octopus-tarefas.css (item 136, 13/09/2026)
   Aba Tarefas da administracao no modelo do Microsoft To Do: barra lateral
   com listas inteligentes e listas da pessoa, coluna central com o campo
   "Adicionar tarefa" sempre no rodape, painel de detalhe que desliza da
   direita. Usa os tokens do index.php (--surface, --border, --accent,
   --text, --muted) com fallback, entao vale no tema escuro e no claro.
   Sem fonte propria: a marca fica com a Playfair, o resto herda.
   ============================================================ */

.todo-app { position:relative; display:flex; height:calc(100vh - 56px); min-height:520px; border:1px solid var(--border, #333); border-radius:var(--radius, 14px); background:var(--surface, #1a1a1a); overflow:hidden; }

/* ===== BARRA LATERAL (listas) ===== */
.todo-side { width:250px; flex:0 0 250px; border-right:1px solid var(--border, #333); display:flex; flex-direction:column; background:var(--surface, #1a1a1a); min-height:0; }
.todo-side-busca { padding:14px 12px 6px; }
.todo-side-busca input { width:100%; box-sizing:border-box; background:var(--surface2, #222); border:1px solid var(--border, #333); border-radius:8px; padding:8px 10px 8px 30px; color:var(--text, #eee); font:inherit; font-size:13px; }
.todo-side-busca input:focus { outline:none; border-color:var(--accent, #cea046); }
.todo-side-busca { position:relative; }
.todo-side-busca .todo-lupa { position:absolute; left:22px; top:22px; font-size:12px; color:var(--muted, #888); pointer-events:none; }
.todo-side-scroll { flex:1; overflow-y:auto; padding:4px 8px 12px; min-height:0; }
.todo-nav-item { display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:8px; cursor:pointer; color:var(--text, #eee); font-size:13.5px; user-select:none; position:relative; }
.todo-nav-item:hover { background:var(--surface2, #222); }
.todo-nav-item.ativo { background:var(--surface2, #222); font-weight:600; }
.todo-nav-item.ativo::before { content:''; position:absolute; left:0; top:8px; bottom:8px; width:3px; border-radius:3px; background:var(--accent, #cea046); }
.todo-nav-ico { width:20px; flex:0 0 20px; text-align:center; font-size:15px; line-height:1; }
.todo-nav-nome { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.todo-nav-cont { font-size:11.5px; color:var(--muted, #888); min-width:16px; text-align:right; }
.todo-nav-comp { font-size:11px; color:var(--muted, #888); }
.todo-nav-sep { height:1px; background:var(--border, #333); margin:8px 10px; }
.todo-nav-titulo { font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted, #888); padding:8px 10px 4px; }
.todo-newlist { margin:6px 8px 0; display:flex; gap:10px; align-items:center; width:calc(100% - 16px); padding:9px 10px; border-radius:8px; color:var(--accent, #cea046); cursor:pointer; font:inherit; font-size:13.5px; background:none; border:none; text-align:left; }
.todo-newlist:hover { background:var(--surface2, #222); }
.todo-newlist-form { display:flex; gap:6px; margin:6px 8px 0; }
.todo-newlist-form input { flex:1; min-width:0; background:var(--surface2, #222); border:1px solid var(--accent, #cea046); border-radius:8px; padding:8px 10px; color:var(--text, #eee); font:inherit; font-size:13px; }
.todo-newlist-form input:focus { outline:none; }
.todo-newlist-form button { background:var(--accent, #cea046); color:#111; border:none; border-radius:8px; padding:0 10px; cursor:pointer; font:inherit; font-size:12px; font-weight:700; }

/* ===== COLUNA CENTRAL ===== */
.todo-main { flex:1; min-width:0; display:flex; flex-direction:column; position:relative; transition:margin-right .25s ease; min-height:0; }
.todo-app.com-detalhe .todo-main { margin-right:380px; }
.todo-head { display:flex; align-items:flex-start; gap:12px; padding:20px 24px 10px; flex-wrap:wrap; }
.todo-head-tit { display:flex; align-items:center; gap:10px; min-width:0; font-size:22px; font-weight:800; color:var(--text, #eee); line-height:1.2; }
.todo-head-tit .todo-head-ico { font-size:22px; line-height:1; }
.todo-head-tit .todo-head-nome { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.todo-head-tit input { font:inherit; font-size:20px; font-weight:800; background:none; border:none; border-bottom:1px solid var(--accent, #cea046); color:var(--text, #eee); min-width:0; width:260px; max-width:100%; padding:0 0 2px; }
.todo-head-tit input:focus { outline:none; }
.todo-head-sub { font-size:12.5px; color:var(--muted, #888); margin-top:3px; }
.todo-head-acoes { margin-left:auto; display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.todo-select { background:var(--surface2, #222); border:1px solid var(--border, #333); color:var(--text, #eee); border-radius:8px; padding:7px 10px; font:inherit; font-size:12.5px; max-width:180px; }
.todo-icobtn { background:var(--surface2, #222); border:1px solid var(--border, #333); color:var(--text, #eee); border-radius:8px; height:34px; min-width:34px; padding:0 9px; cursor:pointer; font:inherit; font-size:14px; display:inline-flex; align-items:center; justify-content:center; gap:6px; white-space:nowrap; }
.todo-icobtn:hover { border-color:var(--accent, #cea046); }
.todo-side-toggle { display:none; }
.todo-body { flex:1; overflow-y:auto; padding:4px 24px 12px; min-height:0; }

/* grupos (Atrasadas, Hoje, Concluidas...) */
.todo-grupo { margin-top:12px; }
.todo-grupo-cab { display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; color:var(--muted2, var(--muted, #aaa)); cursor:pointer; padding:6px 4px; user-select:none; }
.todo-grupo-cab .todo-seta { display:inline-block; font-size:10px; transition:transform .2s; }
.todo-grupo.fechado .todo-seta { transform:rotate(-90deg); }
.todo-grupo.fechado .todo-grupo-itens { display:none; }
.todo-grupo-cont { background:var(--surface2, #222); border-radius:10px; padding:1px 7px; font-size:11px; }

/* linha de tarefa */
.todo-row { display:flex; align-items:center; gap:12px; padding:10px 12px; margin-bottom:4px; background:var(--surface2, #222); border:1px solid transparent; border-radius:10px; cursor:pointer; transition:background .15s, border-color .15s, transform .18s, opacity .18s; }
.todo-row:hover { border-color:var(--border2, var(--border, #444)); }
.todo-row.sel { border-color:var(--accent, #cea046); }
.todo-row.saindo { opacity:0; transform:translateX(14px); }
.todo-check { width:20px; height:20px; border-radius:50%; border:1.5px solid var(--muted, #888); flex:0 0 20px; display:inline-flex; align-items:center; justify-content:center; background:none; cursor:pointer; color:transparent; font-size:11px; line-height:1; padding:0; transition:all .15s; }
.todo-check:hover { border-color:var(--accent, #cea046); color:var(--accent, #cea046); }
.todo-check.feito { background:var(--accent, #cea046); border-color:var(--accent, #cea046); color:#111; }
.todo-row-txt { flex:1; min-width:0; }
.todo-row-tit { font-size:14px; color:var(--text, #eee); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.todo-row.feita .todo-row-tit { text-decoration:line-through; color:var(--muted, #888); }
.todo-row-meta { display:flex; gap:8px; flex-wrap:wrap; font-size:11.5px; color:var(--muted, #888); margin-top:3px; align-items:center; }
.todo-row-meta .atras { color:var(--red, #e5484d); }
.todo-row-meta .hoje { color:var(--accent, #cea046); }
.todo-row-meta .sep { color:var(--border2, var(--muted, #555)); }
.todo-star { background:none; border:none; cursor:pointer; font-size:17px; color:var(--muted, #888); padding:2px 4px; line-height:1; flex:0 0 auto; }
.todo-star.on { color:var(--accent, #cea046); }
.todo-prio { display:inline-block; width:7px; height:7px; border-radius:50%; vertical-align:middle; }
.todo-prio.alta { background:var(--red, #e5484d); }
.todo-prio.media { background:var(--accent, #cea046); }
.todo-prio.baixa { background:var(--muted, #888); }
.todo-avatar { width:20px; height:20px; border-radius:50%; background:var(--accent, #cea046); color:#111; font-size:9.5px; font-weight:700; display:inline-flex; align-items:center; justify-content:center; overflow:hidden; vertical-align:middle; flex:0 0 20px; }
.todo-avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.todo-etq { display:inline-block; font-size:10.5px; padding:1px 7px; border-radius:10px; background:var(--surface, #1a1a1a); border:1px solid var(--border, #333); color:var(--muted2, var(--muted, #aaa)); }
.todo-vazio { text-align:center; color:var(--muted, #888); padding:48px 16px 24px; font-size:14px; }
.todo-vazio .todo-vazio-ico { font-size:40px; margin-bottom:10px; line-height:1; }
.todo-vazio .todo-vazio-tit { color:var(--text, #eee); font-weight:600; margin-bottom:4px; }
.todo-sugest { margin-top:18px; border-top:1px dashed var(--border, #333); padding-top:10px; }
.todo-sugest-cab { font-size:12.5px; color:var(--muted, #888); font-weight:600; padding:6px 4px; display:flex; justify-content:space-between; align-items:center; }
.todo-sugest-add { background:none; border:1px solid var(--border, #333); color:var(--accent, #cea046); border-radius:8px; padding:4px 9px; cursor:pointer; font:inherit; font-size:11.5px; white-space:nowrap; }
.todo-sugest-add:hover { border-color:var(--accent, #cea046); }
/* item 214: bloco Atrasadas no topo do Meu Dia */
.todo-atrasadas { margin-top:0; margin-bottom:14px; border-top:0; border-left:3px solid var(--red, #e5484d); padding:4px 0 6px 8px; background:rgba(229,72,77,.06); border-radius:6px; }
.todo-atrasadas .todo-sugest-cab { color:var(--red, #e5484d); }
.todo-sugest-mais { font-size:11.5px; color:var(--muted, #888); padding:6px 4px 0; }

/* adicionar tarefa (sempre no rodape) */
.todo-add { border-top:1px solid var(--border, #333); padding:12px 24px 16px; display:flex; gap:8px; align-items:center; background:var(--surface, #1a1a1a); flex-wrap:wrap; }
.todo-add-plus { color:var(--accent, #cea046); font-size:22px; width:20px; text-align:center; line-height:1; }
.todo-add input[type=text] { flex:1; min-width:160px; background:var(--surface2, #222); border:1px solid var(--border, #333); border-radius:10px; padding:11px 12px; font:inherit; font-size:14px; color:var(--text, #eee); }
.todo-add input[type=text]:focus { outline:none; border-color:var(--accent, #cea046); }
.todo-add input[type=date] { background:var(--surface2, #222); border:1px solid var(--border, #333); border-radius:10px; padding:9px 10px; font:inherit; font-size:12.5px; color:var(--text, #eee); color-scheme:dark; }
.todo-add .todo-add-btn { background:var(--accent, #cea046); color:#111; border:none; border-radius:10px; padding:10px 16px; font:inherit; font-size:13px; font-weight:700; cursor:pointer; white-space:nowrap; }
.todo-add-dica { width:100%; font-size:11.5px; color:var(--muted, #888); }

/* ===== PAINEL DE DETALHE (desliza da direita) ===== */
.todo-detalhe { position:absolute; top:0; right:0; bottom:0; width:380px; max-width:100%; background:var(--surface, #1a1a1a); border-left:1px solid var(--border, #333); transform:translateX(100%); transition:transform .25s ease; display:flex; flex-direction:column; z-index:5; box-shadow:-8px 0 24px rgba(0,0,0,.18); visibility:hidden; }
.todo-app.com-detalhe .todo-detalhe { transform:translateX(0); visibility:visible; }
.todo-det-scroll { flex:1; overflow-y:auto; padding:18px 18px 12px; min-height:0; }
.todo-det-topo { display:flex; align-items:flex-start; gap:10px; }
.todo-det-topo .todo-check { margin-top:5px; }
.todo-det-tit { flex:1; min-width:0; width:100%; font:inherit; font-size:17px; font-weight:600; background:none; border:none; border-bottom:1px solid transparent; color:var(--text, #eee); resize:none; padding:2px 0; line-height:1.35; overflow:hidden; }
.todo-app .todo-detalhe textarea.todo-det-tit { min-height:0; padding:2px 0; line-height:1.35; } /* a pele APEX da 88px minimos a todo textarea; o titulo cresce so com o texto */
.todo-det-tit:focus { outline:none; border-bottom-color:var(--accent, #cea046); }
.todo-det-tit.feita { text-decoration:line-through; color:var(--muted, #888); }
.todo-det-passos { margin:12px 0 4px; }
.todo-passo { display:flex; align-items:center; gap:10px; padding:6px 2px; border-bottom:1px solid var(--border, #333); }
.todo-passo .todo-check { width:16px; height:16px; flex:0 0 16px; font-size:9px; }
.todo-passo input[type=text] { flex:1; min-width:0; background:none; border:none; color:var(--text, #eee); font:inherit; font-size:13px; padding:2px 0; }
.todo-passo input[type=text]:focus { outline:none; }
.todo-passo.feito input[type=text] { text-decoration:line-through; color:var(--muted, #888); }
.todo-passo-x { background:none; border:none; color:var(--muted, #888); cursor:pointer; font-size:14px; opacity:0; padding:0 2px; line-height:1; }
.todo-passo:hover .todo-passo-x { opacity:1; }
.todo-passo-x:hover { color:var(--red, #e5484d); }
.todo-passo-add { display:flex; gap:10px; align-items:center; padding:8px 2px; }
.todo-passo-add .todo-mais { color:var(--accent, #cea046); font-size:18px; width:16px; text-align:center; line-height:1; }
.todo-passo-add input { flex:1; min-width:0; background:none; border:none; color:var(--text, #eee); font:inherit; font-size:13px; padding:2px 0; }
.todo-passo-add input:focus { outline:none; }
.todo-det-bloco { margin-top:10px; background:var(--surface2, #222); border-radius:10px; overflow:hidden; }
.todo-det-item { display:flex; align-items:center; gap:12px; padding:10px 12px; border-bottom:1px solid var(--border, #333); font-size:13.5px; color:var(--text, #eee); min-height:22px; }
.todo-det-item:last-child { border-bottom:none; }
.todo-det-item.clicavel { cursor:pointer; }
.todo-det-item.clicavel:hover { background:rgba(255,255,255,.03); }
.todo-det-item .ico { width:20px; flex:0 0 20px; text-align:center; color:var(--muted, #888); font-size:14px; }
.todo-det-item.on { color:var(--accent, #cea046); }
.todo-det-item.on .ico { color:var(--accent, #cea046); }
.todo-det-item .txt { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.todo-det-item .lbl { font-size:11px; color:var(--muted, #888); }
.todo-det-item select, .todo-det-item input[type=text] { flex:1; min-width:0; background:none; border:none; color:var(--text, #eee); font:inherit; font-size:13px; padding:0; }
.todo-det-item select:focus, .todo-det-item input:focus { outline:none; }
.todo-det-item select option { background:var(--surface, #1a1a1a); color:var(--text, #eee); }
.todo-det-item input[type=date], .todo-det-item input[type=datetime-local], .todo-det-item input[type=time], .todo-det-item input[type=number] { background:var(--surface, #1a1a1a); border:1px solid var(--border, #333); border-radius:6px; padding:3px 6px; color:var(--text, #eee); font:inherit; font-size:12.5px; color-scheme:dark; max-width:100%; }
.todo-det-item input[type=number] { width:56px; }
.todo-det-limpar { background:none; border:none; color:var(--muted, #888); cursor:pointer; font-size:15px; padding:0 2px; line-height:1; flex:0 0 auto; }
.todo-det-limpar:hover { color:var(--red, #e5484d); }
.todo-rec-dias { display:flex; gap:4px; flex-wrap:wrap; padding:0 12px 10px 44px; background:var(--surface2, #222); }
.todo-rec-dia { width:28px; height:28px; border-radius:50%; border:1px solid var(--border, #333); background:none; color:var(--text, #eee); font:inherit; font-size:11px; cursor:pointer; padding:0; }
.todo-rec-dia.on { background:var(--accent, #cea046); color:#111; border-color:var(--accent, #cea046); }
.todo-det-notas { width:100%; box-sizing:border-box; min-height:90px; background:var(--surface2, #222); border:1px solid var(--border, #333); border-radius:10px; padding:10px 12px; color:var(--text, #eee); font:inherit; font-size:13px; margin-top:10px; resize:vertical; }
.todo-det-notas:focus { outline:none; border-color:var(--accent, #cea046); }
.todo-det-rodape { border-top:1px solid var(--border, #333); padding:10px 14px; display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:11.5px; color:var(--muted, #888); }
.todo-det-rodape .todo-icobtn { height:30px; min-width:30px; }
.todo-det-etqs { display:flex; gap:4px; flex-wrap:wrap; }

/* ===== POPOVER (menu da lista, compartilhar) ===== */
.todo-pop-fundo { position:fixed; inset:0; z-index:1190; }
.todo-pop { position:fixed; z-index:1191; background:var(--surface, #1a1a1a); border:1px solid var(--border, #333); border-radius:12px; box-shadow:0 12px 32px rgba(0,0,0,.35); padding:8px; min-width:230px; max-width:min(340px, calc(100vw - 32px)); max-height:min(70vh, 520px); overflow-y:auto; }
.todo-pop-tit { font-size:12px; font-weight:700; color:var(--muted, #888); padding:6px 10px 4px; text-transform:uppercase; letter-spacing:.05em; }
.todo-pop-item { display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:8px; cursor:pointer; font-size:13px; color:var(--text, #eee); }
.todo-pop-item:hover { background:var(--surface2, #222); }
.todo-pop-item.perigo { color:var(--red, #e5484d); }
.todo-pop-check { display:flex; gap:10px; align-items:center; padding:7px 10px; border-radius:8px; font-size:13px; cursor:pointer; color:var(--text, #eee); }
.todo-pop-check:hover { background:var(--surface2, #222); }
.todo-pop-check input { accent-color:var(--accent, #cea046); }
.todo-pop-sep { height:1px; background:var(--border, #333); margin:6px 4px; }
.todo-pop-rodape { display:flex; justify-content:flex-end; gap:6px; padding:8px 6px 2px; }

/* ===== ARRASTE, STATUS E MINI CALENDARIO (13/09/2026) ===== */
.todo-row[draggable=true] { cursor:grab; }
.todo-row[draggable=true]:active { cursor:grabbing; }
.todo-row.arrastando { opacity:.35; border-style:dashed; border-color:var(--accent, #cea046); }
.todo-grip { color:var(--muted, #888); font-size:13px; letter-spacing:-4px; opacity:0; width:10px; flex:0 0 10px; margin:0 -4px 0 -6px; line-height:1; user-select:none; transition:opacity .15s; }
.todo-row:hover .todo-grip { opacity:.75; }
.todo-row-tit, .todo-row-meta { user-select:none; }
.todo-det-status { font-size:11px; color:var(--muted, #888); min-height:13px; }
.todo-det-status.salvo { color:var(--green, #3fb950); }
.todo-det-status.salvando { color:var(--accent, #cea046); }
.todo-det-status.erro { color:var(--red, #e5484d); font-weight:600; }
.todo-add .todo-add-data { height:40px; border-radius:10px; font-size:12.5px; }
.todo-add .todo-add-data.on { border-color:var(--accent, #cea046); color:var(--accent, #cea046); }
.todo-pop.todo-cal { width:304px; padding:8px 6px; }
.todo-cal-chips { display:flex; gap:6px; padding:2px 4px 6px; }
.todo-cal-chip { flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; align-items:flex-start; background:var(--surface2, #222); border:1px solid var(--border, #333); border-radius:8px; padding:6px 9px; color:var(--text, #eee); font:inherit; font-size:12.5px; cursor:pointer; text-align:left; }
.todo-cal-chip .lbl { font-size:10.5px; color:var(--muted, #888); }
.todo-cal-chip.on { border-color:var(--accent, #cea046); box-shadow:0 0 0 1px var(--accent, #cea046) inset; }
.todo-cal-atalhos { display:flex; gap:6px; padding:2px 4px 8px; flex-wrap:wrap; }
.todo-cal-atalhos button { background:none; border:1px solid var(--border, #333); color:var(--accent, #cea046); border-radius:14px; padding:4px 10px; font:inherit; font-size:11.5px; cursor:pointer; }
.todo-cal-atalhos button:hover { border-color:var(--accent, #cea046); }
.todo-cal-cab { display:flex; align-items:center; justify-content:space-between; padding:2px 4px 4px; font-size:13px; font-weight:600; color:var(--text, #eee); text-transform:capitalize; }
.todo-cal-cab button { background:none; border:none; color:var(--text, #eee); font-size:20px; cursor:pointer; padding:0 10px; line-height:1; }
.todo-cal-cab button:hover { color:var(--accent, #cea046); }
.todo-cal-grade { display:grid; grid-template-columns:repeat(7, 1fr); gap:2px; padding:0 4px 6px; }
.todo-cal-dow { text-align:center; font-size:10.5px; color:var(--muted, #888); padding:2px 0 4px; }
.todo-cal-dia { height:34px; border:1px solid transparent; border-radius:8px; background:none; color:var(--text, #eee); font:inherit; font-size:12.5px; cursor:pointer; padding:0; }
.todo-cal-dia:hover { background:var(--surface2, #222); border-color:var(--border, #333); }
.todo-cal-dia.outro { color:var(--muted, #888); opacity:.55; }
.todo-cal-dia.hoje { border-color:var(--accent, #cea046); }
.todo-cal-dia.faixa { background:rgba(206,160,70,.18); border-radius:0; }
.todo-cal-dia.sel { background:var(--accent, #cea046); color:#111; font-weight:700; }
.todo-cal-hora { display:flex; align-items:center; gap:6px; padding:8px 6px 4px; border-top:1px solid var(--border, #333); font-size:12.5px; color:var(--text, #eee); }
.todo-cal-hora .ico { color:var(--muted, #888); }
.todo-cal-hora select { background:var(--surface2, #222); border:1px solid var(--border, #333); color:var(--text, #eee); border-radius:6px; padding:4px 6px; font:inherit; font-size:12.5px; }
.todo-cal-hora select:focus { outline:none; border-color:var(--accent, #cea046); }

/* ===== RESPONSIVO ===== */
@media (max-width:1200px) {
  .todo-app.com-detalhe .todo-main { margin-right:0; }
}
@media (max-width:900px) {
  .todo-app { height:calc(100vh - 92px); } /* o .main do index.php tem 64px em cima e 24px embaixo no celular */
  .todo-side { position:absolute; left:0; top:0; bottom:0; z-index:6; transform:translateX(-100%); transition:transform .25s ease; box-shadow:8px 0 24px rgba(0,0,0,.18); }
  .todo-app.com-side .todo-side { transform:translateX(0); }
  .todo-side-toggle { display:inline-flex; }
  .todo-head { padding:14px 14px 8px; }
  .todo-head-tit { font-size:19px; }
  .todo-body { padding:4px 14px 12px; }
  .todo-add { padding:10px 14px 14px; }
  .todo-detalhe { width:100%; }
}
@media (max-width:600px) {
  .todo-head-acoes { width:100%; margin-left:0; }
  .todo-add .todo-add-btn { display:none; }
}

/* ===== ITEM 253 (21/09/2026): repetir como no To Do ===== */
.todo-pop.todo-rec { width:300px; max-height:calc(100vh - 16px); overflow-y:auto; }
.todo-pop-item.on { color:var(--accent, #cea046); }
.todo-pop-check-ico { margin-left:auto; font-size:12px; }
.todo-rec-linha { display:flex; align-items:center; gap:8px; padding:6px 10px; font-size:13px; color:var(--text, #eee); flex-wrap:wrap; }
.todo-rec-linha input, .todo-rec-linha select, .todo-pop-check input[type=number], .todo-pop-check input[type=date] { background:var(--surface2, #222); border:1px solid var(--border, #333); border-radius:6px; padding:4px 6px; color:var(--text, #eee); font:inherit; font-size:12.5px; color-scheme:dark; }
.todo-rec-linha input[type=number], .todo-pop-check input[type=number] { width:58px; }
.todo-rec-linha select option { background:var(--surface, #1a1a1a); }
.todo-pop .todo-rec-dias { padding:2px 10px 8px; background:none; }
.todo-pop-check { flex-wrap:wrap; }
.todo-rec-previa { font-size:12px; color:var(--muted, #888); padding:4px 10px 2px; }
.todo-rec-fim { display:block; font-size:11.5px; color:var(--muted, #888); }
.todo-pop-rodape .todo-btn-ok { background:var(--accent, #cea046); color:#111; border-color:var(--accent, #cea046); }