.cs-management-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; }
.cs-management-actions .mini-action { min-height:28px; padding:4px 10px; }
.cs-management-actions .danger { border-color:#d7a09a; color:#9b2c24; background:#fff8f7; }
.cs-record-cancelled { opacity:.72; background:#f6f4f1 !important; }
.cs-cancelled-label { display:inline-flex; align-items:center; min-height:28px; padding:3px 9px; border-radius:999px; background:#ece8e2; color:#675f56; font-size:12px; }
.cs-management-overlay { position:fixed; inset:0; z-index:10050; display:grid; place-items:center; padding:18px; background:rgba(12,24,33,.58); }
.cs-management-dialog { width:min(820px,100%); max-height:calc(100vh - 36px); overflow:auto; border:1px solid #b8cbc5; border-radius:12px; background:#fff; box-shadow:0 22px 70px rgba(0,0,0,.28); }
.cs-management-dialog > header { position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 16px; border-bottom:1px solid #dce5e1; background:#f4f8f6; }
.cs-management-dialog header small { display:block; color:#547168; }
.cs-management-dialog header h3 { margin:2px 0 0; font-size:17px; color:#173b32; }
.cs-dialog-close { width:34px; height:34px; padding:0; border:1px solid #aebdb8; border-radius:8px; background:white; font-size:22px; line-height:1; }
.cs-management-form { padding:14px 16px 16px; }
.cs-management-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px; }
.cs-management-grid label { display:grid; gap:4px; min-width:0; }
.cs-management-grid label > span { color:#51615d; font-size:12px; }
.cs-management-grid :is(input,select,textarea) { width:100%; box-sizing:border-box; min-height:36px; padding:7px 9px; border:1px solid #c8d1ce; border-radius:7px; background:#fff; }
.cs-management-grid textarea { resize:vertical; }
.cs-management-grid .wide { grid-column:1 / -1; }
.cs-management-grid .required-reason { padding:9px; border-left:3px solid #c79032; background:#fff9e9; }
.cs-management-rule { margin:12px 0; padding:8px 10px; border-radius:7px; background:#edf5f2; color:#3f5d55; font-size:12px; }
.cs-management-warning { margin:0 0 12px; padding:10px 12px; border-left:3px solid #b64135; border-radius:7px; background:#fff4f2; color:#70312b; }
.cs-cancel-dialog { width:min(600px,100%); }
.cs-management-grid .cs-confirm-cancel { display:flex; grid-template-columns:auto 1fr; align-items:center; gap:8px; padding:9px 10px; border:1px solid #e1c6c2; border-radius:7px; background:#fffafa; }
.cs-management-grid .cs-confirm-cancel input { width:18px; min-height:18px; margin:0; }
.cs-management-form footer .danger { border-color:#a83a31; background:#a83a31; color:#fff; }
.cs-management-form footer { display:flex; justify-content:flex-end; gap:8px; }
@media (max-width:620px) {
  .cs-management-overlay { padding:0; align-items:end; }
  .cs-management-dialog { max-height:94vh; border-radius:13px 13px 0 0; }
  .cs-management-grid { grid-template-columns:1fr; }
  .cs-management-grid .wide { grid-column:1; }
  .cs-management-form footer { position:sticky; bottom:0; padding-top:9px; background:white; }
}
