/* Agenda del Parlamento: un calendario a griglia unica, righe sottili, titoli brevi su una riga e dettaglio in una finestra.
   Solo i token di app.css: vale per tema chiaro e scuro. Un colore per tipo di evento: termini nel blu del logo (blu anche
   nel tema scuro, dove l'accento è bianco), leggi in verde, il resto in scala di grigi. */
.ag-t--termini{--ag-col:var(--logo-p)}
.ag-t--pareri{--ag-col:var(--acc)}
.ag-t--aula{--ag-col:var(--t)}
.ag-t--voti{--ag-col:var(--t2)}
.ag-t--leggi{--ag-col:var(--ok)}
.ag-t--atti{--ag-col:var(--t3)}
.ag-t--commissioni{--ag-col:var(--bordo2)}

/* barra */
.ag-barra{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between;margin:8px 0 12px}
.ag-nav{display:flex;align-items:center;gap:4px;min-width:0}
.ag-nav h2{margin:0 0 0 12px;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.3}
.ag-nav h2::first-letter{text-transform:uppercase}
.ag-oggi{min-height:40px;padding:0 18px;margin-right:6px}
.ag-scelte{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ag-scelte select{font:inherit;font-size:14.5px;color:var(--t);background:var(--sup);border:1px solid var(--bordo2);border-radius:999px;height:40px;padding:0 12px}
.ag-vista{display:inline-flex;border:1px solid var(--bordo2);border-radius:999px;padding:3px;background:var(--sup)}
.ag-vista button{font:inherit;font-size:14px;font-weight:500;border:0;background:none;color:var(--t2);border-radius:999px;padding:6px 14px;min-height:34px;cursor:pointer}
.ag-vista button[aria-pressed=true]{background:var(--btn);color:var(--su-btn)}
.ag-tipi{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:0 0 14px}
.ag-tipo{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:13px;font-weight:500;color:var(--t2);background:transparent;border:1px solid var(--bordo);border-radius:999px;padding:4px 11px;min-height:32px;cursor:pointer}
.ag-tipo i{width:8px;height:8px;border-radius:50%;background:var(--ag-col);flex:none}
.ag-tipo[aria-pressed=false]{color:var(--t3);text-decoration:line-through;text-decoration-color:var(--t3)}
.ag-tipo[aria-pressed=false] i{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ag-col)}
.ag-conto{font-size:12.5px;color:var(--t3);margin-left:auto;font-variant-numeric:tabular-nums}
.ag-piede{font-size:13px;color:var(--t3);margin:20px 0 0;max-width:80ch;line-height:1.5}
.ag-nota{font-size:13px;color:var(--t3);margin:0;line-height:1.5}
.ag-tipo:focus-visible,.ag-vista button:focus-visible,.ag-ev:focus-visible,.ag-cella__n:focus-visible,.ag-altri:focus-visible{outline:2px solid var(--acc);outline-offset:1px}

/* griglia: le righe sono lo spazio di 1px fra le caselle, sul colore del bordo */
.ag-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--bordo);border:1px solid var(--bordo);border-radius:var(--raggio);overflow:hidden;box-shadow:var(--ombra)}
.ag-cal__testa{background:var(--sup);font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);text-align:center;padding:10px 4px 4px}
.ag-cella{background:var(--sup);min-height:128px;padding:4px 4px 6px;display:flex;flex-direction:column;gap:2px;min-width:0}
.ag-cal--settimana .ag-cella{min-height:240px}
.ag-cal--settimana .ag-ev{align-items:flex-start}
.ag-cal--settimana .ag-ev i{margin-top:5px}
.ag-cal--settimana .ag-ev span{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ag-cella--festa{background:color-mix(in srgb,var(--sup) 94%,var(--t))}
.ag-cella--fuori{background:var(--sup2)}
.ag-cella--fuori .ag-cella__n{color:var(--t3)}
.ag-cella__n{align-self:center;font:inherit;font-size:12.5px;font-weight:600;color:var(--t);background:none;border:0;border-radius:999px;min-width:26px;height:26px;padding:0 7px;cursor:pointer;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.ag-cella__n:hover{background:var(--sup3)}
.ag-cella__n .ag-mese1{font-weight:500;margin-left:3px}
.ag-cella--oggi .ag-cella__n{background:var(--acc);color:var(--sup)}
.ag-cella__ev{display:flex;flex-direction:column;gap:2px;min-width:0}
.ag-cella__punti{display:none}

/* un evento: una riga, troncata. I termini hanno il fondo colorato, gli altri un puntino */
.ag-ev{display:flex;align-items:center;gap:5px;width:100%;min-width:0;font:inherit;font-size:12.5px;line-height:1.35;color:var(--t);background:none;border:0;border-radius:5px;padding:2px 6px;text-align:left;cursor:pointer}
.ag-ev:hover{background:var(--sup3)}
.ag-ev i{width:7px;height:7px;border-radius:50%;background:var(--ag-col);flex:none}
.ag-ev time{font-weight:500;color:var(--t3);font-variant-numeric:tabular-nums;flex:none}
.ag-ev span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ag-ev.ag-t--termini{background:color-mix(in srgb,var(--logo-p) 16%,transparent);font-weight:500}
.ag-ev.ag-t--termini:hover{background:color-mix(in srgb,var(--logo-p) 26%,transparent)}
.ag-ev.ag-t--termini time{color:var(--logo-p);font-weight:600}
.ag-ev.ag-t--termini i{display:none}
.ag-ev--ok{--ag-col:var(--ok)}
.ag-ev--no{--ag-col:var(--no)}
.ag-ev--off{opacity:.55}
.ag-ev--off span{text-decoration:line-through}
.ag-ev.ag-t--atti,.ag-ev.ag-t--commissioni{color:var(--t2)}
.ag-altri{font:inherit;font-size:12px;font-weight:600;color:var(--t2);background:none;border:0;border-radius:5px;padding:2px 6px;text-align:left;cursor:pointer}
.ag-altri:hover{background:var(--sup3);color:var(--t)}

/* telefono: puntini al posto dei titoli, il tocco sulla casella apre il giorno */
@media (max-width:640px){
  .ag-cella{min-height:62px;padding:3px 2px;cursor:pointer;align-items:center}
  .ag-cal--settimana .ag-cella{min-height:90px}
  .ag-cella__ev{display:none}
  .ag-cella__punti{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;padding:0 2px}
  .ag-cella__punti i{width:6px;height:6px;border-radius:50%;background:var(--ag-col)}
  .ag-cal__testa{font-size:10.5px;padding:8px 2px 2px}
  .ag-mese1{display:none}
  .ag-nav h2{font-size:18px;margin-left:6px}
  .ag-conto{margin-left:0;width:100%}
}

/* la finestra */
.ag-dlg{width:min(560px,calc(100vw - 32px));max-height:min(80vh,720px);padding:0;border:1px solid var(--bordo);border-radius:16px;background:var(--sup);color:var(--t);box-shadow:0 24px 64px -16px rgba(20,22,29,.35)}
.ag-dlg::backdrop{background:rgba(10,12,18,.35)}
.ag-dlg__testa{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 8px 20px;background:var(--sup)}
.ag-dlg__testa p{margin:0;font-size:13px;font-weight:500;color:var(--t3)}
.ag-dlg__testa p::first-letter{text-transform:uppercase}
.ag-dlg__corpo{padding:0 20px 20px;display:grid;gap:12px}
.ag-dlg__corpo h3{margin:0;font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.3;text-wrap:balance}
.ag-d__tipo{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:600;color:var(--t2)}
.ag-d__tipo::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--ag-col);flex:none}
.ag-d__dati{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:14.5px}
.ag-d__dati dt{color:var(--t3)}
.ag-d__dati dd{margin:0;color:var(--t)}
.ag-d__fonte{margin:0;padding:12px 14px;background:var(--sup2);border-left:3px solid var(--logo-p);border-radius:0 8px 8px 0;font-size:14.5px;line-height:1.55;color:var(--t2)}
.ag-d__lista{margin:0;padding-left:18px;display:grid;gap:8px;font-size:14px;line-height:1.45;color:var(--t2)}
.ag-d__lista small{color:var(--t3)}
.ag-d__lista a{color:var(--t)}
.ag-d__vai{justify-self:start;min-height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 16px;text-decoration:none}
.ag-d__azioni{display:flex;flex-wrap:wrap;gap:8px}
.ag-giorno{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ag-ev--lungo{font-size:14.5px;padding:8px 10px;border-radius:8px}
.ag-ev--lungo span{white-space:normal}
.ag-ev--lungo .ic{width:16px;height:16px;margin-left:auto;color:var(--t3);flex:none}
.ag-pill{display:inline-flex;align-items:center;font-size:11.5px;font-weight:500;line-height:1;padding:3px 8px;border-radius:999px;background:var(--sup2);color:var(--t2);white-space:nowrap}
.ag-pill--ok{background:var(--ok-f);color:var(--ok)}
.ag-pill--no{background:var(--no-f);color:var(--no)}
.ag-d__organo{font-size:14px;font-weight:600;margin:14px 0 4px}
.ag-d__lista--ore time{font-variant-numeric:tabular-nums;color:var(--t2);margin-right:4px}
.ag-d__lista--ore .ag-off{color:var(--t3)}
.ag-pill--off{background:var(--sup3);color:var(--t3)}
@media (prefers-reduced-motion:no-preference){.ag-dlg[open]{animation:ag-entra .14s ease-out}@keyframes ag-entra{from{opacity:0;transform:translateY(6px)}}}