/* M6 Onboarding azienda: form a sezioni + tabella stato. Usa i token --hi-az-* (M0); nessun colore hardcoded. */

.hi-az-onboarding {
    font-family: var(--hi-az-font);
    color: var(--hi-az-ink);
}
.hi-az-onboarding__status {
    background: var(--hi-az-surface);
    border-left: 4px solid var(--hi-az-brand);
    padding: 8px 12px;
    border-radius: var(--hi-az-radius);
    margin-bottom: var(--hi-az-gap);
}
.hi-az-onboarding__form {
    display: flex;
    flex-direction: column;
    gap: var(--hi-az-gap);
}
.hi-az-onboarding__section {
    border: 1px solid var(--hi-az-border);
    border-radius: var(--hi-az-radius);
    padding: 12px 16px;
    margin: 0;
}
.hi-az-onboarding__section legend {
    color: var(--hi-az-brand);
    font-weight: 600;
    padding: 0 6px;
}
.hi-az-onboarding__section label {
    display: block;
    margin: 8px 0;
}
.hi-az-onboarding__section input[type="text"],
.hi-az-onboarding__section input[type="url"],
.hi-az-onboarding__section textarea,
.hi-az-onboarding__section select {
    width: 100%;
    box-sizing: border-box;
}
.hi-az-onboarding__logo-current img {
    max-width: 200px;
    height: auto;
    border-radius: var(--hi-az-radius);
    margin-bottom: 8px;
}

/* Event selector */
.hi-az-onboarding__event-select {
    margin-bottom: var(--hi-az-gap);
}
.hi-az-onboarding__event-select select {
    margin-left: 8px;
}

/* Notice states */
.hi-az-notice {
    padding: 8px 12px;
    border-radius: var(--hi-az-radius);
    margin-bottom: var(--hi-az-gap);
    background: var(--hi-az-surface);
    border-left: 4px solid var(--hi-az-border);
}
.hi-az-notice--error {
    border-left-color: var(--hi-az-brand);
    color: var(--hi-az-brand);
}
.hi-az-notice--ok {
    border-left-color: var(--hi-az-success, #2e7d32);
    color: var(--hi-az-success, #2e7d32);
}

/* Mobile */
@media (max-width: 600px) {
    .hi-az-onboarding__section {
        padding: 10px 12px;
    }
}