.client-deletion-dialog { position: fixed; inset: 0; z-index: 2400; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(22, 36, 52, .46); box-sizing: border-box; }
.client-deletion-dialog *, .client-deletion-dialog *::before, .client-deletion-dialog *::after { box-sizing: border-box; }
.client-deletion-dialog .cdel-shell { display: flex; flex-direction: column; width: 780px; max-width: 100%; max-height: calc(100dvh - 48px); overflow: hidden; border: 1px solid #dce4eb; border-radius: 9px; background: #fff; color: #34495e; box-shadow: 0 18px 64px rgba(16, 34, 51, .2); }
.client-deletion-dialog .cdel-header { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; border-bottom: 1px solid #e5ebf1; }
.client-deletion-dialog .cdel-header h2 { min-width: 0; margin: 0; color: #21384d; font-size: 18px; line-height: 1.5; }
.client-deletion-dialog .cdel-content { min-height: 0; padding: 18px 20px 22px; overflow-y: auto; overscroll-behavior: contain; }
.client-deletion-dialog .cdel-body { min-width: 0; overflow-wrap: anywhere; }
.client-deletion-dialog h3 { margin: 0 0 10px; color: #263e52; font-size: 15px; line-height: 1.6; }
.client-deletion-dialog h4 { margin: 0 0 8px; color: #496175; font-size: 13px; line-height: 1.6; }
.client-deletion-dialog .cdel-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: auto; min-height: 36px; max-width: 100%; margin: 0; padding: 7px 12px; border: 1px solid #cfdbe5; border-radius: 5px; background: #fff; box-shadow: none; color: #3e586d; font-size: 13px; font-weight: 500; line-height: 20px; white-space: normal; }
.client-deletion-dialog .cdel-button:hover { border-color: #9cafa9; background: #f2f7f6; }
.client-deletion-dialog .cdel-button.cdel-primary { border-color: #165ecb; background: #165ecb; color: #fff; }
.client-deletion-dialog .cdel-button.cdel-primary:hover { background: #124fae; }
.client-deletion-dialog .cdel-button:disabled { cursor: default; opacity: .5; }
.client-deletion-dialog button:focus-visible, .client-deletion-dialog summary:focus-visible, .client-deletion-dialog input:focus-visible, .client-deletion-dialog select:focus-visible, .client-deletion-dialog textarea:focus-visible { outline: 2px solid #165ecb; outline-offset: 2px; }
.client-deletion-dialog .cdel-toolbar { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.client-deletion-dialog .cdel-muted, .client-deletion-dialog .cdel-empty { margin: 0 0 16px; color: #728395; font-size: 12px; line-height: 1.8; }
.client-deletion-dialog .cdel-client-heading { margin-bottom: 18px; }
.client-deletion-dialog .cdel-notice, .client-deletion-dialog .cdel-message { margin: 0 0 16px; padding: 10px 12px; border-left: 2px solid #94b6af; border-radius: 2px; background: #f1f7f5; color: #476858; font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
.client-deletion-dialog .cdel-message.is-error { border-left-color: #ca8672; background: #fff6f1; color: #a14c31; }
.client-deletion-dialog .cdel-section { margin: 0 0 16px; }
.client-deletion-dialog .cdel-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; margin: 0 0 14px; color: #4a6175; font-size: 13px; line-height: 1.6; }
.client-deletion-dialog .cdel-field i { color: #ae4748; font-style: normal; }
.client-deletion-dialog .cdel-field > input, .client-deletion-dialog .cdel-field > select, .client-deletion-dialog .cdel-field > textarea { width: 100%; min-width: 0; max-width: 100%; min-height: 38px; margin: 0; padding: 8px 10px; border: 1px solid #ccd8e3; border-radius: 5px; background: #fff; color: #304a5e; font: inherit; }
.client-deletion-dialog .cdel-field > textarea { min-height: 86px; resize: vertical; }
.client-deletion-dialog .cdel-field small { color: #9a6136; font-size: 12px; }
.client-deletion-dialog .cdel-form-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.client-deletion-dialog .cdel-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.client-deletion-dialog .cdel-full { grid-column: 1 / -1; }
.client-deletion-dialog .cdel-review-form { margin-top: 20px; padding-top: 18px; border-top: 1px solid #e1e8ee; }
.client-deletion-dialog .cdel-review-form > h4 { margin-bottom: 14px; }
.client-deletion-dialog .cdel-detail-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 14px; }
.client-deletion-dialog .cdel-detail-heading h3 { flex: 1 1 220px; min-width: 0; margin: 0; }
.client-deletion-dialog .cdel-status { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 6px; color: #6c7e8e; font-size: 12px; line-height: 1.7; }
.client-deletion-dialog .cdel-status::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #8b99a6; }
.client-deletion-dialog .cdel-status[data-status="pending"]::before { background: #b47b2c; }
.client-deletion-dialog .cdel-status[data-status="approved"]::before { background: #28714e; }
.client-deletion-dialog .cdel-status[data-status="transferred"]::before { background: #0c7a82; }
.client-deletion-dialog .cdel-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 0 0 18px; padding: 14px; background: #f6f8fa; border-radius: 5px; }
.client-deletion-dialog .cdel-facts > div { min-width: 0; }
.client-deletion-dialog .cdel-facts dt { margin: 0 0 4px; color: #758697; font-size: 12px; }
.client-deletion-dialog .cdel-facts dd { margin: 0; color: #405a6e; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.client-deletion-dialog .cdel-reason { margin: 0 0 16px; }
.client-deletion-dialog .cdel-reason p { margin: 0; color: #334d63; font-size: 13px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
.client-deletion-dialog .cdel-record-link { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin: 16px 0; }
.client-deletion-dialog .cdel-record-link > span { flex: 1 1 260px; min-width: 0; color: #7a8998; font-size: 12px; line-height: 1.7; }
.client-deletion-dialog .cdel-list-item { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 0; border-top: 1px solid #e5ebf0; }
.client-deletion-dialog .cdel-list-item > div { flex: 1 1 auto; min-width: 0; }
.client-deletion-dialog .cdel-list-item strong { color: #334d62; font-size: 13px; line-height: 1.7; }
.client-deletion-dialog .cdel-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; margin-top: 5px; color: #7a8998; font-size: 12px; line-height: 1.7; }
.client-deletion-dialog .cdel-reason-preview { margin: 6px 0 0; color: #637b8e; font-size: 12px; line-height: 1.7; white-space: pre-wrap; }
.client-deletion-dialog .cdel-history { margin-top: 18px; border-top: 1px solid #e1e8ee; }
.client-deletion-dialog .cdel-history > summary { padding: 14px 0; cursor: pointer; color: #677f91; font-size: 13px; }
.client-deletion-dialog .cdel-history > summary > span { margin-left: 6px; color: #8492a0; }
.client-deletion-dialog [hidden] { display: none !important; }

@media (max-width: 600px) {
  .client-deletion-dialog { padding: 8px; align-items: center; }
  .client-deletion-dialog .cdel-shell { max-height: calc(100dvh - 16px); border-radius: 7px; }
  .client-deletion-dialog .cdel-header { gap: 10px; padding: 12px; }
  .client-deletion-dialog .cdel-header h2 { font-size: 16px; }
  .client-deletion-dialog .cdel-content { padding: 14px 12px 18px; }
  .client-deletion-dialog .cdel-button, .client-deletion-dialog .cdel-field > input, .client-deletion-dialog .cdel-field > select { min-height: 40px; }
  .client-deletion-dialog .cdel-form-grid, .client-deletion-dialog .cdel-facts { grid-template-columns: minmax(0, 1fr); }
  .client-deletion-dialog .cdel-facts { gap: 10px; padding: 12px; }
  .client-deletion-dialog .cdel-list-item { align-items: flex-start; flex-direction: column; gap: 10px; }
  .client-deletion-dialog .cdel-list-item > .cdel-button { align-self: flex-end; }
  .client-deletion-dialog .cdel-detail-heading { gap: 6px; }
  .client-deletion-dialog .cdel-record-link > span { flex-basis: 100%; }
  .client-deletion-dialog .cdel-form-actions > .cdel-button { flex: 1 1 auto; }
}

.client-deletion-dialog .cdel-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:12px}.client-deletion-dialog .cdel-list-item p{margin:4px 0;color:#637b8e;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.client-deletion-dialog .cdel-history-row{padding:10px 0;border-top:1px solid #e5ebf0;font-size:12px}.client-deletion-dialog .cdel-history-row span{margin-left:12px;color:#728395}.client-deletion-dialog .cdel-history-row p{margin:6px 0;white-space:pre-wrap}.client-deletion-dialog .cdel-form-grid{grid-template-columns:1fr}.client-deletion-dialog .cdel-toolbar{margin-bottom:10px}.client-deletion-dialog .cdel-notice ul{margin:6px 0 0;padding-left:20px}.client-deletion-dialog .cdel-shell{width:800px}