/* Shared screen-only sizing. Print/PDF layouts retain their document dimensions. */
@media screen {
  .content-fit-grid { display:flex !important; flex-wrap:wrap !important; align-items:start; }
  .content-fit-grid > .content-fit-field { flex:0 1 var(--content-fit-basis, 16rem) !important; min-width:0 !important; max-width:100%; }
  .content-fit-field > label { flex-shrink:0; }
  .content-fit-field .content-fit-control { max-width:100%; min-width:0; }
  .content-fit-full-value { font-size:.75rem; line-height:1.5; color:#64748b; white-space:normal; overflow-wrap:anywhere; width:100%; flex-basis:100%; margin-top:4px; }
  .content-fit-full-value[hidden], .content-fit-scroll-top[hidden] { display:none; }
  .content-fit-field:has(.content-fit-full-value:not([hidden])) { flex-wrap:wrap; }
  .content-fit-scroll-top { max-width:100%; min-width:0; overflow-x:scroll; overflow-y:hidden; height:16px; scrollbar-width:thin; scrollbar-color:#94a3b8 #eef2f7; }
  .content-fit-scroll-track { height:1px; }
  .content-fit-scroll.content-fit-overflowing { overflow-x:scroll; scrollbar-width:thin; scrollbar-color:#94a3b8 #eef2f7; }
  .content-fit-scroll-top::-webkit-scrollbar, .content-fit-scroll::-webkit-scrollbar { height:12px; }
  .content-fit-scroll-top::-webkit-scrollbar-track, .content-fit-scroll::-webkit-scrollbar-track { background:#eef2f7; border-radius:8px; }
  .content-fit-scroll-top::-webkit-scrollbar-thumb, .content-fit-scroll::-webkit-scrollbar-thumb { background:#94a3b8; border:2px solid #eef2f7; border-radius:8px; }
  .content-fit-scroll { max-width:100%; min-width:0; overflow-x:auto; overscroll-behavior-x:contain; }
  table.content-fit-table { width:max-content !important; min-width:100%; table-layout:auto !important; }
  .content-fit-table th { white-space:nowrap; }
  .content-fit-table td { min-width:var(--content-fit-cell, auto); }
  .content-fit-table .content-fit-control { width:var(--content-fit-width) !important; min-width:var(--content-fit-width) !important; max-width:none !important; flex-shrink:0; }
  .content-fit-table [data-content-fit-autocomplete] { width:var(--content-fit-width) !important; min-width:var(--content-fit-width) !important; }
  [x-data^="autocompleteInput"] input:not([type="hidden"]) { padding-right:4.75rem; }
  .ss-main.content-fit-control { height:auto; min-height:36px; }
  .ss-main.content-fit-control .ss-single, .ss-main.content-fit-control .ss-value-text { white-space:normal !important; overflow:visible !important; text-overflow:clip !important; overflow-wrap:anywhere; }
  textarea.content-fit-control { min-height:5rem; resize:vertical; white-space:pre-wrap; overflow-wrap:anywhere; }
  @media(max-width:640px) {
    .content-fit-grid > .content-fit-field { flex-basis:100% !important; }
    .content-fit-field { flex-wrap:wrap; }
    .content-fit-field > [x-data^="autocompleteInput"], .content-fit-field > .content-fit-control { flex-basis:100%; }
  }
}

/* These document forms must shrink before their tables create a scroll region. */
@media screen {
  .responsive-document { min-width:0; width:100%; }
  .responsive-document form,
  .responsive-document form > div,
  .responsive-document .grid > div { min-width:0; max-width:100%; }
  .stock-document .document-signatures {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:2rem;
  }
  .stock-document .document-signatures > .document-signature {
    grid-column:auto;
    display:flex !important;
    flex-wrap:wrap;
    gap:1rem;
    min-width:0;
  }
  .stock-document .document-signatures > div:empty { display:none; }
  .stock-document .document-signature > div { flex:1 1 12rem !important; min-width:0; max-width:100%; }
  .survey-document .survey-heading { flex-wrap:wrap; gap:1rem; }
  .survey-document .survey-heading > div { min-width:0; max-width:100%; }
  .survey-document .survey-heading > div:first-child { flex:1 1 20rem; }
  .survey-document .survey-heading a { flex-shrink:0; }
  .survey-document .survey-heading span { display:inline-block; max-width:100%; overflow-wrap:anywhere; }
  .survey-document input:not([type=radio]), .survey-document select,
  .survey-document textarea { min-width:0; max-width:100%; }
  .cabinet-document .cabinet-signature { min-width:0; max-width:100%; flex-wrap:wrap; }
  .cabinet-document .cabinet-signature > div { min-width:0; max-width:100%; }
  @media(max-width:640px) {
    .stock-document .document-signatures { grid-template-columns:minmax(0,1fr); }
    .cabinet-document .cabinet-signature { width:100%; }
    .cabinet-document .cabinet-signature > div { width:100%; flex-shrink:1; }
    .survey-document .survey-heading > .text-right { text-align:left; }
  }
}