/* Prevent accidental double-tap zoom; deliberate pinch zoom and canvas drawing remain available. */
html{touch-action:manipulation}
@media(pointer:coarse),(max-width:1100px){.topbar button{min-height:44px!important;min-width:44px}}
@media(max-width:1100px){
  .page label.check,.page label:has(>input[type=checkbox]),.page label:has(>input[type=radio]),dialog label.check{min-height:44px;display:flex;align-items:center;gap:10px}
  .delivery-shell .delivery-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){.delivery-shell .delivery-filters{grid-template-columns:minmax(0,1fr)}}
/* The persistent sidebar leaves less room for tables on landscape phones/small tablets. */
@media(min-width:821px) and (max-width:1100px){
  .page .table-wrap{max-width:100%;overflow:visible}
  .page table.mobile-cards-table{width:100%;min-width:0;border:0}
  .mobile-cards-table thead{display:none}
  .mobile-cards-table tbody{display:block;width:100%}
  .mobile-cards-table tr{display:block;border:1px solid var(--line);border-radius:12px;margin:0 0 12px;padding:6px 12px;background:var(--panel);overflow-wrap:anywhere}
  .mobile-cards-table td{width:100%;min-width:0;display:flex;justify-content:space-between;gap:12px;padding:10px 1px;text-align:right;align-items:flex-start;overflow-wrap:anywhere;white-space:normal}
  .mobile-cards-table td::before{content:attr(data-mobile-label);flex:0 0 35%;text-align:left;font-weight:650;color:var(--muted)}
  .mobile-cards-table td:last-child{border-bottom:0}
  .mobile-cards-table td[data-mobile-actions]{display:block;text-align:left}
  .mobile-cards-table td[data-mobile-actions]::before{display:block;margin-bottom:8px}
  .mobile-cards-table td[data-mobile-actions] .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mobile-cards-table td[data-mobile-actions] .actions>*{min-width:0;width:100%}
  .mobile-cards-table td[colspan]{display:block;text-align:left}
  .mobile-cards-table td[colspan]::before{display:none}
}