#customerFormCreate .tenantDraftSection { position: relative; min-width: 0; }
#customerFormCreate .tenantDraftSection .fieldset-input { width: 100%; min-width: 0; }
#customerFormCreate .tenantDraftHint,
#customerFormCreate .tenantDraftStatus { margin: 10px 0 0; font-size: .85em; line-height: 1.45; color: var(--color-text-muted, #bfc3cd); }
#customerFormCreate .tenantDraftStatus:empty { display: none; }
#customerFormCreate .tenantCreateActions { display: flex; flex-wrap: wrap; gap: 12px; margin: 40px 0 0; }
#customerFormCreate .tenantCreateActions .button { margin: 0; min-height: 44px; white-space: normal; }
body.immoPage #customerFormCreate #tenantDraftSave { color: var(--action-tone-neutral) !important; background: var(--action-tone-neutral-bg) !important; border: 1px solid var(--action-tone-neutral-border) !important; }
body.immoPage #customerFormCreate #tenantDraftSave:hover { background: var(--action-tone-neutral-hover-bg) !important; border-color: var(--action-tone-neutral-hover-border) !important; color: var(--action-tone-neutral-hover) !important; }
body.immoPage #customerFormCreate #tenantDraftSave:focus-visible { outline: 2px solid #b5d4ff !important; outline-offset: 3px; }
#customerFormCreate .tenantDraftSave:disabled { opacity: .6; cursor: wait; }
#customerFormCreate .tenantDraftStatus.is-error { color: #ffb8b8; }
html[data-theme="light"] body.immoPage #customerFormCreate #tenantDraftSave { background: var(--ui-button-neutral-bg) !important; border-color: var(--ui-button-neutral-border) !important; color: var(--ui-button-neutral-text) !important; }
html[data-theme="light"] body.immoPage #customerFormCreate #tenantDraftSave:hover { background: var(--ui-button-neutral-hover) !important; border-color: var(--ui-button-neutral-hover-border) !important; color: var(--ui-button-neutral-hover-text) !important; }
html[data-theme="light"] body.immoPage #customerFormCreate #tenantDraftSave:focus-visible { outline-color: #35679c !important; }
html[data-theme="light"] body.immoPage #customerFormCreate .tenantDraftHint,
html[data-theme="light"] body.immoPage #customerFormCreate .tenantDraftStatus { color: #576170 !important; }
html[data-theme="light"] body.immoPage #customerFormCreate .tenantDraftStatus.is-error { color: #a12626 !important; }
@media (max-width: 700px) {
    #customerFormCreate .tenantCreateActions { flex-direction: column; gap: 10px; }
    body.immoPage #customers #customerFormCreate .tenantCreateActions .button { width: 100% !important; box-sizing: border-box; }
}
@media (min-width: 701px) and (max-width: 1024px) {
    #customerFormCreate .tenantCreateActions { flex-wrap: nowrap; }
    body.immoPage #customers #customerFormCreate .tenantCreateActions .button { flex: 1 1 0; width: auto !important; min-width: 0; box-sizing: border-box; }
}
#customerFormCreate .tenantDraftSection[hidden] { display: none !important; }
body.immoPage #customerFormCreate .tenantDraftMissing > label { color: #ffc7c7 !important; }
body.immoPage #customerFormCreate .tenantDraftMissing input { outline: 2px solid rgba(225, 94, 94, 0.65); outline-offset: 2px; }
html[data-theme="light"] body.immoPage #customerFormCreate .tenantDraftMissing > label { color: #a12626 !important; }
html[data-theme="light"] body.immoPage #customerFormCreate .tenantDraftMissing input { outline-color: rgba(161, 38, 38, 0.6); }
#customerFormCreate .tenantDraftMeta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 14px; margin: 10px 0 0; }
#customerFormCreate .tenantDraftMeta .tenantDraftHint { flex: 1 1 auto; min-width: 0; margin: 0; }
#customerFormCreate .tenantDraftDelete[hidden] { display: none !important; }
body.immoPage #customerFormCreate #tenantDraftDelete { flex: 0 0 auto; width: auto; margin: 0; min-height: 36px; padding: 6px 14px; font-size: .9em; white-space: normal; }
@media (max-width: 600px) {
    #customerFormCreate .tenantDraftMeta { flex-direction: column; align-items: stretch; }
    body.immoPage #customerFormCreate #tenantDraftDelete { width: 100%; }
}
#customerFormCreate .tenantDraftConfirm { margin: 12px 0 0; }
#customerFormCreate .tenantDraftConfirm[hidden] { display: none !important; }
#customerFormCreate .tenantDraftConfirmActions { display: flex; flex-wrap: wrap; gap: 10px; }
body.immoPage #customerFormCreate .tenantDraftConfirmActions .buttonSmall { margin: 0; min-height: 36px; padding: 6px 14px; font-size: .9em; white-space: normal; }
@media (max-width: 600px) {
    #customerFormCreate .tenantDraftConfirmActions { flex-direction: column; }
    body.immoPage #customerFormCreate .tenantDraftConfirmActions .buttonSmall { width: 100%; }
}
/* Confirmation buttons: the shared danger / neutral tones, declared with !important because the panel context and focus rules otherwise dull them. */
body.immoPage #customerFormCreate #tenantDraftConfirmYes { color: var(--action-tone-red) !important; background: var(--action-tone-red-bg) !important; border: 1px solid var(--action-tone-red-border) !important; }
body.immoPage #customerFormCreate #tenantDraftConfirmYes:hover, body.immoPage #customerFormCreate #tenantDraftConfirmYes:focus-visible { background: var(--action-tone-red-hover-bg) !important; border-color: var(--action-tone-red-hover-border) !important; color: var(--action-tone-red-hover) !important; }
body.immoPage #customerFormCreate #tenantDraftConfirmNo { color: var(--action-tone-neutral) !important; background: var(--action-tone-neutral-bg) !important; border: 1px solid var(--action-tone-neutral-border) !important; }
body.immoPage #customerFormCreate #tenantDraftConfirmNo:hover, body.immoPage #customerFormCreate #tenantDraftConfirmNo:focus-visible { background: var(--action-tone-neutral-hover-bg) !important; border-color: var(--action-tone-neutral-hover-border) !important; color: var(--action-tone-neutral-hover) !important; }
body.immoPage #customerFormCreate #tenantDraftConfirmYes:focus-visible, body.immoPage #customerFormCreate #tenantDraftConfirmNo:focus-visible { outline: 2px solid #b5d4ff !important; outline-offset: 3px; }
html[data-theme="light"] body.immoPage #customerFormCreate #tenantDraftConfirmYes { color: var(--ui-button-danger-text) !important; background: var(--ui-button-danger-bg) !important; border-color: var(--ui-button-danger-border) !important; }
html[data-theme="light"] body.immoPage #customerFormCreate #tenantDraftConfirmYes:hover, html[data-theme="light"] body.immoPage #customerFormCreate #tenantDraftConfirmYes:focus-visible { background: var(--ui-button-danger-hover) !important; border-color: var(--ui-button-danger-hover-border) !important; color: var(--ui-button-danger-hover-text) !important; }
html[data-theme="light"] body.immoPage #customerFormCreate #tenantDraftConfirmNo { color: var(--ui-button-neutral-text) !important; background: var(--ui-button-neutral-bg) !important; border-color: var(--ui-button-neutral-border) !important; }
html[data-theme="light"] body.immoPage #customerFormCreate #tenantDraftConfirmNo:hover, html[data-theme="light"] body.immoPage #customerFormCreate #tenantDraftConfirmNo:focus-visible { background: var(--ui-button-neutral-hover) !important; border-color: var(--ui-button-neutral-hover-border) !important; color: var(--ui-button-neutral-hover-text) !important; }
html[data-theme="light"] body.immoPage #customerFormCreate #tenantDraftConfirmYes:focus-visible, html[data-theme="light"] body.immoPage #customerFormCreate #tenantDraftConfirmNo:focus-visible { outline-color: #35679c !important; }