/* demo-calendario: mês com dias em onda, eventos por tipo, hoje pulsando, semana em destaque, arrastar e concluir; vista da semana */
.ca{display:flex;flex-direction:column;gap:18px;contain:inline-size}
.ca-topo{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.ca-nav{display:flex;align-items:center;gap:10px}
.ca-nav b{font-size:28px;font-weight:800;color:var(--ink);letter-spacing:-.3px;padding:0 4px}
.ca-nav i{width:36px;height:36px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted);background:#fff}
.ca-nav svg{width:20px;height:20px}
.ca-cont{font-size:18px;color:var(--muted);font-weight:600;background:#F3F5F8;border:1px solid var(--line);border-radius:6px;padding:5px 12px}
.ca-cont b{color:var(--ink);font-variant-numeric:tabular-nums}
.ca-leg{display:flex;gap:14px;margin-left:auto;flex-wrap:wrap}
.ca-leg span{display:flex;align-items:center;gap:7px;font-size:18px;color:var(--muted);font-weight:600}
.ca-leg i{display:block;width:14px;height:14px;border-radius:3px}
.ca-leg i.ca-vencimento{background:#D92D20}.ca-leg i.ca-prazo{background:#DC8A1A}.ca-leg i.ca-compromisso{background:var(--cor)}.ca-leg i.ca-pago{background:#2E9E50}
.ca-meio{display:flex;gap:18px;align-items:flex-start}
.ca-grade{flex:1;min-width:0}
.ca-sem{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}
.ca-sem span{font-size:18px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;padding-left:10px}
.ca-dias{position:relative;display:grid;grid-template-columns:repeat(7,1fr);height:470px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ca-d{position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:5px 4px 4px;display:flex;flex-direction:column;gap:4px;min-width:0}
.ca-d.fds{background:#F8F9FB}
.ca-d.fora .ca-n em{color:#B5BEC8}
.ca-d.alvo{background:#EEF3F9;box-shadow:inset 0 0 0 2px var(--cor)}
.ca-n{position:relative;align-self:flex-start;width:34px;height:34px;display:flex;align-items:center;justify-content:center}
.ca-n em{position:relative;font-style:normal;font-size:19px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.ca-d.hoje .ca-n{background:var(--cor);border-radius:50%}
.ca-d.hoje .ca-n em{color:#fff;font-weight:800}
.ca-pulso{position:absolute;inset:0;border-radius:50%;border:3px solid var(--cor);opacity:0}
.ca-evs{display:flex;flex-direction:column;gap:4px;min-width:0}
.ca-ev{position:relative;min-width:0;border-radius:4px;border-left:3px solid;padding:1px 4px;letter-spacing:-.2px;font-size:18px;font-weight:600;line-height:1.3}
.ca-ev span{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-ev.arrasta{box-shadow:0 10px 24px rgba(20,32,42,.22)}
.ca-vencimento{background:#FDECEC;color:#9B1C14;border-color:#D92D20}
.ca-prazo{background:#FFF4E0;color:#8A4F00;border-color:#DC8A1A}
.ca-compromisso{background:#EEF2F7;color:var(--ink);border-color:var(--cor)}
.ca-pago{background:#E6F4EA;color:#1E7B3A;border-color:#2E9E50}
.ca-ok{width:0;height:16px;flex-shrink:0;display:none}
.feito .ca-ok{display:block;width:16px}
.ca-ev.feito{background:#E6F4EA;color:#1E7B3A;border-color:#2E9E50;text-decoration:line-through}
.ca-mais{font-size:18px;font-weight:700;color:var(--muted);padding-left:6px}
.ca-semana{position:absolute;left:-1px;right:0;margin-top:-1px;border:2px solid var(--cor);border-radius:6px;pointer-events:none;z-index:3;clip-path:inset(-40px 100% -10px 0)}
.ca-semana span{position:absolute;right:8px;top:-15px;background:var(--cor);color:#fff;font-size:18px;font-weight:700;padding:1px 10px;border-radius:5px;line-height:1.4}
.ca-lado{width:236px;flex-shrink:0;border:1px solid var(--line);border-radius:8px;background:#FCFDFD;padding:16px;display:flex;flex-direction:column;gap:10px}
.ca-lt{font-size:19px;font-weight:700;color:var(--ink);margin-bottom:2px}
.ca-li{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid var(--line);border-radius:6px;background:#fff}
.ca-dt{width:44px;height:50px;border-radius:6px;background:#FDECEC;color:#9B1C14;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;line-height:1}
.ca-dt b{font-size:20px;font-weight:800}
.ca-dt small{font-size:18px;font-weight:600}
.ca-tx{flex:1;min-width:0;font-size:18px;font-weight:600;color:var(--ink);display:flex;flex-direction:column;gap:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-tx small{font-size:18px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}
.ca-st{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}
.ca-li.feito .ca-st{background:#2E9E50;border-color:#2E9E50}
.ca-li.feito .ca-st .ca-ok{width:16px}
.ca-li.feito .ca-tx{text-decoration:line-through;color:var(--muted)}
.ca-li.feito .ca-dt{background:#E6F4EA;color:#1E7B3A}
.ca-tot{margin-top:4px;padding-top:10px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.ca-tot small{font-size:18px;color:var(--muted);font-weight:600}
.ca-tot b{font-size:22px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
/* vista da semana */
.ca-wk{display:flex;flex-direction:column}
.ca-wh{display:grid;grid-template-columns:76px repeat(var(--nd,5),1fr);margin-bottom:6px}
.ca-wh span{font-size:19px;font-weight:700;color:var(--muted);text-align:center;padding:6px 0;border-radius:6px}
.ca-wh span.hoje{background:var(--cor);color:#fff}
.ca-wb{display:flex;height:480px}
.ca-hrs{position:relative;width:76px;flex-shrink:0}
.ca-hrs span{position:absolute;right:12px;transform:translateY(-50%);font-size:18px;color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}
.ca-wc{position:relative;flex:1;display:flex;border:1px solid var(--line);border-radius:6px;background:#fff}
.ca-hl{position:absolute;left:0;right:0;height:1px;background:#EEF1F4;transform-origin:0 50%;transform:scaleX(0)}
.ca-col{position:relative;flex:1;border-right:1px solid #EEF1F4}
.ca-col:last-of-type{border-right:0}
.ca-col.hoje{background:#F4F7FB}
.ca-bl{position:absolute;left:6px;right:6px;height:0;border-radius:6px;border-left:4px solid;padding:4px 8px;overflow:hidden;opacity:0}
.ca-bl span{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px}
.ca-bl b{font-size:18px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ca-bl small{font-size:18px;font-weight:500;opacity:.8;font-variant-numeric:tabular-nums}
.ca-bl.feito{background:#E6F4EA;color:#1E7B3A;border-color:#2E9E50}
.ca-bl.feito b{text-decoration:line-through}
.ca-agora{position:absolute;left:0;right:0;top:0;height:100%;pointer-events:none;z-index:4;opacity:0}
.ca-agora i{position:absolute;top:-1px;left:0;right:0;height:3px;background:#D92D20;transform-origin:0 50%;transform:scaleX(0)}
.ca-agora i:before{content:"";position:absolute;left:-7px;top:-5px;width:13px;height:13px;border-radius:50%;background:#D92D20}
.ca-agora span{position:absolute;top:-30px;margin-left:8px;font-size:18px;font-weight:700;color:#D92D20;background:#fff;padding:0 6px;border-radius:4px}