/* CLS revocation pages: scoped supplement for the Tailwind-based theme. */
.cls-legal-wrap { max-width: 1260px; }

.cls-legal-hero,
.cls-revocation-hero {
    background:
        radial-gradient(circle at top right, rgba(0, 134, 160, .14), transparent 34%),
        linear-gradient(180deg, #f3fcfe 0%, #ffffff 100%);
}

.cls-legal-layout {
    grid-template-columns: minmax(0, 1fr);
}

.cls-contact-grid {
    grid-template-columns: minmax(0, 1fr);
}

.cls-revocation-grid {
    grid-template-columns: minmax(0, 1fr);
}

.cls-revocation-order-text { min-height: 8rem; }
.cls-revocation-reason { min-height: 7rem; }

.cls-revocation-cost-note {
    border: 1px solid #fed7aa;
    background: #fff7ed;
    color: #7c2d12;
}

.cls-revocation-cost-mark {
    background: #ffedd5;
    color: #9a3412;
}

.cls-revocation-status {
    margin-top: 1.5rem;
    border-radius: 1rem;
    padding: 1.25rem;
    font-size: .875rem;
    line-height: 1.7;
}
.cls-revocation-status strong { display: block; font-size: 1rem; font-weight: 900; }
.cls-revocation-status span { display: block; margin-top: .25rem; }
.cls-revocation-status .cls-revocation-reference { margin-top: .5rem; font-weight: 800; }
.cls-revocation-status.is-success { border: 1px solid #a7f3d0; background: #ecfdf5; color: #065f46; }
.cls-revocation-status.is-error { border: 1px solid #fecaca; background: #fef2f2; color: #991b1b; }

@media (min-width: 640px) {
    .cls-contact-grid { grid-template-columns: 170px minmax(0, 1fr); }
}

@media (min-width: 1024px) {
    .cls-legal-layout { grid-template-columns: 260px minmax(0, 1fr); }
    .cls-revocation-grid { grid-template-columns: minmax(0, 1fr) 330px; }
}