/* Desktop reading size at 100% browser zoom. Existing typography uses this
   factor with a 1 fallback, so standalone prints and mobile keep their sizing. */
@media screen and (min-width:761px) {
  :root { --ui-type-scale:1.5; font-size:18px; }
  body { font-size:18px; }
  .sub-text,.field small,.badge,.eyebrow,.stat .foot { font-size:16px; }
  .content { max-width:1760px; padding:36px 40px 48px; }
  .btn { min-height:44px; padding:12px 18px; }
  .btn.small { min-height:36px; padding:8px 12px; }
  .btn svg { width:19px; height:19px; }
  input:not([type=checkbox],[type=radio],[type=hidden]):not(.erp-product-picker-native),
  select:not(.erp-product-picker-native) { min-height:46px; }
  input:not([type=checkbox],[type=radio],[type=hidden]):not(.erp-product-picker-native),
  select:not(.erp-product-picker-native),textarea { font-size:18px; }
  input[type=checkbox],input[type=radio] { width:18px; height:18px; min-height:0; }
  .line-table .erp-product-picker-trigger,
  .erp-product-picker-trigger,
  .erp-product-picker-tools .erp-product-picker-search,
  .erp-product-picker-major-select,.erp-product-picker-series,.erp-product-picker-category-select,
  .erp-product-picker-secondary { min-height:44px; }
  .remove-line { width:34px; height:36px; }
  .filters { gap:12px; }
  .filters input,.filters select { min-width:155px; }
  .filters .search { min-width:230px; }
  .modal-head>div { min-width:0; }
  .modal-head h2 { overflow-wrap:anywhere; }
  .modal-head,.modal-footer { gap:18px; }
  .modal-footer { flex-wrap:wrap; }
  .panel-head,.page-heading { flex-wrap:wrap; }
  dialog { width:min(760px,94vw); }
  dialog.product-detail-dialog { width:min(920px,94vw); }
  dialog.wide { width:min(1360px,96vw); }
  .close-btn,.erp-product-picker-close { width:44px; min-height:44px; line-height:1; flex-shrink:0; }
  .login-card { max-width:440px; }
  .login-story article { max-width:625px; }
  .login-story p { max-width:490px; }
  .login-story h1[lang="en"] { font-size:clamp(36px,4vw,58px); }

  .layout { grid-template-columns:110px minmax(0,1fr); }
  .sidebar { width:110px; padding:12px 8px; }
  .sidebar .brand { height:45px; margin-bottom:8px; }
  .sidebar .brand-mark { width:38px; height:42px; }
  .sidebar .nav { grid-auto-rows:minmax(58px,max-content); gap:6px; }
  /* The current full menu has ten destinations; count only rendered buttons. */
  .sidebar .nav:has(> button[data-nav]:nth-child(10)) { grid-auto-rows:minmax(58px,1fr); gap:3px; }
  .sidebar .nav button { min-height:58px; gap:4px; padding:4px 1px; font-size:18px; line-height:25px; }
  .sidebar .nav svg { width:22px; height:22px; }
  .sidebar-bottom { margin-top:8px; padding-top:8px; }
  .sidebar-account>summary { width:54px; height:54px; }
  .sidebar-account .avatar { width:42px; height:42px; }
  .sidebar-account-options { width:250px; max-width:calc(100vw - 130px); }
  .sidebar-account-options button { min-height:44px; }

  .settings-workspace .settings-nav button[data-setting-tab] { min-height:40px; white-space:normal; overflow-wrap:anywhere; }
  .roles-channel-list { gap:18px; }
  .roles-list button,.roles-admin { padding:12px 16px; }
  .roles-tabs button { min-height:44px; }
  .roles-permission { padding-block:15px; }
  .roles-permission-title input { flex-basis:18px; }
  .roles-modules button { gap:8px; }
  .roles-modules small { flex-shrink:0; font-size:16px; }

  .movement-filters .movement-date-field input,
  .aftersales-list-filters .movement-date-field input { width:190px; min-width:180px; }
  .finance-query-controls > .field { width:170px; flex-basis:170px; }
  .finance-query-controls > [data-report-mode="month"] { width:190px; flex-basis:190px; }
  .finance-query-controls > [data-report-mode="year"] { width:130px; flex-basis:130px; }
  .finance-query-range { flex-wrap:wrap; }
  .finance-query-range > .field { width:190px; flex-basis:190px; }
  .finance-query-help > summary { width:44px; height:44px; }
  .finance-query-help > summary span { width:24px; height:24px; }

  .at-field > span,.at-field input,.at-field select { font-size:18px; }
  .at-replacement-remove,.at-inspect-action > .btn { margin-top:calc(18px * 1.4 + 7px); }
  .at-record-head,.at-record { grid-template-columns:135px 110px minmax(0,1fr) auto; }
  .print-description-row-tools { flex-wrap:wrap; }
  .channel-order-button { width:36px; height:36px; line-height:1; }

  .product-order-table th:first-child { width:132px; }
  .order-drag-handle { width:36px; height:44px; padding:0; line-height:1; }

  .shipping-label-list { container-type:inline-size; container-name:shipping-label-list; }
  .shipping-label-information strong { white-space:normal; overflow-wrap:anywhere; }
  .shipping-labels .shipping-label-reload { width:40px; }

  .cd-paper input:not([type=checkbox],[type=radio]),.cd-paper select { min-height:38px; }
  .cd-paper .cd-totals .cd-money input,
  .cd-paper .cd-totals .cd-tax-mode,.cd-paper .cd-totals .cd-payment-timing,
  .cd-totals .cd-money>[data-cd-calculated] { height:34px; min-height:34px; }
  .cd-totals { --cd-value-width:150px; --cd-currency-width:34px; }
}
@container shipping-label-list (max-width:850px) {
  .shipping-label-row { grid-template-columns:40px minmax(0,1fr); }
  .shipping-label-row-actions { grid-column:2; justify-content:flex-start; }
}
@media screen and (min-width:761px) and (max-height:640px) {
  .sidebar { padding-block:8px; }
  .sidebar .brand { height:38px; }
  .sidebar .brand-mark { width:35px; height:38px; }
  .sidebar .nav { grid-auto-rows:minmax(49px,max-content); gap:4px; }
  .sidebar .nav:has(> button[data-nav]:nth-child(10)) { grid-auto-rows:minmax(49px,1fr); gap:2px; }
  .sidebar .nav button { min-height:49px; gap:3px; padding-block:3px; font-size:17px; line-height:23px; }
  .sidebar .nav svg { width:20px; height:20px; }
  .sidebar-account>summary { height:48px; }
  .sidebar-account .avatar { width:38px; height:38px; }
}
@media screen and (min-width:901px) {
  .roles-permissions { grid-template-columns:195px minmax(0,1fr); }
}
@media screen and (min-width:761px) and (max-width:900px) {
  .at-inspect-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media screen and (min-width:1101px) {
  .settings-workspace { grid-template-columns:245px minmax(0,1fr); }
}
@media screen and (min-width:761px) and (max-width:1874px) {
  .workbench-details { grid-template-columns:minmax(0,1fr); gap:0; }
}
@media screen and (min-width:1875px) {
  .workbench-details { grid-template-columns:minmax(0,1fr) 410px; gap:22px; }
}