/* MFE-2627: copy view rewriter states (rw- classes; AI_REWRITE_EDITVIEW_UI only). Values from the MFE-2613 handoff. */

/* One block per profile (dist/legacy-alignment.css .copy-profile). Its fill comes from
   rewriter.css: .rw-copy.rw-state-* (Ready to propose is white here too, per MFE-2627). */
.rw-copy-profile { padding: 10px 6px; border: 1px solid #5378b5; margin-top: 4px; }

/* Neutral count, contrast-adjusted for the status fills (.copy-metrics .stat-neutral). */
.rw-copy-profile .rw-copy-neutral { color: #9c6410; }

/* Review/rewriting callout: one quarter of the row on desktop, the full row at narrow
   widths; the text wraps beside Review in Edit View, which stays at the right edge
   (.copy-profile > .callout). ADM keeps its sidebar down to about 1000px wide, where a
   quarter leaves the text a few letters wide, so the callout never gets narrower than
   320px (or the row). */
.rw-copy-callout { width: 25%; min-width: min(320px, 100%); box-sizing: border-box; flex-wrap: nowrap; align-items: center; gap: 10px; }
.rw-copy-callout > .rw-callout-text { flex: 1; min-width: 0; overflow-wrap: break-word; }
/* ADM's adm.css gives every button padding, margin and radius with !important; these restore the handoff's. */
.rw-copy-callout > [data-rw-review-edit] { flex-shrink: 0; margin: 0 0 0 auto !important; padding: 3px 7px !important; border-radius: 4px !important; }
@media (max-width: 850px) {
    .rw-copy-callout { width: 100%; }
    /* The ops remark is placed over the top right of the profile (editview.php .copy-remark);
       stacked above a full-row callout instead, so it cannot cover Review in Edit View. */
    .rw-copy-profile .copy-remark { position: static; width: auto; min-height: 0; margin: 0 0 7px; }
}

/* "Are you sure you want to copy profile?" (dist/styles.css dialog/.modal-*, then
   dist/legacy-alignment.css). Built by admin/js/rewriter-copy.js. */
.rw-copy-dialog {
    width: min(620px, calc(100vw - 32px)); max-width: none; padding: 0; margin: auto;
    border: 1px solid #c9ced4; border-radius: 8px; background: #fff; color: #383d3d;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .27);
}
.rw-copy-dialog::backdrop { background: rgba(32, 36, 41, .5); }
.rw-copy-dialog .rw-modal-head {
    padding: 20px 24px 14px; border-bottom: 1px solid #dce0e5;
    display: flex; justify-content: space-between; align-items: center; gap: 12px;
}
.rw-copy-dialog .rw-modal-head h2 {
    margin: 0; font-family: Nunito, Arial, sans-serif; font-size: 18px; font-weight: 700;
    line-height: 1.3; letter-spacing: normal; color: #383d3d;
}
.rw-copy-dialog .rw-modal-body {
    padding: 20px 24px; font-family: Nunito, Arial, sans-serif; font-size: 14px; line-height: 1.6;
    max-height: 65vh; overflow: auto;
}
.rw-copy-dialog .rw-modal-body p { margin: 0 0 12px; }
.rw-copy-dialog .rw-modal-footer {
    padding: 15px 24px; border-top: 1px solid #dce0e5;
    display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px;
}
.rw-copy-dialog .rw-btn { font-family: Nunito, Arial, sans-serif; font-size: 13px; line-height: 1.25; color: #333; margin: 0 !important; padding: 7px 12px !important; border-radius: 4px !important; }
.rw-copy-dialog .rw-btn-primary { color: #fff; }
.rw-copy-dialog .rw-modal-close { min-height: 20px; padding: 2px 5px !important; font-size: 12px; color: #333; }

/* MFE-2641: the Sequential Copy (Respond) batch dialog (dist/styles.css .modal-body
   ul, li and .warning-list; dist/legacy-alignment.css .ready-profile-list). */
.rw-sequential-dialog .rw-modal-body ul { padding-left: 20px; margin: 8px 0; }
.rw-sequential-dialog .rw-modal-body li { margin: 6px 0; }
.rw-sequential-dialog .rw-sequential-ready { margin-bottom: 16px; }
.rw-sequential-dialog .rw-sequential-skipped { background: #fff4ec; padding: 12px 16px; border-radius: 4px; }
.rw-sequential-dialog .rw-sequential-skipped p { margin: 0; }
#sequentialcopy_proposal_main.disabled { pointer-events: none; opacity: .65; }