/* Records stay in one horizontal row on every screen. Forms and printouts retain their own layout. */
.record-inline-separator{display:none}
@media screen {
  .record-inline-separator{display:inline}
  :is(#content,#modal) :is(.table-scroll,.table-wrap,.record-line-list){max-width:100%;min-width:0;overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
  :is(#content,#modal) :is(.table-scroll,.table-wrap,.record-line-list):focus-visible{outline:2px solid #783f48;outline-offset:-2px}
  :is(#content,#modal) :is(.data-table,.table-wrap>table){display:table;width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}
  :is(#content,#modal) :is(.data-table,.table-wrap>table)>thead{display:table-header-group;position:static;width:auto;height:auto;clip-path:none;overflow:visible;white-space:nowrap}
  :is(#content,#modal) :is(.data-table,.table-wrap>table)>tbody{display:table-row-group;padding:0;background:transparent}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) tr{display:table-row;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) :is(th,td){display:table-cell;vertical-align:middle;white-space:nowrap;overflow-wrap:normal;width:auto;max-width:none;padding:9px 14px;border-bottom:1px solid #e6e6dd;line-height:1.4;text-align:left}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) th{background:#f4f5ef;color:#526251;font-size:12px;font-weight:650;letter-spacing:.02em}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) td{font-size:14px;height:58px}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) td::before{display:none;content:none}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) tbody tr:hover{background:#f8faf5}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) :is(.mobile-cell-value,.person-cell>div:not(.avatar),.sr-inline-actions,.finance-row-actions,.ops-card-actions){display:flex;align-items:center;flex-wrap:nowrap;gap:9px;white-space:nowrap;margin:0;padding:0}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) :is(strong,small,.ops-block,.finance-block,.sr-overdue,.ops-task-description){display:inline;white-space:nowrap;overflow-wrap:normal;margin:0}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) small{font-size:12px}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) br{display:none}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) br+*{margin-inline-start:8px}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) :is(.button,.pill,.sr-status){flex:none;white-space:nowrap;max-width:none;width:auto}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) .button{min-height:44px;padding:9px 12px;font-size:13px}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) .person-cell{flex-wrap:nowrap;white-space:nowrap;gap:9px}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) :is(.avatar,.sr-avatar){width:32px;height:32px;flex:none;font-size:11px}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) :is(.mobile-empty,.empty){white-space:normal}
  :is(#content,#modal) :is(.data-table,.table-wrap>table) .empty{padding:18px 6px;text-align:left}
  .record-line-list{display:block;width:100%;margin:0;padding:0}
  .record-line-list>:is(.record,.notice,.ops-alert,.ops-history,.sr-setup-row,.event,.alert-row,.finance-choice){display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:14px;white-space:nowrap;min-width:max-content;min-height:56px;margin:0;padding:9px 14px;border:0;border-bottom:1px solid #e6e6dd;border-radius:0;box-shadow:none}
  .record-line-list>:last-child{border-bottom:0}
  .record-line-list>:is(.record,.notice,.ops-alert,.ops-history,.sr-setup-row,.event,.alert-row,.finance-choice)>div{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;white-space:nowrap}
  .record-line-list :is(h3,h4,p,strong,small,.ops-block){display:inline;margin:0;white-space:nowrap;overflow-wrap:normal;line-height:1.5}
  .record-line-list :is(p,small){font-size:13px}
  .record-line-list :is(.button,a){white-space:nowrap;flex:none;min-height:44px;align-content:center}
  .record-line-list :is(.alert-symbol,.date-tile){flex:none}
  .record-line-list .date-tile{width:auto;height:auto;display:flex;gap:6px;align-items:center;padding:8px}
  .record-line-list .alert-text{display:flex;align-items:center;gap:12px;flex:none}
  #finance-choices .finance-choice{min-width:max-content}
  @media(max-width:600px){
    :is(#content,#modal) :is(.data-table,.table-wrap>table) :is(th,td){padding:7px 10px}
    :is(#content,#modal) :is(.data-table,.table-wrap>table) td{font-size:13px;height:54px}
    :is(#content,#modal) :is(.data-table,.table-wrap>table) .button{font-size:12px}
  }
}
@media print{
  .record-line-list,#content :is(.table-scroll,.table-wrap){overflow:visible!important;max-height:none!important}
  #content :is(.data-table,.table-wrap>table){width:100%;white-space:normal}
  #content :is(.data-table,.table-wrap>table) :is(th,td){white-space:normal;padding:5px;font-size:9pt}
}