/* Styles for the propose-changes workflow. Reuses the global palette
   (navy #0a2342, gold #b08d57, red #9e1b32) defined in styles.css. */

/* --- Entry page --- */
.suggest-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:18px;align-items:start}
.suggest-choice{max-width:none}
.suggest-choice h2{margin:0 0 6px;color:#0a2342;font-size:20px}
.suggest-find{display:flex;gap:8px;margin:12px 0}
.suggest-find input{flex:1}
.suggest-matches{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.suggest-matches a{display:flex;justify-content:space-between;align-items:center;gap:12px;
  background:#f6f7f9;border:1px solid #dfe4ec;border-radius:8px;padding:10px 14px;color:#1c2433}
.suggest-matches a:hover{border-color:#b08d57;text-decoration:none}
.sm-name{font-weight:600;color:#0a2342}
.sm-meta{font-size:13px;color:#5d6b80}

/* --- Shared field grid for propose forms --- */
.suggest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.suggest-field{margin-bottom:0}
.suggest-field.span-2{grid-column:1/-1}
.suggest-flabel{display:block;font-size:13px;font-weight:600;color:#0a2342;margin-bottom:4px}

/* --- Review queue --- */
.mem-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0}
.mem-filters .chip{display:inline-block;background:#eef1f6;color:var(--navy);border:1px solid var(--line);
  border-radius:20px;padding:6px 14px;font-size:14px}
.mem-filters .chip:hover{border-color:var(--gold);text-decoration:none}
.mem-filters .chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.cr-list{display:grid;gap:16px;margin-top:18px}
.cr-card{background:#fff;border:1px solid #dfe4ec;border-radius:10px;
  box-shadow:0 1px 3px rgba(10,35,66,.08),0 4px 16px rgba(10,35,66,.06);padding:18px 20px}
.cr-card.cr-pending{border-left:4px solid #b08d57}
.cr-card.cr-approved{border-left:4px solid #1d6b2f}
.cr-card.cr-rejected{border-left:4px solid #9e1b32}
.cr-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.cr-head-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cr-target{font-weight:600;color:#0a2342}
.cr-kind{background:#eef1f6;color:#0a2342}
.cr-kind-add{background:#fde8c8;color:#8a5a00}
.cr-meta{font-size:13px}

.badge-pending{background:#fde8c8;color:#8a5a00}
.badge-approved{background:#d8f0dd;color:#1d6b2f}
.badge-rejected{background:#f7d9de;color:#9e1b32}

.cr-note{background:#eef4fb;border:1px solid #cfe0f3;border-radius:8px;padding:8px 12px;font-size:14px;margin:0 0 12px}

/* Diff table */
.cr-diff{width:100%;border-collapse:collapse;margin:6px 0 12px;background:#fff;
  border:1px solid #dfe4ec;border-radius:8px;overflow:hidden}
.cr-diff th{background:#eef1f6;text-align:left;padding:8px 12px;font-size:12px;color:#0a2342;
  text-transform:uppercase;letter-spacing:.4px}
.cr-diff td{padding:8px 12px;border-top:1px solid #dfe4ec;font-size:14px;vertical-align:top}
.cr-field{font-weight:600;color:#5d6b80;width:30%}
.cr-current{width:30%}
.cr-old{color:#9e1b32;text-decoration:line-through;opacity:.8}
.cr-proposed{width:40%}
.cr-proposed-ro{background:#eef8f0}
.cr-input{width:100%;background:#eef8f0;border:1px solid #c6e6cd}
.cr-input:focus{outline:2px solid #b08d57;border-color:#b08d57;background:#fff}

.cr-adminnote{display:block;margin:4px 0 12px}
.cr-actions{display:flex;gap:10px;align-items:center}

.cr-reject{display:flex;gap:8px;align-items:center;margin-top:10px;padding-top:12px;border-top:1px dashed #dfe4ec}
.cr-reject-note{flex:1;max-width:420px}

.cr-diff-resolved th{background:#f3f5f9}
.cr-resolved-meta{margin:4px 0 0;font-size:13px}

@media (max-width:560px){
  .cr-field,.cr-current,.cr-proposed{width:auto}
  .cr-diff,.cr-diff thead,.cr-diff tbody,.cr-diff th,.cr-diff td,.cr-diff tr{display:block}
  .cr-diff thead{display:none}
  .cr-diff td{border-top:none;padding:4px 12px}
  .cr-diff tr{border-top:1px solid #dfe4ec;padding:6px 0}
}