/* ONMAKE AI - sezione dell'amministrazione. Solo variabili della pagina:
   quando la pagina avra' un tema scuro, la sezione lo segue da sola. */
.oai .oai-testa { display: flex; gap: 16px; align-items: flex-start; justify-content: space-between; margin: 4px 0 14px; }
.oai .oai-testa h2 { margin: 0 0 4px; }
.oai .oai-testa .spiega { max-width: 68ch; margin: 0; }
.oai .oai-viste { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; }
.oai .oai-vista { font: inherit; font-size: 13px; font-weight: 600; color: var(--testo); background: var(--superficie);
  border: 1px solid var(--bordo); border-radius: 999px; padding: 6px 14px; cursor: pointer; }
.oai .oai-vista:hover { border-color: var(--bordo-forte); }
.oai .oai-vista.attiva { color: var(--arancio); border-color: var(--arancio); background: var(--arancio-tenue); }
.oai .oai-vista:focus-visible, .oai .apribile:focus-visible { outline: 2px solid var(--arancio); outline-offset: 2px; }
.oai .oai-griglia { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin: 0 0 14px; }
.oai .oai-carta { background: color-mix(in srgb, var(--superficie) 82%, transparent); border: 1px solid var(--bordo);
  border-radius: 14px; padding: 14px 16px; backdrop-filter: blur(12px) saturate(1.2); -webkit-backdrop-filter: blur(12px) saturate(1.2); }
.oai .oai-etichetta { font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--tenue); margin-bottom: 6px; }
.oai .oai-grande { font-size: 20px; font-weight: 800; color: var(--inchiostro); line-height: 1.2; margin-bottom: 4px; }
.oai .oai-piccolo { font-size: 13px; font-weight: 600; color: var(--tenue); }
.oai .oai-num { font-variant-numeric: tabular-nums; }
.oai .oai-mobile { display: none; color: var(--tenue); font-size: 12px; }
.oai .oai-misura { font-size: 13px; max-width: 44ch; }
.oai .oai-lungo { max-width: 34ch; overflow-wrap: anywhere; }
.oai .oai-avvisi { margin: 6px 0 0; padding-left: 18px; font-size: 13px; color: var(--testo); }
.oai .oai-riga-titolo { display: flex; gap: 12px; justify-content: space-between; align-items: flex-start; }
.oai .targa.oai-g-critica { color: var(--rosso); background: var(--rosso-tenue); }
.oai .targa.oai-g-alta { color: #9A3C06; background: var(--arancio-tenue); }
.oai .targa.oai-si { color: var(--verde); background: var(--verde-tenue); }
.oai-foto img { display: block; max-width: 100%; border: 1px solid var(--bordo); border-radius: 10px; margin: 10px 0; }
.oai-pagine { margin: 4px 0 8px; padding-left: 18px; font-size: 13px; max-height: 180px; overflow: auto; }
.oai-pagine a { color: var(--testo); overflow-wrap: anywhere; }
.oai-modulo { display: flex; flex-direction: column; gap: 12px; }
.oai-campo { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--testo); }
.oai-campo > span { font-weight: 600; }
.oai-campo input, .oai-campo select, .oai-campo textarea { font: inherit; font-size: 14px; color: var(--inchiostro);
  background: var(--superficie); border: 1px solid var(--bordo-forte); border-radius: 8px; padding: 8px 10px; }
.oai-campo input:focus-visible, .oai-campo select:focus-visible, .oai-campo textarea:focus-visible { outline: 2px solid var(--arancio); outline-offset: 1px; }
.oai-spunta { flex-direction: row; align-items: center; gap: 8px; font-weight: 600; }
@media (max-width: 720px) { .oai .oai-mobile { display: inline; } .oai .oai-testa, .oai .oai-riga-titolo { flex-direction: column; } .oai .oai-misura, .oai .oai-lungo { max-width: none; } }
@media (prefers-reduced-motion: reduce) { .oai * { transition: none !important; } }
.oai .oai-eccezioni { margin-top: 6px; font-size: 13px; color: var(--testo); }
.oai .oai-eccezioni summary { cursor: pointer; color: var(--tenue); font-weight: 600; }
.oai .oai-tutte { padding: 12px 20px 16px; }
.oai .oai-filtri { padding: 0 20px 10px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }