/* Agenda (voorkant) */
.karro-agenda{--ka-blue:#1f4fc4;--ka-ink:#1f2937;--ka-muted:#6b7280;--ka-line:#e5e7eb;font-size:16px;color:var(--ka-ink)}
.ka-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:0 0 16px}
.ka-views{display:inline-flex;background:#eef1f6;border-radius:999px;padding:4px}
.ka-views button{border:0;background:transparent;padding:8px 18px;border-radius:999px;font:inherit;font-weight:600;cursor:pointer;color:var(--ka-muted)}
.ka-views button.on{background:#fff;color:var(--ka-ink);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.ka-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.ka-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ka-line);background:#fff;border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;cursor:pointer;color:var(--ka-ink);transition:opacity .15s,box-shadow .15s}
.ka-chip:hover{box-shadow:0 1px 5px rgba(0,0,0,.12)}.ka-chip i{width:11px;height:11px;border-radius:50%;display:inline-block}
.ka-chip.off{opacity:.45}.ka-chip.off span{text-decoration:line-through}
.ka-month{font-size:15px;font-weight:700;text-transform:capitalize;letter-spacing:.02em;color:var(--ka-muted);margin:26px 0 10px;padding-bottom:6px;border-bottom:2px solid var(--ka-line)}
.ka-item{display:flex;gap:16px;align-items:stretch;width:100%;text-align:left;background:#fff;border:1px solid var(--ka-line);border-left-width:5px;border-radius:12px;padding:12px 16px;margin:0 0 10px;font:inherit;color:inherit;cursor:pointer;transition:transform .12s,box-shadow .12s}
.ka-item:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.1)}
.ka-date{min-width:54px;text-align:center;line-height:1.05}.ka-date b{display:block;font-size:26px;font-weight:800}.ka-date span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ka-muted)}
.ka-body{flex:1;min-width:0}.ka-title{font-weight:700;font-size:17px;margin:0 0 2px}.ka-meta{font-size:14px;color:var(--ka-muted)}
.ka-pill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;color:#fff;margin-left:8px;vertical-align:middle}
.ka-empty{padding:30px;text-align:center;color:var(--ka-muted);background:#f8fafc;border-radius:12px}
.ka-more{display:block;margin:16px auto 0;border:1px solid var(--ka-line);background:#fff;border-radius:999px;padding:10px 22px;font:inherit;font-weight:600;cursor:pointer}
.karro-agenda .fc{font-size:14px}.karro-agenda .fc .fc-toolbar-title{font-size:20px;text-transform:capitalize}
.karro-agenda .fc .fc-button{background:var(--ka-blue);border-color:var(--ka-blue);border-radius:8px;text-transform:capitalize}.karro-agenda .fc .fc-button:hover{filter:brightness(.9)}
.karro-agenda .fc .fc-button-primary:disabled{opacity:.45}.karro-agenda .fc-event{cursor:pointer;border-radius:6px;padding:1px 4px;font-weight:600}
.karro-agenda .fc-day-today{background:#fff8dc!important}
.ka-dialog{border:0;border-radius:16px;padding:0;max-width:480px;width:calc(100% - 32px);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.ka-dialog::backdrop{background:rgba(15,23,42,.55)}
.ka-dhead{padding:20px 24px 16px;color:#fff}.ka-dhead h3{margin:0 0 6px;font-size:22px;color:#fff}.ka-dhead .ka-pill{margin:0;background:rgba(255,255,255,.25)}
.ka-dbody{padding:20px 24px 24px}.ka-dbody p{margin:0 0 12px}.ka-dbody .ka-row{display:flex;gap:10px;margin:0 0 12px}.ka-dbody .ka-row b{min-width:76px;color:var(--ka-muted);font-weight:600}
.ka-dact{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.ka-dact button{border:0;border-radius:10px;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer;background:#eef1f6;color:var(--ka-ink)}.ka-dact .pri{background:var(--ka-blue);color:#fff}
@media (max-width:600px){.ka-item{padding:10px 12px;gap:12px}.ka-date b{font-size:22px}}
/* thema-linkstijlen niet over de kalender heen laten lekken */
.karro-agenda .fc a,.karro-agenda .fc a:hover,.karro-agenda .fc a:focus{text-decoration:none;box-shadow:none}
.karro-agenda .fc .fc-event,.karro-agenda .fc .fc-event:hover{color:#fff;text-decoration:none}
.karro-agenda .fc .fc-event .fc-event-main,.karro-agenda .fc .fc-event .fc-event-time,.karro-agenda .fc .fc-event .fc-event-title{color:inherit;font-weight:600}
.karro-agenda .fc .fc-col-header-cell-cushion,.karro-agenda .fc .fc-daygrid-day-number,.karro-agenda .fc .fc-daygrid-more-link{color:var(--ka-ink)}
.karro-agenda .fc .fc-scrollgrid,.karro-agenda .fc th,.karro-agenda .fc td{border-color:var(--ka-line)}
.karro-agenda .fc .fc-toolbar-title{margin:0;font-weight:800}
.karro-agenda button{box-shadow:none;text-shadow:none}