/* ════════════════════════════════════════════════════
   report.css — public abuse-report page (report.php)
   Matches the neon dark aesthetic; reuses base.css tokens.
   ════════════════════════════════════════════════════ */

.report-area {
    max-width: 560px;
    margin: 0 auto;
    padding: 56px 24px 80px;
}

.report-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 36px 32px;
    box-shadow: 0 0 40px rgba(0, 195, 255, 0.06);
}

.report-card h1 {
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.report-sub {
    font-size: 0.9rem;
    color: var(--muted);
    line-height: 1.7;
    margin-bottom: 26px;
}

.report-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(40, 200, 64, 0.1);
    border: 1px solid rgba(40, 200, 64, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    color: #28c840;
    margin: 0 auto 20px;
}

.report-card .form-group { margin-bottom: 18px; }

.report-card .form-label {
    display: block;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 7px;
}
.report-card .form-label .opt { color: var(--muted); font-weight: 400; }

.report-card .form-input {
    width: 100%;
    padding: 11px 14px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid var(--border);
    color: var(--text);
    font-size: 0.9rem;
    font-family: inherit;
}
.report-card .form-input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(0, 195, 255, 0.12);
}
.report-card textarea.form-input { resize: vertical; min-height: 90px; }
.report-card select.form-input { cursor: pointer; }

.report-card .form-error {
    background: rgba(255, 60, 60, 0.08);
    border: 1px solid rgba(255, 60, 60, 0.3);
    color: #ff8a8a;
    padding: 11px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    margin-bottom: 20px;
}

.report-card .btn-primary { margin-top: 6px; padding: 12px 20px; }