/* =================================================================
   Shared "Report" modal. Loaded site-wide alongside report.js.
   Visual language matches confirm-dialog.css.
   ================================================================= */
.scms-report-overlay {
    display: none; position: fixed; inset: 0; z-index: 999;
    align-items: center; justify-content: center;
    background: rgba(15, 18, 26, .5);
    padding: 1.25rem;
    backdrop-filter: blur(2px);
}
.scms-report-overlay.is-open { display: flex; }

.scms-report-box {
    width: 100%; max-width: 380px;
    background: var(--surface); border-radius: 12px;
    padding: 1.1rem 1.25rem 1.25rem;
    box-shadow: 0 20px 50px -12px rgba(0,0,0,.45);
    animation: scmsReportIn .16s ease;
    max-height: 90vh; overflow-y: auto;
}
@keyframes scmsReportIn {
    from { opacity: 0; transform: translateY(6px) scale(.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.scms-report-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: .3rem; }
.scms-report-head h3 { margin: 0; font-size: 1rem; }
.scms-report-close {
    background: none; border: none; font-size: 1.3rem; line-height: 1; color: var(--ink-soft);
    cursor: pointer; padding: .2rem .4rem; border-radius: 6px;
}
.scms-report-close:hover { background: var(--paper); color: var(--ink); }

.scms-report-prompt { margin: .3rem 0 .6rem; font-size: .85rem; color: var(--ink-soft); }

.scms-report-reasons { display: flex; flex-direction: column; gap: .1rem; margin-bottom: .8rem; }
.scms-report-reason {
    display: flex; align-items: center; gap: .55rem;
    padding: .5rem .55rem; border-radius: 8px; font-size: .88rem; cursor: pointer;
    transition: background .12s ease;
}
.scms-report-reason:hover { background: var(--paper); }
.scms-report-reason input { accent-color: var(--indigo); }

.scms-report-details-label { display: block; font-size: .8rem; font-weight: 600; color: var(--ink-soft); margin-bottom: .3rem; }
.scms-report-details {
    width: 100%; resize: vertical; font-family: var(--font-body); font-size: .85rem;
    border: 1px solid var(--border); border-radius: 8px; padding: .55rem .65rem; color: var(--ink);
    background: var(--surface);
}
.scms-report-details:focus { outline: 2px solid var(--indigo-soft, var(--paper)); border-color: var(--indigo); }

.scms-report-msg { margin: .6rem 0 0; font-size: .82rem; text-align: center; }
.scms-report-msg.is-error { color: var(--danger); }
.scms-report-msg.is-success { color: var(--success); font-weight: 700; }

.scms-report-actions { display: flex; gap: .6rem; margin-top: 1rem; }
.scms-report-actions button {
    flex: 1; border: none; border-radius: 8px; padding: .6rem .8rem;
    font-family: var(--font-body); font-weight: 700; font-size: .88rem;
    cursor: pointer; transition: background .12s ease, transform .1s ease;
}
.scms-report-actions button:active { transform: scale(.97); }
.scms-report-actions button:disabled { opacity: .6; cursor: default; transform: none; }

.scms-report-cancel { background: var(--paper); color: var(--ink); }
.scms-report-cancel:hover { background: var(--border); }

.scms-report-submit { background: var(--danger); color: #fff; }
.scms-report-submit:hover { filter: brightness(1.08); }