/* Page-only overrides for /rapportera.
   Keep all rules scoped to avoid affecting global layout. */

.page-report .report-form-section {
    background: linear-gradient(180deg, rgba(0, 102, 204, 0.03) 0%, transparent 100%);
}

.page-report .report-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr);
    gap: clamp(1.5rem, 2.6vw, 2.4rem);
}

.page-report .report-form-wrapper {
    width: 100%;
    max-width: none;
}

.page-report #report-status {
    scroll-margin-top: calc(var(--v4-header-height, 82px) + 20px);
}

.page-report .report-form .form-control {
    min-height: 48px;
}

.page-report .report-form textarea.form-control {
    min-height: 180px;
}

.page-report .report-form-wrapper :is(a, .alternative-contact a) {
    text-underline-offset: 2px;
}

.page-report .report-form-wrapper .hero-cta-group {
    justify-content: flex-start;
}

.page-report .report-form-wrapper .hero-cta-group .btn {
    width: auto;
    min-width: 0;
}

@media (max-width: 992px) {
    .page-report .report-layout {
        grid-template-columns: 1fr;
    }

    .page-report .report-form-wrapper .hero-cta-group {
        justify-content: center;
    }
}

@media (max-width: 760px) {
    .page-report .report-form-wrapper {
        padding: 1.25rem;
    }

    .page-report .report-form-wrapper .hero-cta-group {
        flex-direction: column;
        align-items: stretch;
    }

    .page-report .report-form-wrapper .hero-cta-group .btn {
        width: 100%;
    }
}

html[data-theme="dark"] .page-report .report-form-section {
    background: linear-gradient(180deg, rgba(77, 159, 255, 0.08) 0%, transparent 100%);
}

html[data-theme="dark"] .page-report .report-form-wrapper,
html[data-theme="dark"] .page-report .info-card {
    border-color: rgba(77, 159, 255, 0.22);
}

@media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]) .page-report .report-form-section {
        background: linear-gradient(180deg, rgba(77, 159, 255, 0.08) 0%, transparent 100%);
    }

    html:not([data-theme="light"]) .page-report .report-form-wrapper,
    html:not([data-theme="light"]) .page-report .info-card {
        border-color: rgba(77, 159, 255, 0.22);
    }
}