/*
 * MHPSS PWA 0.5A — controle de conteúdo textual offline.
 * Separado do pwa-review.css para preservar a hierarquia 0.3H.
 */

.pwa-offline-control {
    margin-block: 1rem 1.5rem;
    padding: 1rem;
    border: 0.0625rem solid var(--pwa-review-border);
    border-radius: var(--pwa-review-radius-surface);
    background: #ffffff;
}

.pwa-offline-control h2 {
    margin-block: 0 0.5rem;
    font-size: 1.12rem;
    color: var(--pwa-review-action);
}

.pwa-offline-control p {
    margin-block: 0.5rem;
    line-height: 1.55;
}

.pwa-offline-control button {
    min-height: 2.75rem;
    max-width: 100%;
    margin-block: 0.5rem;
    padding: 0.65rem 1rem;
    border: 0;
    border-radius: var(--pwa-review-radius-control);
    background: var(--pwa-review-action);
    color: #ffffff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.pwa-offline-control button[disabled] {
    cursor: not-allowed;
    opacity: 0.65;
}

.pwa-offline-control button:focus-visible {
    outline: 0.2rem solid var(--pwa-review-focus);
    outline-offset: 0.2rem;
}

.pwa-offline-control__note {
    font-size: 0.95rem;
}

.pwa-offline-control__status {
    min-height: 1.5em;
    font-weight: 650;
}

@media (max-width: 20rem) {
    .pwa-offline-control {
        padding: 0.8rem;
    }

    .pwa-offline-control button {
        width: 100%;
    }
}

/* PWA 0.7C — acabamento visual final */
.pwa-offline-control {
    box-shadow: 0 0.08rem 0.2rem rgb(0 0 0 / 0.05);
}

@media (max-width: 36rem) {
    .pwa-offline-control {
        margin-block: 0.75rem 1.25rem;
        padding: 0.85rem;
    }
}