.client-record-entry { margin: 10px 0; }
.client-record-dialog { box-sizing: border-box; width: min(760px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); padding: 22px; border: 1px solid #dac89e; border-radius: 14px; overflow-y: auto; color: #14202a; background: #fffdf8; }
.client-record-dialog::backdrop { background: #10172080; }
.client-record-dialog h2 { margin: 0 0 8px; overflow-wrap: anywhere; }
.client-record-dialog fieldset { border: 0; margin: 18px 0; padding: 0; min-width: 0; }
.client-record-dialog .client-record-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.client-record-dialog label { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.client-record-dialog input, .client-record-dialog select, .client-record-dialog textarea { box-sizing: border-box; width: 100%; min-width: 0; font: inherit; padding: 10px; border: 1px solid #d9c9a9; border-radius: 8px; background: #fff; color: inherit; }
.client-record-dialog textarea { resize: vertical; }
.client-record-dialog .client-record-wide { grid-column: 1 / -1; }
.client-record-dialog .client-record-next > .client-record-grid { margin-top: 14px; }
.client-record-dialog .client-record-status { white-space: pre-wrap; overflow-wrap: anywhere; }
.client-record-dialog .client-record-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.client-record-dialog button { min-height: 40px; max-width: 100%; white-space: normal; }
.client-record-dialog [hidden] { display: none !important; }
@media (max-width: 600px) {
  .client-record-dialog { padding: 16px; }
  .client-record-dialog .client-record-grid { grid-template-columns: minmax(0, 1fr); }
  .client-record-dialog .client-record-actions > button { flex: 1 1 100%; }
}