/* Agenda: dezelfde kleuren, lettertypen en panelen als het InfraOps-dashboard. */
.ag-dashboard { min-width:0; }
.ag-eyebrow { font:600 11px var(--font-heading);letter-spacing:.16em;text-transform:uppercase;color:var(--t3); }
.ag-dot { flex:none;display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--t3); }
.ag-dot.is-ok { background:var(--ok); }.ag-dot.is-warning { background:var(--warn); }.ag-dot.is-danger { background:var(--crit); }.ag-dot.is-info { background:var(--acc); }
.ag-sites { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0; }
.ag-site { display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);color:var(--ink);background:var(--panel);min-width:0; }
.ag-site span { min-width:0;overflow-wrap:anywhere; }.ag-site small { display:block;color:var(--t3);font-size:11px;margin-top:5px; }.ag-site strong { font:500 20px var(--font-body); }
.ag-site.is-selected,.ag-source.is-selected { border-color:var(--acc);background:color-mix(in srgb,var(--acc) 9%,transparent); }.ag-site.is-selected { box-shadow:inset 0 -2px var(--acc); }
.ag-columns { display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,380px);gap:20px;align-items:start; }
.ag-feed,.ag-sidebar { min-width:0; }.ag-panelhead { padding:20px 22px;border-bottom:1px solid var(--line); }.ag-panelhead h2 { margin:5px 0 0;font:600 23px var(--font-heading); }.ag-panelhead h2 span { margin-left:9px;font:400 14px var(--font-body);color:var(--t3); }.ag-panelhead>a { font-size:12px; }
.ag-filters { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:12px;align-items:end;padding:18px 22px;border-bottom:1px solid var(--line); }
.ag-filters label { display:grid;gap:7px;min-width:0; }.ag-filters label>span { font-size:12px;color:var(--t3); }
.ag-filters input,.ag-filters select { width:100%;min-width:0;min-height:44px;padding:9px 11px;border:1px solid var(--line);background:var(--ground);color:var(--ink);font:inherit;border-radius:3px; }.ag-filters .sw-linkbtn { min-height:44px; }
.ag-selection { padding:0 22px;color:var(--t3); }.ag-selection a { margin-left:12px; }
.ag-day { font:600 13px var(--font-heading);letter-spacing:.1em;text-transform:uppercase;margin:0;padding:13px 22px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--ink) 4%,transparent); }
.ag-pagination { padding:20px 22px; }.ag-pagination span { color:var(--t3);font-size:12px; }.ag-empty { padding:40px 22px; }.ag-empty p { color:var(--t3);max-width:50ch; }
.ag-help { margin:0;padding:14px 18px;color:var(--t3);font-size:12px;line-height:1.5; }
.ag-sourcelist { max-height:720px;overflow:auto;scrollbar-width:thin; }.ag-sourcegroup>summary { display:flex;justify-content:space-between;gap:12px;padding:14px 18px;background:color-mix(in srgb,var(--ink) 5%,transparent);border-block:1px solid var(--line);cursor:pointer; }.ag-sourcegroup>summary strong { font-size:13px; }.ag-sourcegroup>summary>span { font-size:11px;color:var(--t3); }.ag-sourcegroup>summary:after { content:'−'; }.ag-sourcegroup:not([open])>summary:after { content:'+'; }
.ag-source { border-left:2px solid transparent;border-bottom:1px solid var(--line); }.ag-source>summary { display:flex;gap:10px;align-items:center;padding:13px 16px;cursor:pointer;min-height:56px; }.ag-source>summary:hover { background:color-mix(in srgb,var(--ink) 4%,transparent); }.ag-sourcename { flex:1;min-width:0;font-weight:500;overflow-wrap:anywhere; }.ag-sourcename small { display:block;margin-top:4px;font-size:11px;font-weight:400;color:var(--t3); }.ag-sourcecount { font:400 13px var(--font-body); }.ag-source>summary:after { content:'+';color:var(--t3); }.ag-source[open]>summary:after { content:'−'; }
.ag-sourcedetail { padding:0 16px 16px 34px; }.ag-sourcedetail dl { margin:0;font-size:12px; }.ag-sourcedetail dl>div { display:flex;justify-content:space-between;gap:12px;padding:5px 0; }.ag-sourcedetail dt { color:var(--t3); }.ag-sourcedetail dd { margin:0;text-align:right; }.ag-notice { border-left:2px solid var(--warn);padding:8px 10px;font-size:12px;line-height:1.5;overflow-wrap:anywhere;background:color-mix(in srgb,var(--warn) 6%,transparent); }.ag-sourcelinks { display:flex;flex-wrap:wrap;gap:12px;font-size:12px;padding-top:8px; }
.ag-explanation { margin-top:16px;padding:20px; }.ag-explanation h2 { font:600 20px var(--font-heading);margin:0 0 16px; }.ag-explanation ol { margin:0;padding-left:20px; }.ag-explanation li { padding:0 0 15px 6px; }.ag-explanation b,.ag-explanation span { display:block; }.ag-explanation span,.ag-explanation p { color:var(--t3);line-height:1.6;font-size:12px; }.ag-explanation span { margin-top:5px; }.ag-explanation p { padding-top:12px;margin:0;border-top:1px solid var(--line); }
/* Compacte status en twee kolommen sluiten aan op het 112-dashboard. */
.ag-dashboard .sw-verdict-main { flex-direction:column;align-items:flex-start;gap:5px; }
.ag-dashboard .sw-verdict-main>span { font-size:11px;color:var(--t3); }
.ag-dashboard .sw-topbar .sw-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ag-columns { grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--space-3); }
.ag-sites { margin:10px 0;gap:6px; }.ag-site { padding:9px 12px; }.ag-site strong { font-size:16px; }.ag-site small { margin-top:2px; }
.ag-panelhead { padding:12px 14px; }.ag-panelhead h2 { font-size:18px;margin:0;letter-spacing:.07em;text-transform:uppercase; }.ag-panelhead .ag-eyebrow { display:none; }.ag-panelhead .meta { font-size:10px;color:var(--t3); }
.ag-filters { padding:10px 14px;gap:8px; }.ag-filters label>span { font-size:11px; }.ag-filters input,.ag-filters select,.ag-filters .sw-linkbtn { min-height:36px; }
.ag-day { padding:8px 14px;font-size:12px; }
.ag-event { border-bottom:1px solid var(--line); }
.ag-event-open { width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) minmax(70px,22%) 12px;gap:10px;align-items:center;padding:9px 14px;border:0;background:transparent;text-align:left;color:var(--ink);font:inherit;cursor:pointer; }
.ag-event-open:hover,.ag-event-open:focus-visible { background:color-mix(in srgb,var(--acc) 8%,transparent); }.ag-event-open:focus-visible { outline:2px solid var(--acc);outline-offset:-2px; }
.ag-time { font-size:12px;font-variant-numeric:tabular-nums;color:var(--t3); }
.ag-event-title { min-width:0;font-size:13px;line-height:1.35; }.ag-event-title small { display:block;font-size:11px;color:var(--t3);margin-top:2px; }.ag-event-place { font-size:11px;color:var(--t3);text-align:right;overflow-wrap:anywhere; }
.ag-source>summary { min-height:44px;padding:8px 12px; }.ag-sourcename { font-size:12px; }.ag-sourcename small { margin-top:2px; }.ag-sourcegroup>summary { padding:10px 14px; }
.ag-sourcelist { max-height:calc(100dvh - 250px); }
.ag-dialog { width:min(680px,calc(100% - 32px));max-height:85dvh;padding:28px;border:1px solid var(--line);color:var(--ink);background:var(--panel);box-shadow:0 24px 80px #0005;overflow:auto;overscroll-behavior:contain; }
.ag-dialog::backdrop { background:#0008;backdrop-filter:blur(3px); }.ag-dialog-open { overflow:hidden; }
.ag-close { position:absolute;right:12px;top:12px;min-width:40px;min-height:40px;font-size:22px; }
.ag-dialog-head { padding-right:36px; }.ag-dialog-head h2 { font:600 28px/1.15 var(--font-heading);margin:8px 0 22px;overflow-wrap:anywhere; }
.ag-facts { margin:0;border-block:1px solid var(--line); }.ag-facts>div { display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0; }.ag-facts dt { color:var(--t3); }.ag-facts dd { margin:0;overflow-wrap:anywhere; }
.ag-description { line-height:1.7;white-space:normal;overflow-wrap:anywhere; }.ag-dialog-links { margin-top:20px; }.ag-dialog .ag-help { padding:16px 0; }
.ag-dialog-footer { display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:16px; }.ag-dialog-footer>span { font-size:12px;color:var(--t3); }.ag-dialog-footer button:disabled { opacity:.4;cursor:default; }
@media(max-width:1100px) { .ag-sites { grid-template-columns:repeat(3,minmax(0,1fr)); }.ag-filters { grid-template-columns:minmax(0,1fr) auto; }.ag-search { grid-column:1/-1; } }
@media(max-width:850px) { .ag-columns { grid-template-columns:minmax(0,1fr); }.ag-sourcelist { max-height:600px; } }
@media(max-width:480px) { .ag-sites { grid-template-columns:repeat(2,minmax(0,1fr)); }.ag-site:first-child { grid-column:1/-1; }.ag-event-open { grid-template-columns:38px minmax(0,1fr) 10px; }.ag-event-place { display:none; }.ag-dialog { width:100%;max-height:94dvh;margin:auto 0 0;padding:24px 18px;border-radius:16px 16px 0 0; }.ag-dialog-head:before { content:'';display:block;width:40px;height:3px;background:var(--line);margin:-10px auto 18px; }.ag-facts>div { grid-template-columns:85px 1fr; }.ag-dialog-head h2 { font-size:25px; } }


.ag-panelhead,.ag-pagination { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }
.ag-feed,.ag-sidebar>.sw-card:first-child { padding:0; }
.ag-dashboard .sw-topbar .sw-kpi { display:block;min-width:0; }
.ag-dashboard .sw-topbar .sw-kpi small { display:block;font-size:11px;line-height:1.4;overflow-wrap:anywhere; }
.ag-dashboard .sw-topbar .sw-kpi .label { white-space:normal; }
@media(max-width:480px) { .ag-dashboard .sw-topbar .sw-kpis { gap:10px; }.ag-dashboard .sw-topbar .sw-kpi .value { font-size:16px; }.ag-dashboard .sw-topbar .sw-kpi .row { display:block; }.ag-dashboard .sw-topbar .sw-kpi small { font-size:10px; } }