/* ============================================================
   BASE.CSS — Reset e variabili condivise tra tutte le aree
   ============================================================ */

:root {
    --pa-blue: #0066cc;
    --pa-blue-dark: #004a99;
    --pa-ink: #1b1f23;
    --pa-bg: #f6f7f9;
    --pa-surface: #ffffff;
    --pa-border: #dde1e6;
    --pa-muted: #5f6b7a;
}

*, *::before, *::after {
    box-sizing: border-box;
}

a {
    color: var(--pa-blue);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.muted {
    color: var(--pa-muted);
}

/* ============================================================
   CHIP AMBITI — convenzione unificata frontoffice
   ------------------------------------------------------------
   Tutte le chip di ambito devono seguire la stessa regola visiva:
     - Formazione → BLU, icona cappello (.bi-mortarboard)
     - Servizi al Lavoro → VERDE, icona valigetta (.bi-briefcase)
   Le classi qui elencate sono i sinonimi usati storicamente nelle
   pagine frontoffice. Questa regola li uniforma senza dover
   riscrivere ogni pagina.
   ============================================================ */
.chip.formazione,
.acc-chip.form,
.domain-badge.form,
.pill-service-form,
.audit-ambito-chip.formazione,
.chip-ambito.formazione {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 500;
    border: 1px solid #d7e6ff;
    background: #eef5ff;
    color: #004a99;
    white-space: nowrap;
    line-height: 1.4;
}

.chip.lavoro,
.acc-chip.lav,
.domain-badge.lav,
.pill-service-lav,
.audit-ambito-chip.lavoro,
.chip-ambito.lavoro {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 500;
    border: 1px solid #cfead6;
    background: #f3fbf6;
    color: #1a7f37;
    white-space: nowrap;
    line-height: 1.4;
}