/* comprueba.email - local application styles (no inline styles, CSP-safe) */

.error-container {
    max-width: 40rem;
}

/*
 * Native <progress> element styled like a Bootstrap progress bar.
 * The fill level comes from the value/max attributes, so dynamic
 * widths need no inline styles (blocked by the section 13 CSP).
 */
progress.progress-thin {
    display: block;
    width: 100%;
    height: 0.5rem;
    border: none;
    border-radius: 0.25rem;
    background-color: var(--bs-secondary-bg);
    overflow: hidden;
    appearance: none;
    -webkit-appearance: none;
}

progress.progress-thin::-webkit-progress-bar {
    background-color: var(--bs-secondary-bg);
    border-radius: 0.25rem;
}

progress.progress-thin::-webkit-progress-value {
    background-color: var(--bs-primary);
    border-radius: 0.25rem;
    transition: width 0.3s ease;
}

progress.progress-thin::-moz-progress-bar {
    background-color: var(--bs-primary);
    border-radius: 0.25rem;
}

/* Truncated error cell on the workers page. */
td.td-truncate {
    max-width: 30rem;
}