/* Tablet density without scaling text or reducing touch targets. */
.main,.page,.page-main,.field { min-width:0; }
.page :is(.toolbar,.row-actions,.page-title,.table-header) { flex-wrap:wrap; }
.page :is(input,select,textarea) { max-width:100%;min-width:0; }
.page :is(.table-scroll,.table-wrap) { max-width:100%; }
.page .table-scroll { overflow-x:auto;overscroll-behavior-inline:contain; }
.modal-backdrop { padding:clamp(10px,2vw,20px); }
.modal-backdrop .modal { max-width:100%;max-height:calc(100dvh - 28px);min-width:0; }
.modal :is(.modal-head,.modal-foot) { flex-wrap:wrap; }
.modal .modal-head>div { min-width:0;flex:1; }
.modal .modal-head h2 { overflow-wrap:anywhere; }
.modal .modal-body { min-width:0;overscroll-behavior:contain; }
.modal :is(input,select,textarea) { min-width:0;max-width:100%; }
.modal :is(.table-scroll,.table-wrap) { max-width:100%;overflow-x:auto; }
.full-text-tooltip {
  position:fixed;z-index:120;max-width:min(380px,calc(100vw - 24px));
  padding:10px 13px;border:1px solid var(--line,#e9e5eb);border-radius:8px;
  background:var(--panel,var(--surface,#fff));color:var(--text,#2a2430);
  box-shadow:0 8px 24px rgb(0 0 0 / .16);font:inherit;font-size:13px;line-height:1.7;
  white-space:normal;overflow-wrap:anywhere;pointer-events:auto;user-select:text;
}
.full-text-tooltip[hidden] { display:none; }
[data-full-text]:focus-visible { outline:2px solid var(--brand,var(--primary));outline-offset:2px; }
@media(min-width:721px) and (max-width:1280px) {
  .page { padding:20px; }
  .page .data-table :is(th,td) { padding:10px 11px;font-size:13px; }
  .page .data-table th { font-size:11px;white-space:nowrap; }
  .page .data-table td :is(strong,small,span,a):not(.icon):not(.status-pill):not(.btn):not(:has(button,input,select)) { max-width:240px;overflow-wrap:anywhere; }
  .page .data-table td>strong,.page .data-table td>small { display:block; }
  .page :is(.order-filters,.recovery-filters,.product-filter-grid,.closing-filter-grid) { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px; }
  .page :is(.order-filters,.recovery-filters,.product-filter-grid)>.field { min-width:0;max-width:100%; }
  .page .recovery-search { grid-column:auto; }
  .page .product-filter-search { grid-column:1/-1; }
  .modal .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .modal :is(.modal-head,.modal-body,.modal-foot) { padding:14px; }
  .page .data-table td>strong:not(:has(img,button,input)),.page .data-table td>small:not(:has(button,input)) { max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
}
@media(max-width:1100px) {
  .app-shell { display:block; }
  .sidebar { display:none; }
  .sidebar.mobile-open { display:flex;position:fixed;inset-block:0;inset-inline-start:0;width:min(300px,86vw);height:100dvh;z-index:31;box-shadow:0 12px 40px rgb(0 0 0 / .2); }
  .mobile-nav-backdrop { position:fixed;inset:0;z-index:30;border:0;background:rgb(17 24 39 / .4); }
  .mobile-menu { display:inline-flex; }
  .topbar { padding:12px 18px;gap:12px; }
  .topbar .toolbar { min-width:0;gap:8px; }
  .page :is(.order-detail-grid,.staff-profile-layout,.two-col,.product-review-layout) { grid-template-columns:minmax(0,1fr); }
  .page :is(.order-statistics-controls,.order-statistics-form,.finance-list-tools) { flex-wrap:wrap; }
}
@media(pointer:coarse) {
  .page :is(button.btn,select,.mobile-row-toggle),.modal :is(button.btn,select),.topbar .btn { min-height:44px; }
}
@media(max-width:720px) {
  .modal-backdrop .modal { max-height:calc(100dvh - 20px); }
  .modal .form-grid { grid-template-columns:minmax(0,1fr); }
  .modal :is(.modal-head,.modal-body,.modal-foot) { padding:12px; }
  .modal .modal-foot { gap:8px; }
  .modal .modal-foot .btn { flex:1;white-space:normal;justify-content:center; }
  .page .table-scroll:has(.mobile-card-table) { overflow:visible; }
}
