/* Scoped to the existing editor so list, assignment and room workflows retain their layout. */
#app#app#app#app#app#app#app #tenants.rental-split:not(.hidden) {
  grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
  gap: 24px;
}
#app#app#app#app#app#app#app .tenant-editor-organized {
  max-width: none !important;
  gap: 0 !important;
  font-family: "Segoe UI", sans-serif !important;
  color: var(--ex-text) !important;
}
#app#app#app#app#app#app#app .tenant-editor-organized *,
#app#app#app#app#app#app#app .tenant-editor-organized *::before,
#app#app#app#app#app#app#app .tenant-editor-organized *::after { box-sizing: border-box; letter-spacing: 0 !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .admin-tenant-edit-topbar { gap: 14px !important; align-items: center !important; padding-bottom: 20px !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-editor-heading { display: grid !important; grid-template-columns: 56px minmax(0, 1fr); gap: 3px 14px; align-items: center; }
#app#app#app#app#app#app#app .tenant-editor-heading .admin-tenant-profile-photo { grid-area: 1 / 1 / 4; }
#app#app#app#app#app#app#app .tenant-editor-heading .admin-tenant-profile-photo > :is(img, span) { display: grid !important; place-items: center; width: 100% !important; height: 100% !important; margin: 0 !important; border-radius: inherit !important; background: var(--ex-tint) !important; color: var(--ex-accent) !important; box-shadow: none !important; font: 650 20px/1 "Segoe UI", sans-serif !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-editor-heading:has(.admin-tenant-profile-photo img) { grid-template-columns: 112px minmax(0, 1fr); }
#app#app#app#app#app#app#app .tenant-editor-heading .admin-tenant-profile-photo:has(img) { width: 112px !important; min-width: 112px !important; max-width: 112px !important; height: 112px !important; min-height: 112px !important; max-height: 112px !important; flex-basis: 112px !important; border-radius: 8px !important; }
#app#app#app#app#app#app#app .tenant-editor-heading > :is(h2, p) { grid-column: 2; margin: 0 !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-editor-heading h2 { font: 650 20px/1.35 "Segoe UI", sans-serif !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-editor-heading p { font: 400 13px/1.5 "Segoe UI", sans-serif !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .admin-tenant-edit-topbar > button { flex: 0 0 auto; min-height: 44px !important; padding: 10px 12px !important; border-radius: 6px !important; font: 600 14px/1.35 "Segoe UI", sans-serif !important; box-shadow: none !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .experience-editor-tabs { gap: 0 !important; margin: 0 0 24px !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .experience-editor-tabs button { flex: 1 0 0; min-height: 48px !important; font: 600 14px/1.35 "Segoe UI", sans-serif !important; padding: 10px 8px !important; white-space: normal !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .experience-editor-tabs button[aria-selected=true] { background: transparent !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .experience-editor-pane { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; padding-bottom: 24px !important; container: tenant-form / inline-size; }
#app#app#app#app#app#app#app .tenant-editor-organized .experience-editor-pane[hidden] { display: none !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-editor-group { display: block !important; min-width: 0; width: 100%; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-editor-group > :is(legend, summary) { float: none; width: 100%; margin: 0 !important; padding: 0 0 14px !important; font: 650 17px/1.4 "Segoe UI", sans-serif !important; color: var(--ex-text) !important; background: none !important; box-shadow: none !important; border: 0 !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-editor-fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px 20px; min-width: 0; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-editor-fields > label { display: grid !important; align-content: start; gap: 8px !important; margin: 0 !important; min-width: 0; width: 100%; color: var(--ex-muted) !important; font: 600 14px/1.4 "Segoe UI", sans-serif !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-editor-wide { grid-column: 1 / -1; }
#app#app#app#app#app#app#app .tenant-editor-organized :is(input:not([type=checkbox]):not([type=file]), select, textarea, output) { width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 48px !important; margin: 0 !important; padding: 12px !important; font: 400 16px/1.45 "Segoe UI", sans-serif !important; border: 1px solid var(--ex-line) !important; border-radius: 6px !important; background: var(--ex-surface) !important; color: var(--ex-text) !important; box-shadow: none !important; }
#app#app#app#app#app#app#app .tenant-editor-organized textarea { height: 90px !important; resize: vertical; }
#app#app#app#app#app#app#app .tenant-editor-organized output { background: var(--ex-soft) !important; }
#app#app#app#app#app#app#app .tenant-editor-organized :is(input, textarea, select):focus-visible { outline: 2px solid var(--ex-accent) !important; outline-offset: 2px !important; }
#app#app#app#app#app#app#app .tenant-editor-organized :is(details.tenant-editor-group, .tenant-file-block, .tenant-editor-danger) { border-top: 1px solid var(--ex-line) !important; border-bottom: 1px solid var(--ex-line) !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; box-shadow: none !important; }
#app#app#app#app#app#app#app .tenant-editor-organized :is(details.tenant-editor-group, .tenant-file-block, .tenant-editor-danger) > summary { display: list-item !important; cursor: pointer; list-style: disclosure-closed inside; min-height: 48px !important; padding: 14px 0 !important; font: 600 15px/1.4 "Segoe UI", sans-serif !important; color: var(--ex-text) !important; background: none !important; border: 0 !important; }
#app#app#app#app#app#app#app .tenant-editor-organized details[open] > summary { list-style-type: disclosure-open; }
#app#app#app#app#app#app#app .tenant-editor-organized :is(details.tenant-editor-group, .tenant-file-block, .tenant-editor-danger) > summary::after { display: none !important; }
#app#app#app#app#app#app#app .tenant-editor-organized details.tenant-editor-group > .tenant-editor-fields { padding: 4px 0 20px; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-workspace { padding: 0 !important; gap: 16px !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-workspace::before { display: none !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-heading { display: flex !important; flex-wrap: wrap; align-items: center !important; gap: 12px !important; margin: 0 !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-heading h3 { font: 650 17px/1.4 "Segoe UI", sans-serif !important; margin: 0 !important; color: var(--ex-text) !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-heading p { display: none !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-heading-actions { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-document-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; margin: 0 !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-side { padding: 12px !important; min-width: 0; background: var(--ex-surface) !important; border: 1px solid var(--ex-line) !important; border-radius: 8px !important; box-shadow: none !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-drop-target { display: grid !important; width: 100% !important; gap: 10px !important; padding: 0 !important; min-width: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; text-align: left !important; box-shadow: none !important; transform: none !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-side-preview { aspect-ratio: 1.586; height: auto !important; width: 100% !important; min-height: 0 !important; max-height: 200px !important; border-radius: 4px !important; background: var(--ex-soft) !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-side-preview img { object-fit: contain !important; width: 100%; height: 100%; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-side-copy :is(small, strong, span) { white-space: normal !important; overflow-wrap: anywhere; color: var(--ex-muted) !important; font: 400 13px/1.45 "Segoe UI", sans-serif !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-side-copy small { font-weight: 650 !important; font-size: 15px !important; color: var(--ex-text) !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-side-copy > span { display: none !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-side:is(.is-preparing, .is-uploading, .is-success, .is-error, .is-dragover) .tenant-ine-side-copy > span { display: block !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-side-actions { display: flex !important; flex-wrap: wrap; gap: 8px !important; padding-top: 12px !important; }
#app#app#app#app#app#app#app .tenant-editor-organized :is(.tenant-ine-heading-actions, .tenant-ine-side-actions) :is(button, .file-button, a) { display: inline-flex !important; align-items: center; justify-content: center; min-height: 44px !important; width: auto !important; margin: 0 !important; padding: 10px 12px !important; font: 600 13px/1.4 "Segoe UI", sans-serif !important; border: 1px solid var(--ex-line) !important; border-radius: 6px !important; background: var(--ex-surface) !important; color: var(--ex-accent) !important; box-shadow: none !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-reading { padding: 16px 0 !important; margin: 0 !important; background: none !important; border: 0 !important; border-top: 1px solid var(--ex-line) !important; border-radius: 0 !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-consent { display: grid !important; grid-template-columns: 22px minmax(0, 1fr) !important; align-items: start !important; gap: 10px !important; padding: 0 !important; font: 400 14px/1.5 "Segoe UI", sans-serif !important; color: var(--ex-text) !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-consent input { width: 20px !important; height: 20px !important; min-height: 20px !important; margin: 2px 0 !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-reading-actions { display: flex !important; flex-wrap: wrap; align-items: center; gap: 12px !important; margin-top: 14px !important; }
#app#app#app#app#app#app#app .tenant-editor-organized :is(.tenant-ine-privacy, [data-ine-read-status]) { color: var(--ex-muted) !important; font: 400 13px/1.5 "Segoe UI", sans-serif !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-edit-summary { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-edit-summary span { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-edit-summary small { color: var(--ex-muted) !important; font: 400 13px/1.5 "Segoe UI", sans-serif !important; text-transform: none !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .tenant-edit-summary strong { color: var(--ex-text) !important; font: 600 17px/1.5 "Segoe UI", sans-serif !important; white-space: normal !important; overflow-wrap: anywhere; }
#app#app#app#app#app#app#app .tenant-editor-organized [data-editor-pane=access] > .actions { display: flex !important; flex-wrap: wrap; gap: 10px !important; margin: 0 !important; }
#app#app#app#app#app#app#app .tenant-editor-organized :is(.tenant-access, .tenant-file-block) { color: var(--ex-text) !important; font: 400 14px/1.5 "Segoe UI", sans-serif !important; }
#app#app#app#app#app#app#app .tenant-editor-organized :is([data-editor-pane=access], .tenant-file-block) :is(button, .button-link, .file-button) { display: inline-flex !important; align-items: center; justify-content: center; min-height: 44px !important; padding: 10px 14px !important; border: 1px solid var(--ex-line) !important; border-radius: 6px !important; background: var(--ex-surface) !important; color: var(--ex-accent) !important; font: 600 14px/1.4 "Segoe UI", sans-serif !important; box-shadow: none !important; white-space: normal !important; overflow-wrap: anywhere; }
#app#app#app#app#app#app#app .tenant-editor-organized [data-editor-pane=access] .whatsapp-action { color: var(--ex-success) !important; }
#app#app#app#app#app#app#app .tenant-editor-organized [data-editor-pane=access] .danger { color: var(--ex-danger) !important; }
#app#app#app#app#app#app#app .tenant-editor-organized .experience-editor-save { align-items: center; background: var(--ex-bg) !important; }
@container tenant-form (min-width: 600px) {
  #app#app#app#app#app#app#app .tenant-editor-organized .tenant-editor-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container tenant-form (max-width: 440px) {
  #app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-document-grid { grid-template-columns: minmax(0, 1fr) !important; }
  #app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-drop-target { grid-template-columns: 104px minmax(0, 1fr); align-items: center; }
  #app#app#app#app#app#app#app .tenant-editor-organized .tenant-ine-side-actions { border: 0 !important; }
}
@media (max-width: 900px) {
  #app#app#app#app#app#app#app #rentals:has(> #tenants:not(.hidden) .tenant-editor-organized) > #rentals-header { display: none !important; }
  #app#app#app#app#app#app#app .tenant-editor-organized .admin-tenant-edit-topbar { grid-template-columns: 44px minmax(0, 1fr) !important; gap: 10px !important; padding: 4px 0 16px !important; }
  #app#app#app#app#app#app#app .tenant-editor-organized .tenant-editor-heading { grid-template-columns: 44px minmax(0, 1fr); gap: 2px 10px; }
  #app#app#app#app#app#app#app .tenant-editor-heading .admin-tenant-profile-photo { width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; }
  #app#app#app#app#app#app#app .tenant-editor-organized .tenant-editor-heading:has(.admin-tenant-profile-photo img) { grid-template-columns: 96px minmax(0, 1fr); }
  #app#app#app#app#app#app#app .tenant-editor-heading .admin-tenant-profile-photo:has(img) { width: 96px !important; min-width: 96px !important; max-width: 96px !important; height: 96px !important; min-height: 96px !important; max-height: 96px !important; flex-basis: 96px !important; }
  #app#app#app#app#app#app#app .tenant-editor-organized .tenant-editor-heading h2 { font-size: 17px !important; }
  #app#app#app#app#app#app#app .tenant-editor-organized .tenant-editor-heading p { font-size: 12px !important; }
  #app#app#app#app#app#app#app .tenant-editor-organized .experience-editor-tabs button { font-size: 13px !important; padding: 10px 4px !important; }
  #app#app#app#app#app#app#app .tenant-editor-organized .experience-editor-tabs { margin-bottom: 20px !important; }
  #app#app#app#app#app#app#app .tenant-editor-organized .experience-editor-save { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) !important; gap: 8px !important; background: var(--ex-surface) !important; }
  #app#app#app#app#app#app#app .tenant-editor-organized .experience-editor-save .experience-draft-status:not(:empty) { grid-column: 1 / -1; margin: 0 !important; }
  #app#app#app#app#app#app#app .tenant-editor-organized .experience-editor-save button { width: 100% !important; font-size: 14px !important; padding: 10px 8px !important; }
}
@media (prefers-reduced-motion: reduce) {
  #app#app#app#app#app#app#app .tenant-editor-organized * { animation: none !important; transition: none !important; }
}

#app#app#app#app#app#app#app .tenant-contract-active:has([data-tenant-contract-preparation]) #tenant-edit-form > .experience-editor-save { display: none !important; }
#app#app#app#app#app#app#app .tenant-contract-preparation { min-width: 0; width: 100%; }
#app#app#app#app#app#app#app .tenant-contract-preparation [hidden] { display: none !important; }
#app#app#app#app#app#app#app .tenant-contract-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
#app#app#app#app#app#app#app .tenant-contract-preparation h3 { margin: 0 0 6px !important; font: 650 20px/1.35 "Segoe UI", sans-serif !important; }
#app#app#app#app#app#app#app .tenant-contract-preparation [data-contract-progress] { font: 600 13px/1.5 "Segoe UI", sans-serif; color: var(--ex-muted); }
#app#app#app#app#app#app#app .tenant-contract-preparation [data-contract-progress].is-ready { color: var(--ex-success); }
#app#app#app#app#app#app#app .tenant-contract-heading > button { width: 44px !important; min-width: 44px; padding: 10px !important; }
#app#app#app#app#app#app#app .tenant-contract-scope { margin: 12px 0 24px !important; color: var(--ex-muted) !important; font-size: 13px !important; line-height: 1.5; }
#app#app#app#app#app#app#app [data-tenant-contract-form] { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; margin: 0 !important; }
#app#app#app#app#app#app#app [data-tenant-contract-form] fieldset + fieldset { padding-top: 20px !important; border-top: 1px solid var(--ex-line) !important; }
#app#app#app#app#app#app#app .tenant-contract-preparation .tenant-contract-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; margin: 0; padding: 12px 0; }
#app#app#app#app#app#app#app [data-tenant-contract-form] > .tenant-contract-actions { position: sticky; bottom: 0; z-index: 2; border-top: 1px solid var(--ex-line); background: var(--ex-bg); padding-bottom: max(12px, env(safe-area-inset-bottom)); }
#app#app#app#app#app#app .tenant-contract-actions [data-contract-draft] { margin-right: auto; font-size: 13px; color: var(--ex-muted); }
#app#app#app#app#app#app#app .tenant-contract-actions :is(button, a) { gap: 8px; }
#app#app#app#app#app#app#app .tenant-editor-organized [data-editor-pane=access] .tenant-contract-actions .tenant-contract-generate { background: var(--ex-accent) !important; color: var(--ex-bg) !important; border-color: var(--ex-accent) !important; }
#app#app#app#app#app#app#app .tenant-contract-preparation button:disabled { opacity: .6; cursor: wait; }
#app#app#app#app#app#app#app .tenant-contract-preparation [role=alert] { margin: 0 !important; color: var(--ex-danger) !important; font-size: 14px !important; overflow-wrap: anywhere; }
#app#app#app#app#app#app#app .tenant-contract-warnings { grid-column: 1 / -1; padding-left: 20px; color: var(--ex-muted); font-size: 13px; line-height: 1.6; }
@container tenant-form (max-width: 520px) {
  #app#app#app#app#app#app#app [data-tenant-contract-form] > .tenant-contract-actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  #app#app#app#app#app#app#app .tenant-contract-actions [data-contract-draft] { grid-column: 1 / -1; }
}

@layer admin-system {
  .tenant-contract-preparation .contract-steps { display: flex !important; list-style: none !important; gap: 20px !important; padding: 16px 0 !important; margin: 0 !important; border-bottom: 1px solid var(--ex-line) !important; }
  .contract-steps li { display: flex !important; align-items: center !important; gap: 8px !important; color: var(--ex-muted) !important; font: 600 13px/1.5 "Segoe UI", sans-serif !important; }
  .contract-steps li span { display: grid !important; place-items: center !important; width: 26px !important; height: 26px !important; border: 1px solid var(--ex-line) !important; border-radius: 50% !important; }
  .contract-steps [aria-current] { color: var(--ex-text) !important; }
  .contract-steps [aria-current] span { background: var(--ex-accent) !important; color: var(--ex-bg) !important; border-color: var(--ex-accent) !important; }
  .tenant-contract-preparation .contract-overview { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 16px !important; margin: 0 !important; padding: 18px 0 !important; border-bottom: 1px solid var(--ex-line) !important; }
  .contract-overview dt { font: 400 12px/1.5 "Segoe UI",sans-serif !important; color: var(--ex-muted) !important; }
  .contract-overview dd { margin: 4px 0 0 !important; font: 600 16px/1.4 "Segoe UI",sans-serif !important; overflow-wrap: anywhere !important; }
  .tenant-contract-preparation .contract-billing-notice { margin: 12px 0 !important; padding: 10px 12px !important; border-left: 3px solid #ba821d !important; font-size: 13px !important; line-height: 1.5 !important; color: var(--ex-text) !important; background: color-mix(in srgb,#ba821d 10%,transparent) !important; }
  .tenant-contract-preparation .contract-field-group { border: 0 !important; border-bottom: 1px solid var(--ex-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 0 16px !important; }
  .contract-field-group > summary { display: flex !important; align-items: center !important; gap: 12px !important; padding: 8px 0 !important; min-height: 44px !important; list-style: none !important; cursor: pointer !important; font: 600 16px/1.5 "Segoe UI",sans-serif !important; }
  .contract-field-group > summary::after { content: "" !important; display: block !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; background: currentColor !important; mask: url('/icons/services/chevron-down.svg') center/contain no-repeat !important; transition: transform .16s ease !important; }
  .contract-field-group[open] > summary::after { transform: rotate(180deg) !important; }
  .contract-field-group > summary small { margin-left: auto !important; font: 500 12px/1.4 "Segoe UI",sans-serif !important; color: var(--ex-muted) !important; }
  .contract-field-group.has-missing > summary small { color: var(--ex-danger) !important; }
  .contract-field-group .tenant-editor-fields { padding-top: 16px !important; }
  .tenant-contract-preparation :is(input,textarea,select) { scroll-margin-block: 100px !important; }
  .tenant-contract-preparation button:disabled { cursor: default !important; }
  @media(max-width:700px) {
    .tenant-contract-preparation .contract-overview { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .tenant-contract-preparation .contract-steps { justify-content: space-between !important; gap: 6px !important; }
    .tenant-contract-preparation [data-tenant-contract-form] > .tenant-contract-actions { position: static !important; }
  }
  @media(prefers-reduced-motion:reduce) { .contract-field-group > summary::after { transition: none !important; } }
}

@layer admin-system {

/* A dedicated, spacious creation workspace; the existing editing panes are independent. */
body.tenant-create-open { overflow: hidden !important; }
html:has(.tenant-create-workspace[open]) { overflow: hidden !important; scrollbar-gutter: auto !important; }
#app #tenant-create-workspace.tenant-create-workspace {
  box-sizing: border-box !important;
  width: min(1440px, calc(100vw - 48px)) !important;
  max-width: none !important;
  height: min(960px, calc(100dvh - 48px)) !important;
  max-height: calc(100dvh - 48px) !important;
  margin: auto !important;
  padding: 0 !important;
  border: 1px solid var(--ex-line, #39424f) !important;
  border-radius: 16px !important;
  background: var(--ex-surface, #20252d) !important;
  color: var(--ex-text, #f2f5fa) !important;
  box-shadow: 0 28px 90px #0008 !important;
  overflow: hidden !important;
}
#app #tenant-create-workspace.tenant-create-workspace[open] { display: flex !important; flex-direction: column !important; }
.tenant-create-workspace::backdrop { background: #080d19b8; backdrop-filter: blur(4px); }
#app #tenant-create-workspace .tenant-create-header {
  display: flex !important; justify-content: space-between !important; align-items: center !important;
  gap: 24px !important; padding: 22px 28px !important; border-bottom: 1px solid var(--ex-line) !important; flex-shrink: 0;
}
#app #tenant-create-workspace .tenant-create-header h2 { margin: 4px 0 6px !important; font-size: 27px !important; line-height: 1.2 !important; }
#app #tenant-create-workspace .tenant-create-header p { margin: 0 !important; color: var(--ex-muted) !important; font-size: 14px !important; }
#app #tenant-create-workspace .tenant-create-close { display: flex !important; align-items: center; gap: 16px; min-height: 44px !important; white-space: nowrap; }
#app #tenant-create-workspace .tenant-create-close span { font-size: 24px; line-height: 1; }
#app #tenant-create-workspace.tenant-create-workspace #tenant-form {
  display: flex !important; flex-direction: column !important; flex: 1 !important; gap: 0 !important;
  min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important;
}
#app #tenant-create-workspace .tenant-create-layout {
  display: grid !important; grid-template-columns: minmax(300px, .85fr) minmax(0, 1.25fr) !important;
  align-items: start !important; gap: 28px !important; padding: 28px !important;
  min-width: 0 !important; min-height: 0 !important; flex: 1 !important; overflow: auto !important; overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
#app #tenant-create-workspace :is(.tenant-create-document-column, .tenant-create-record-column) { min-width: 0 !important; width: 100% !important; }
#app #tenant-create-workspace .tenant-create-document-column { position: sticky; top: 0; }
#app #tenant-create-workspace.tenant-create-workspace :is(.tenant-ine-workspace, .tenant-record-form-section) {
  margin: 0 !important; padding: 22px !important; border: 1px solid var(--ex-line) !important;
  border-radius: 12px !important; background: var(--ex-soft, #242b35) !important; min-width: 0 !important;
}
#app #tenant-create-workspace.tenant-create-workspace .tenant-record-form-section { display: grid !important; gap: 24px !important; }
#app #tenant-create-workspace.tenant-create-workspace :is(.tenant-primary-fields, .tenant-create-fields) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; }
#app #tenant-create-workspace.tenant-create-workspace .tenant-primary-fields label:first-child { grid-column: 1 / -1; }
#app #tenant-create-workspace .tenant-create-field-group { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; min-width: 0 !important; }
#app #tenant-create-workspace .tenant-create-field-group h3 { margin: 0 0 16px !important; font-size: 16px !important; }
#app #tenant-create-workspace .tenant-create-optional { border-top: 1px solid var(--ex-line) !important; padding-top: 18px !important; }
#app #tenant-create-workspace .tenant-create-optional summary { padding: 0 !important; margin: 0 !important; font-size: 16px !important; font-weight: 650 !important; cursor: pointer; }
#app #tenant-create-workspace .tenant-create-optional summary { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--ex-text) !important; }
#app #tenant-create-workspace .tenant-create-optional[open] > .tenant-create-fields { margin-top: 18px !important; }
#app #tenant-create-workspace.tenant-create-workspace label { display: grid !important; gap: 8px !important; margin: 0 !important; min-width: 0 !important; font-size: 14px !important; line-height: 1.4 !important; font-weight: 550 !important; }
#app #tenant-create-workspace.tenant-create-workspace label:has(textarea) { grid-column: 1 / -1; }
#app #tenant-create-workspace.tenant-create-workspace :is(input:not([type=file]), select, textarea) {
  box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; min-height: 48px !important;
  padding: 12px !important; border: 1px solid var(--ex-line) !important; border-radius: 8px !important;
  color: var(--ex-text) !important; background: var(--ex-surface) !important; font: 400 16px/1.4 "Segoe UI", sans-serif !important;
}
#app #tenant-create-workspace.tenant-create-workspace textarea { min-height: 96px !important; resize: vertical; }
#app #tenant-create-workspace .tenant-create-document-note { margin: 12px 0 20px !important; color: var(--ex-muted) !important; font-size: 14px !important; line-height: 1.65 !important; }
#app #tenant-create-workspace.tenant-create-workspace .ine-intake-entry { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; }
#app #tenant-create-workspace.tenant-create-workspace .ine-intake-entry button { min-height: 52px !important; padding: 12px 18px !important; font-size: 15px !important; }
#app #tenant-create-workspace.tenant-create-workspace .tenant-ine-reading { margin-top: 20px !important; }
#app #tenant-create-workspace.tenant-create-workspace .tenant-ine-heading { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 12px !important; }
#app #tenant-create-workspace.tenant-create-workspace .tenant-ine-ready-badge { flex-shrink: 0; white-space: nowrap; font-size: 12px !important; }
#app #tenant-create-workspace.tenant-create-workspace .tenant-ine-reading-actions { display: grid !important; gap: 12px !important; }
#app #tenant-create-workspace .tenant-create-footer {
  display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-end !important;
  gap: 12px !important; margin: 0 !important; padding: 18px 28px !important; border-top: 1px solid var(--ex-line) !important;
  background: var(--ex-surface) !important; flex-shrink: 0 !important;
  position: static !important; bottom: auto !important; width: auto !important; border-radius: 0 !important; box-shadow: none !important;
}
#app #tenant-create-workspace .tenant-create-save-hint { margin-right: auto !important; max-width: 430px !important; color: var(--ex-muted) !important; font-size: 13px !important; line-height: 1.5 !important; }
#app #tenant-create-workspace .tenant-create-footer button { min-height: 48px !important; padding: 12px 22px !important; font-size: 15px !important; }
#app #tenant-create-workspace .tenant-create-footer button[type=submit] { order: 2; }
#app #tenant-create-workspace.tenant-create-workspace [data-rental-form-error] { margin: 0 !important; padding: 12px 28px !important; max-height: 100px; overflow: auto; color: #f87979; flex-shrink: 0; }
@media (max-width: 800px) {
  #app #tenant-create-workspace.tenant-create-workspace { width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important; border-radius: 0 !important; border: 0 !important; }
  #app #tenant-create-workspace .tenant-create-header { gap: 12px !important; padding: 16px !important; align-items: flex-start !important; }
  #app #tenant-create-workspace .tenant-create-header h2 { font-size: 22px !important; }
  #app #tenant-create-workspace .tenant-create-header p { font-size: 12px !important; }
  #app #tenant-create-workspace .tenant-create-close { min-width: 44px !important; gap: 8px !important; max-width: 112px; white-space: normal; font-size: 12px !important; }
  #app #tenant-create-workspace .tenant-create-layout { grid-template-columns: minmax(0, 1fr) !important; gap: 18px !important; padding: 16px !important; }
  #app #tenant-create-workspace .tenant-create-document-column { position: static; }
  #app #tenant-create-workspace.tenant-create-workspace :is(.tenant-ine-workspace, .tenant-record-form-section) { padding: 16px !important; }
  #app #tenant-create-workspace .tenant-create-footer { padding: 12px 16px calc(12px + env(safe-area-inset-bottom)) !important; }
  #app #tenant-create-workspace .tenant-create-save-hint { width: 100%; max-width: none !important; }
  #app #tenant-create-workspace .tenant-create-footer button { flex: 1; padding-inline: 12px !important; }
}
@media (max-width: 480px) {
  #app #tenant-create-workspace.tenant-create-workspace :is(.tenant-primary-fields, .tenant-create-fields) { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
}

}

@layer admin-system {
  #app #tenant-ine-crop-dialog { box-sizing:border-box!important; width:min(1040px,calc(100vw - 32px))!important; max-width:none!important; height:min(880px,calc(100dvh - 32px))!important; max-height:none!important; padding:0!important; border:1px solid #60758c!important; border-radius:18px!important; background:#172333!important; color:#f5f7fb!important; overflow:hidden!important; }
  #app #tenant-ine-crop-dialog[open] { display:flex!important; flex-direction:column!important; }
  #tenant-ine-crop-dialog::backdrop { background:rgba(0,0,0,.78); }
  #app #tenant-ine-crop-dialog header,#app #tenant-ine-crop-dialog footer { display:flex!important; gap:12px!important; align-items:center!important; padding:16px 20px!important; flex-shrink:0!important; }
  #app #tenant-ine-crop-dialog header { justify-content:space-between!important; }
  #app #tenant-ine-crop-dialog h2 { margin:0!important; color:inherit!important; font-size:21px!important; }
  #app #tenant-ine-crop-dialog p { margin:8px 0!important; color:#d5deeb!important; }
  #app #tenant-ine-crop-dialog footer { justify-content:flex-end!important; border-top:1px solid #42536b!important; flex-wrap:wrap!important; }
  #app #tenant-ine-crop-dialog button { min-height:44px!important; padding:10px 15px!important; border-radius:9px!important; background:#30445c!important; color:white!important; border:1px solid #60758c!important; }
  #app #tenant-ine-crop-dialog [data-crop-apply] { background:#15764e!important; }
  #app #tenant-ine-crop-dialog .ine-crop-scroll { flex:1!important; min-height:0!important; overflow:auto!important; padding:20px!important; }
  #app #tenant-ine-crop-dialog .ine-crop-stage { position:relative!important; width:fit-content!important; max-width:100%!important; margin:0 auto 20px!important; overflow:visible!important; }
  #app #tenant-ine-crop-dialog img { display:block!important; width:auto!important; height:auto!important; max-width:100%!important; max-height:48dvh!important; object-fit:contain!important; user-select:none!important; }
  #app #tenant-ine-crop-dialog .ine-crop-frame { position:absolute!important; box-sizing:border-box!important; border:3px solid #54edb1!important; box-shadow:0 0 0 100vmax #0008!important; cursor:move!important; touch-action:none!important; }
  #app #tenant-ine-crop-dialog .ine-crop-stage { overflow:hidden!important; }
  #app #tenant-ine-crop-dialog [data-crop-corner] { position:absolute!important; width:32px!important; height:32px!important; background:#54edb1!important; border:3px solid white!important; border-radius:50%!important; box-sizing:border-box!important; transform:translate(-50%,-50%)!important; }
  #app #tenant-ine-crop-dialog [data-crop-corner=nw] { left:0!important; top:0!important; cursor:nwse-resize!important; }
  #app #tenant-ine-crop-dialog [data-crop-corner=ne] { left:100%!important; top:0!important; cursor:nesw-resize!important; }
  #app #tenant-ine-crop-dialog [data-crop-corner=sw] { left:0!important; top:100%!important; cursor:nesw-resize!important; }
  #app #tenant-ine-crop-dialog [data-crop-corner=se] { left:100%!important; top:100%!important; cursor:nwse-resize!important; }
  #app #tenant-ine-crop-dialog .ine-crop-tools,#app #tenant-ine-crop-dialog .ine-crop-controls { display:flex!important; flex-wrap:wrap!important; gap:12px!important; margin:12px 0!important; }
  #app #tenant-ine-crop-dialog .ine-crop-controls label { flex:1 1 180px!important; color:inherit!important; }
  #app #tenant-ine-crop-dialog input[type=range] { width:100%!important; padding:0!important; min-height:44px!important; }
  #app #tenant-ine-crop-dialog summary { cursor:pointer!important; min-height:44px!important; }
  @media(max-width:600px) { #app #tenant-ine-crop-dialog { width:100vw!important; height:100dvh!important; margin:0!important; border-radius:0!important; } #app #tenant-ine-crop-dialog footer { gap:8px!important; padding:12px!important; } #app #tenant-ine-crop-dialog footer button { flex:1 1 100px!important; } }
}

@layer admin-system {
 #app #tenant-create-workspace .tenant-ine-document-grid { display:grid!important; grid-template-columns:minmax(0,1fr)!important; }
 #app #tenant-create-workspace .tenant-ine-side-preview { display:block!important; width:100%!important; height:auto!important; max-height:none!important; aspect-ratio:1.586!important; background:var(--ex-soft)!important; }
 #app #tenant-create-workspace .tenant-ine-side-preview img { display:block!important; width:100%!important; height:100%!important; object-fit:contain!important; object-position:center!important; border-radius:6px!important; }
 #app #tenant-create-workspace .tenant-ine-drop-target { display:block!important; width:100%!important; }
 #app #tenant-create-workspace .tenant-ine-side-copy { display:block!important; margin-top:10px!important; }
 #app #tenant-create-workspace .tenant-ine-side-preview .tenant-ine-upload-mark { display:none!important; }
}

@layer admin-system {
 #app #tenant-create-workspace .ine-optional-back { margin:16px 0!important; border-top:1px solid var(--ex-line)!important; padding-top:12px!important; }
 #app #tenant-create-workspace .ine-optional-back summary { cursor:pointer!important; min-height:44px!important; font-weight:600!important; }
 #app #tenant-create-workspace .tenant-ine-side-copy span { display:block!important; }
 #app #tenant-create-workspace [data-new-tenant-ine-status] { display:block!important; padding:10px 0!important; }
 #app #tenant-create-workspace button[hidden] { display:none!important; }
}