@layer admin-system {
  #document p.contract-prose { text-align: justify !important; text-justify: inter-word; hyphens: auto; }
  #document p.contract-brand { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; text-align: left !important; font: 700 18px/1.3 Arial,sans-serif !important; margin: 0 0 18px !important; color: #000 !important; }
  #document p.contract-brand img { display: inline-block !important; flex: 0 0 auto !important; width: 54px !important; height: auto !important; margin: 0 !important; }
  .tenant-contract-heading-tools { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; }
  .tenant-contract-heading-tools [data-contract-reload] { width: 44px !important; min-width: 44px !important; padding: 10px !important; }
  .tenant-contract-heading-tools [data-contract-complete] { font-size: 13px !important; min-height: 44px !important; }
  .contract-date-shortcut { display: flex !important; gap: 8px !important; align-items: center !important; }
  .contract-date-shortcut input { flex: 1 1 0 !important; min-width: 0 !important; }
  .contract-date-shortcut button { flex: 0 0 auto !important; min-height: 44px !important; }
  #app .tenant-contract-preparation [data-contract-download-now] { background: var(--ex-accent) !important; color: var(--ex-bg) !important; border-color: var(--ex-accent) !important; }
  #app .tenant-contract-preparation .tenant-contract-actions .tenant-contract-generate { background: var(--ex-surface) !important; color: var(--ex-text) !important; border-color: var(--ex-line) !important; }
  @container tenant-form (max-width: 520px) {
    .tenant-contract-heading { align-items: flex-start !important; flex-wrap: wrap !important; }
    .tenant-contract-heading-tools { margin-left: auto !important; }
    [data-tenant-contract-form] > .tenant-contract-actions [data-contract-download-now] { grid-column: 1 / -1 !important; }
  }
}