/* ============================================================
   components/modal.css
   Report / edit request modal
   ============================================================ */

/* --- 追記: functions.php L1789 --- */
.jc-report-btn {
        background: none; border: 1px solid #ccc; color: #999;
        padding: var(--space-1) var(--space-3); font-size: 12px; border-radius: 6px; cursor: pointer;
        margin-top: var(--space-2);
    }
    .jc-report-btn:hover { border-color: var(--primary); color: var(--primary); }
    .jc-modal-bg {
        display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5);
        z-index: 99999; align-items: center; justify-content: center;
    }
    .jc-modal-bg.open { display: flex; }
    .jc-modal {
        background: #fff; border-radius: 16px; padding: 28px; max-width: 520px;
        width: calc(100% - 40px); max-height: 90vh; overflow-y: auto;
    }
    .jc-modal__title { font-weight: 700; font-size: 18px; margin-bottom: 16px; }
    .jc-modal__close { float: right; background: none; border: none; font-size: 24px; cursor: pointer; color: #999; }
    .jc-modal select, .jc-modal textarea {
        width: 100%; padding: 10px; border: 2px solid var(--border); border-radius: 8px;
        margin-bottom: var(--space-3); font-family: inherit;
    }
    .jc-modal__btn-primary {
        background: var(--primary); color: #fff; border: none; padding: 12px 24px;
        border-radius: var(--radius); cursor: pointer; font-weight: 700; width: 100%;
    }
    .jc-modal__btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }
    .jc-modal__msg { margin-top: 12px; font-size: 13px; }