/* Agenda: seguimiento, mes, semana y lista. Usa los colores del panel (claro y oscuro). */
#ag-root{--ag-line:var(--line,#ffffff1c);--ag-surface:var(--paper,var(--surface,#0A1411));--ag-accent:#C6F432;--ag-cyan:#2DE1C2;--ag-ok:#3ecf8e;--ag-warn:#f5b546;--ag-bad:#ff6b6b;--ag-soft:color-mix(in srgb,currentColor 7%,transparent)}
#ag-root *{box-sizing:border-box}
.ag-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 14px}
.ag-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--ag-line);border-radius:14px;background:var(--ag-soft)}
.ag-tabs button{border:0;background:transparent;color:inherit;padding:8px 16px;border-radius:10px;font:inherit;font-weight:600;font-size:.92rem;cursor:pointer;opacity:.7;transition:background .15s,opacity .15s}
.ag-tabs button:hover{opacity:1}.ag-tabs button.on{background:linear-gradient(135deg,#C6F432,#2DE1C2);color:#04100A;opacity:1;box-shadow:0 8px 20px -12px #C6F432cc}
.ag-filters{display:flex;gap:14px;align-items:center}.ag-filters select{min-width:120px}
.ag-check-label{white-space:nowrap;display:inline-flex;gap:8px;align-items:center;font-size:.9rem;cursor:pointer;opacity:.85}
.ag-quick{display:grid;grid-template-columns:minmax(220px,1fr) 150px 110px 140px 130px auto;gap:8px;padding:12px;border:1px solid var(--ag-line);border-radius:16px;background:var(--ag-surface);margin-bottom:6px}
.ag-quick input,.ag-quick select{width:100%;min-width:0}
@media (max-width:1100px){.ag-quick{grid-template-columns:1fr 1fr 1fr}.ag-quick #ag-q-title{grid-column:1/-1}.ag-quick button{grid-column:1/-1}}
.ag-error{min-height:1.2em;margin:4px 2px 12px;color:var(--ag-bad);font-size:.9rem}
.ag-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 18px}
@media (max-width:820px){.ag-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ag-stat{padding:16px 18px;border:1px solid var(--ag-line);border-radius:16px;background:var(--ag-surface);display:grid;gap:2px;align-content:start}
.ag-stat span{font-size:.8rem;opacity:.7;text-transform:uppercase;letter-spacing:.06em}.ag-stat strong{font-size:2rem;line-height:1.15;font-variant-numeric:tabular-nums}.ag-stat small{opacity:.65}
.ag-stat.hot{border-color:#C6F43288;box-shadow:0 0 0 3px #C6F4321f}.ag-stat.late{border-color:#ff6b6b88;box-shadow:0 0 0 3px #ff6b6b1f}.ag-stat.late strong{color:var(--ag-bad)}
.ag-bar{height:7px;border-radius:99px;background:var(--ag-soft);overflow:hidden;margin-top:8px}.ag-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#C6F432,#2DE1C2);transition:width .4s}
.ag-group{margin:0 0 20px}.ag-group>h3{font-size:1rem;margin:0 0 8px;display:flex;gap:8px;align-items:baseline}.ag-group>h3 small{opacity:.55;font-weight:500}
.ag-group.late>h3{color:var(--ag-bad)}.ag-group.today>h3{color:var(--ag-accent)}
.ag-day{margin:0 0 12px}.ag-day h4{margin:10px 0 6px;font-size:.88rem;opacity:.75;font-weight:600}
.ag-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ag-row{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--ag-line);border-radius:12px;background:var(--ag-surface);transition:border-color .15s,background .15s}
.ag-row:hover{border-color:#C6F43266}.ag-row.is-late{border-left:3px solid var(--ag-bad)}.ag-row.is-doing{border-left:3px solid var(--ag-cyan)}
.ag-row.is-done .ag-main strong{text-decoration:line-through;opacity:.5}.ag-row.is-done .ag-meta,.ag-row.is-done .ag-notes{opacity:.45}
.ag-row .ag-check{flex:none;width:26px;height:26px;min-width:26px;border-radius:8px;border:2px solid #8b90b8;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;transition:background .15s,border-color .15s,transform .15s}
.ag-check:hover{border-color:var(--ag-accent);transform:scale(1.06)}.ag-check svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.ag-check[aria-pressed=true]{background:linear-gradient(135deg,#C6F432,#2DE1C2);border-color:transparent}.ag-check[aria-pressed=true] svg{opacity:1}
.ag-main{flex:1;min-width:0;text-align:left;background:transparent;border:0;color:inherit;font:inherit;padding:2px 0;cursor:pointer;display:grid;gap:3px}
.ag-main strong{font-weight:600;overflow-wrap:anywhere}.ag-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:.8rem;opacity:.85}.ag-notes{font-size:.82rem;opacity:.6;overflow-wrap:anywhere}
.ag-when,.ag-time{font-variant-numeric:tabular-nums;opacity:.8}.ag-when.late{color:var(--ag-bad);opacity:1;font-weight:600}.ag-owner{opacity:.65}.ag-doing{color:var(--ag-cyan);font-weight:600}
.ag-tag{padding:2px 8px;border-radius:99px;font-size:.72rem;font-weight:700;border:1px solid transparent}
.k-tarea{background:#C6F43222;color:#D6F57A;border-color:#C6F43244}.k-reunion{background:#2DE1C21f;color:#5fe3f5;border-color:#2DE1C244}.k-idea{background:#f5b5461f;color:#f7c872;border-color:#f5b54644}.k-hito{background:#3ecf8e1f;color:#6fe0a9;border-color:#3ecf8e44}.k-recordatorio{background:#ffffff14;color:inherit;border-color:#ffffff22}
[data-theme=light] .k-tarea{color:#4E8C0B}[data-theme=light] .k-reunion{color:#0a7d92}[data-theme=light] .k-idea{color:#9a6200}[data-theme=light] .k-hito{color:#177a4d}
.ag-snooze{flex:none;border:1px solid var(--ag-line);background:transparent;color:inherit;border-radius:9px;padding:5px 10px;font:inherit;font-size:.8rem;cursor:pointer;opacity:.7}.ag-snooze:hover{opacity:1;border-color:var(--ag-accent)}
.ag-empty{opacity:.65;margin:6px 2px 18px}
.ag-nav{display:flex;align-items:center;gap:10px;margin:4px 0 12px}.ag-nav h2{margin:0;font-size:1.25rem;flex:1;text-align:center}.ag-nav button{border:1px solid var(--ag-line);background:var(--ag-surface);color:inherit;border-radius:10px;padding:6px 14px;font:inherit;font-weight:600;cursor:pointer}.ag-nav button:hover{border-color:var(--ag-accent)}
.ag-month{border:1px solid var(--ag-line);border-radius:16px;overflow:hidden;background:var(--ag-surface)}
.ag-dow,.ag-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.ag-dow span{padding:8px;text-align:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;opacity:.6;border-bottom:1px solid var(--ag-line)}
.ag-cell{min-height:104px;padding:6px;border-right:1px solid var(--ag-line);border-bottom:1px solid var(--ag-line);display:flex;flex-direction:column;gap:3px;cursor:pointer;min-width:0}.ag-cell:nth-child(7n){border-right:0}.ag-week:last-child .ag-cell{border-bottom:0}
.ag-cell:hover{background:var(--ag-soft)}.ag-cell.out{opacity:.45}.ag-cell.today{background:#C6F43214;box-shadow:inset 0 0 0 2px #C6F43288}
.ag-num{font-size:.82rem;font-weight:700;opacity:.85}.ag-cell.today .ag-num{color:var(--ag-accent)}
.ag-chip{display:block;width:100%;text-align:left;border:0;border-radius:6px;padding:2px 6px;font:inherit;font-size:.74rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.ag-chip.is-done{text-decoration:line-through;opacity:.5}.ag-chip.is-late{box-shadow:inset 3px 0 0 var(--ag-bad)}
.ag-more{border:0;background:transparent;color:inherit;opacity:.7;font:inherit;font-size:.74rem;text-align:left;padding:1px 6px;cursor:pointer}
@media (max-width:700px){.ag-cell{min-height:70px;padding:3px}.ag-chip{font-size:.66rem;padding:1px 3px}}
.ag-weekgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
@media (max-width:1250px){.ag-weekgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ag-weekgrid{grid-template-columns:1fr}}
.ag-wday{border:1px solid var(--ag-line);border-radius:14px;padding:10px;background:var(--ag-surface);display:flex;flex-direction:column;gap:8px;min-width:0;min-height:170px}.ag-wday.today{border-color:#C6F43299;box-shadow:0 0 0 3px #C6F4321c}
.ag-wday header{display:flex;gap:8px;align-items:baseline}.ag-wday header span{text-transform:capitalize;opacity:.7;font-size:.85rem}.ag-wday header strong{font-size:1.25rem}.ag-wday header small{margin-left:auto;opacity:.6}
.ag-wday .ag-row{flex-wrap:wrap;padding:6px 8px}.ag-wday .ag-main strong{font-size:.88rem}
.ag-add{margin-top:auto;border:1px dashed var(--ag-line);background:transparent;color:inherit;opacity:.65;border-radius:10px;padding:6px;font:inherit;font-size:.82rem;cursor:pointer}.ag-add:hover{opacity:1;border-color:var(--ag-accent)}
.ag-toolbar{margin:0 0 12px}
.ag-dialog{border:1px solid var(--ag-line,#ffffff22);border-radius:20px;padding:0;background:var(--paper,var(--surface,#0A1411));color:inherit;width:min(560px,94vw);box-shadow:0 30px 80px -20px #000c}
.ag-dialog::backdrop{background:#05071099;backdrop-filter:blur(4px)}
.ag-dialog form{padding:22px}.ag-dialog h2{margin:0 0 14px;font-size:1.2rem}
.ag-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ag-fields label{display:grid;gap:5px;font-size:.82rem;font-weight:600}.ag-fields .wide{grid-column:1/-1}.ag-fields input,.ag-fields select,.ag-fields textarea{width:100%;font-weight:400}
@media (max-width:520px){.ag-fields{grid-template-columns:1fr}}
.ag-actions{display:flex;gap:8px;align-items:center;margin-top:10px}.ag-actions span{flex:1}.ag-actions .danger{color:var(--ag-bad,#ff6b6b);border-color:#ff6b6b55}