@layer admin-system {
  .tenant-contract-preview { min-width: 0 !important; border-top: 1px solid var(--ex-line) !important; padding: 24px 0 0 !important; margin-top: 16px !important; scroll-margin-top: 100px; }
  .tenant-contract-preview-heading { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: center !important; gap: 8px !important; }
  .tenant-contract-preview-heading > span { color: var(--ex-muted) !important; font-size: 13px !important; }
  .tenant-contract-preview-heading h3 { font: 650 18px/1.4 "Segoe UI",sans-serif !important; }
  .tenant-contract-preview [data-contract-downloads] { justify-content: flex-start !important; border-bottom: 1px solid var(--ex-line) !important; padding-bottom: 16px !important; margin-bottom: 16px !important; }
  .tenant-contract-preview :is(button,a.button-link) { min-height: 44px !important; border-radius: 6px !important; font: 600 14px/1.4 "Segoe UI",sans-serif !important; padding: 10px 14px !important; background: var(--ex-surface) !important; color: var(--ex-text) !important; border: 1px solid var(--ex-line) !important; box-shadow: none !important; }
  .tenant-contract-preview [aria-disabled=true] { opacity: .5 !important; cursor: default !important; }
  .tenant-contract-preview .pdf-controls { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; }
  .tenant-contract-preview :is(.pdf-pagination,.pdf-zoom) { display: flex !important; align-items: center !important; gap: 6px !important; min-width: 0 !important; }
  .tenant-contract-preview .pdf-controls button { width: 44px !important; padding: 10px !important; flex: 0 0 auto !important; }
  .tenant-contract-preview #pdf-fit { width: auto !important; }
  .tenant-contract-preview .page-number { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; font: 400 13px/1.5 "Segoe UI",sans-serif !important; }
  .tenant-contract-preview #pdf-page { width: 58px !important; min-width: 58px !important; height: 44px !important; padding: 8px !important; text-align: center !important; margin: 0 !important; }
  .tenant-contract-preview #pdf-count { white-space: nowrap !important; font-size: 13px !important; }
  .tenant-contract-preview :is(#pdf-status,#pdf-unavailable,[data-contract-preview-stale]) { font: 400 14px/1.5 "Segoe UI",sans-serif !important; color: var(--ex-muted) !important; margin: 14px 0 !important; }
  .tenant-contract-preview .pdf-surface { overflow: auto !important; max-width: 100% !important; min-height: 120px !important; padding: 8px !important; border-radius: 4px !important; background: color-mix(in srgb,var(--ex-line) 40%,var(--ex-bg)) !important; }
  .tenant-contract-preview canvas { display: block !important; margin: 0 auto !important; background: white !important; max-width: none !important; }
  .tenant-contract-preview #read-text { margin: 12px 0 !important; }
  .tenant-contract-preview #document { max-width: 850px !important; min-width: 0 !important; margin: 20px auto !important; padding: 40px !important; background: #fff !important; color: #20272b !important; color-scheme: light !important; font: 400 15px/1.5 Arial,sans-serif !important; overflow-wrap: anywhere !important; box-shadow: none !important; }
  .tenant-contract-preview #document :is(p,h1,h2,h3,td,th,li,strong) { color: #20272b !important; font-family: Arial,sans-serif !important; }
  .tenant-contract-preview #document p { font-size: inherit !important; line-height: 1.5 !important; margin: 0 0 10px !important; }
  .tenant-contract-preview #document h1 { font-size: 22px !important; margin: 22px 0 14px !important; }
  .tenant-contract-preview #document h2 { font-size: 17px !important; margin: 18px 0 12px !important; }
  .tenant-contract-preview #document table { display: table !important; width: 100% !important; table-layout: fixed !important; border-collapse: collapse !important; font-size: 12px !important; margin: 12px 0 !important; }
  .tenant-contract-preview #document :is(td,th) { border: 1px solid #cbd4da !important; padding: 6px !important; overflow-wrap: anywhere !important; }
  .tenant-contract-preview #document th { background: #f2f4f5 !important; text-align: left !important; }
  .tenant-contract-preview #document img { max-width: 100% !important; height: auto !important; display: block !important; margin: 12px auto !important; }
  .tenant-contract-preview [hidden] { display: none !important; }
  @container tenant-form (max-width: 580px) {
    .tenant-contract-preview [data-contract-downloads] { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; }
    .tenant-contract-preview .pdf-zoom { margin-left: auto !important; }
    .tenant-contract-preview #document { padding: 20px 12px !important; font-size: 14px !important; }
  }
}