/* Full PIMS, not a separate reduced frontdesk. No business elements are hidden. */
@media screen {
  html[data-tablet] {font-size:16px;scroll-padding:80px 0 100px}
  html[data-tablet] body {min-width:0}
  html[data-tablet] :is(button,input,select,textarea,summary) {font-size:16px;touch-action:manipulation}
  html[data-tablet] :is(button,select,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),summary) {min-height:48px}
  html[data-tablet] :is(button,summary) {padding:10px 14px}
  html[data-tablet] :is(input,select,textarea) {scroll-margin:70px 0 100px}
  html[data-tablet] :is(input[type=checkbox],input[type=radio]) {width:24px;height:24px;min-height:24px;flex-shrink:0}
  html[data-tablet] label:has(:is(input[type=checkbox],input[type=radio])) {min-height:48px;align-items:center}
  html[data-tablet] :is(.field,.source-field) {font-size:16px;gap:7px;min-width:0}
  html[data-tablet] :is(.subtitle,.mini,small,.badge) {font-size:14px;line-height:1.5}
  html[data-tablet] :is(h2,h3) {font-size:18px}
  html[data-tablet] #sidebar {padding:0 16px;gap:14px;flex-wrap:wrap;position:relative}
  html[data-tablet] #sidebar nav {flex-wrap:wrap;min-width:0;flex:1 1 600px}
  html[data-tablet] #sidebar nav button,html[data-tablet] #sidebar summary {font-size:16px;min-height:52px;padding:12px}
  html[data-tablet] #sidebar .nav-group>div {top:100%;z-index:60}
  html[data-tablet] #header {height:auto;min-height:56px;gap:12px;padding:8px 18px;flex-wrap:wrap}
  html[data-tablet] .header-right {flex-wrap:wrap;gap:8px}
  html[data-tablet] #main {padding:18px;min-width:0}
  html[data-tablet] .title-row {flex-wrap:wrap;gap:12px}
  html[data-tablet] .title-row h1 {font-size:26px}
  html[data-tablet] :is(.workbench-metric span,.workbench-metric small,.workbench-section-head p,.my-work-scope,.my-work-column-head p,.environment-badge,.workspace-date,.breadcrumb,.source-dropdown summary) {font-size:14px;line-height:1.5}
  html[data-tablet] .workbench-metrics .workbench-metric {padding:16px 12px}
  html[data-tablet] :is(.actions,.toolbar,.desk-toolbar) {flex-wrap:wrap;gap:10px}
  html[data-tablet] :is(.table-wrap,.patient-table-scroll) {overflow:auto;max-width:100%;overscroll-behavior-x:contain}
  html[data-tablet] table {font-size:16px}
  html[data-tablet] :is(th,td) {padding:12px;line-height:1.5}
  html[data-tablet] td :is(button,button.small) {min-height:48px;font-size:16px;padding:10px 12px}
  html[data-tablet] .table-wrap table {min-width:760px}
  html[data-tablet] .grid-column-button {width:48px;min-height:48px}
  html[data-tablet] .table-wrap:has(.grid-column-button) {padding-right:48px}
  html[data-tablet] .flow-column {min-width:280px}
  html[data-tablet] :is(.visit-card,.op-card) {font-size:16px;line-height:1.5;padding:14px}
  html[data-tablet] :is(.visit-people,.visit-time,.op-note) {font-size:14px}
  html[data-tablet] #modal {width:calc(100vw - 24px);max-width:1280px;max-height:calc(var(--tablet-vh,100dvh) - 24px);overflow:auto}
  html[data-tablet] #modal>form {display:flex;flex-direction:column;max-height:calc(var(--tablet-vh,100dvh) - 26px);min-height:0}
  html[data-tablet] #modal .modal-head {padding:12px 18px;flex-shrink:0}
  html[data-tablet] #modal .modal-body {overflow:auto;min-height:0;max-height:none;padding:16px;flex:1}
  html[data-tablet] #modal .modal-foot {flex-shrink:0;padding:12px 18px;gap:12px;flex-wrap:wrap;background:#fff}
  html[data-tablet] #modal :is(input,select,button) {font-size:16px;min-height:48px;height:auto}
  html[data-tablet] #modal :is(input[type=checkbox],input[type=radio]) {min-height:24px;height:24px}
  html[data-tablet] #modal textarea {font-size:16px;min-height:96px}
  html[data-tablet] #modal :is(.intake-grid,.return-intake-grid) {display:grid;grid-template-columns:minmax(240px,.85fr) minmax(300px,1.15fr);gap:16px;align-items:start}
  html[data-tablet] #modal :is(.intake-grid,.return-intake-grid)>:nth-child(3) {grid-column:1/-1}
  html[data-tablet] #modal .form-grid {gap:14px}
  html[data-tablet] #modal .reception-panel>h3 {padding:12px;font-size:18px}
  html[data-tablet] #modal :is(.intake-section-title,.pet-photo-editor strong,.pet-photo-editor small,.intake-submit-hint) {font-size:14px;line-height:1.5}
  html[data-tablet] .tablet-sync {font-size:14px;max-width:300px;white-space:normal;color:#23655c;background:#eef7f4;border:1px solid #bbd7ce}
  html[data-tablet] .tablet-sync[data-state=error] {color:#8a4613;background:#fff5e8;border-color:#e3c095}
  html[data-tablet] .tablet-sync[data-state=pending] {color:#275b7a;background:#edf6fc;border-color:#b8d4e5}
  html[data-tablet] footer {font-size:12px;line-height:1.5}
  @media(max-width:900px) {
    html[data-tablet] #sidebar nav {flex-basis:100%}
    html[data-tablet] #modal :is(.intake-grid,.return-intake-grid) {grid-template-columns:1fr}
    html[data-tablet] #modal :is(.intake-grid,.return-intake-grid)>:nth-child(3) {grid-column:auto}
  }
  @media(max-width:600px) {
    html[data-tablet] #modal .form-grid {grid-template-columns:1fr}
    html[data-tablet] #modal .form-grid>.full {grid-column:auto}
  }
}