/* Escritorio fluido: se adapta al ancho, altura y escalado sin resoluciones fijas. */
@media (min-width: 801px) {
  :root { --side-fluid: clamp(164px, 14.5vw, 208px); }
  .sidebar { width: var(--side-fluid); padding: clamp(15px, 2.2vh, 24px) clamp(9px, 1vw, 14px); }
  .brand { padding: 0 7px clamp(16px, 2.5vh, 25px); gap: 9px; }
  .brand strong { font-size: clamp(14px, 1.2vw, 17px); }
  .sidebar nav { gap: clamp(3px, .7vh, 7px); }
  .nav { padding: clamp(8px, 1.25vh, 11px) clamp(8px, .9vw, 12px); white-space: nowrap; }
  .nav span { margin-left: 8px; }
  .online { padding: 9px 7px; }
  main { margin-left: var(--side-fluid); padding-inline: clamp(12px, 1.7vw, 26px); padding-bottom: 12px; }
  header { height: clamp(66px, 9vh, 88px); gap: 12px; }
  .header-actions { min-width: 0; }
  .pos-grid { gap: clamp(9px, 1vw, 15px); height: calc(100dvh - clamp(76px, 10.5vh, 104px)); grid-template-columns: minmax(440px, 1fr) minmax(445px, clamp(445px, 35vw, 510px)); }
  .catalog-panel { padding: clamp(10px, 1.2vw, 16px); }
  .product-grid { grid-template-columns: repeat(auto-fit, minmax(min(165px, 100%), 1fr)); }
  .cart-panel .panel-title { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; padding: 10px 12px; }
  .cart-heading { display: flex; align-items: baseline; gap: 7px; white-space: nowrap; }
  .cart-heading h2, .cart-heading small { white-space: nowrap; }
  .cart-actions { min-width: 0; display: flex; justify-content: flex-end; align-items: center; gap: 4px; white-space: nowrap; }
  .cart-actions > * { flex: 0 0 auto; white-space: nowrap; }
  .cart-actions .secondary, .cart-actions .mini { padding: 7px clamp(6px, .55vw, 9px); font-size: 11px; }
  .cart-actions .icon-btn { width: 30px; min-width: 30px; }
  .cart-items { min-height: clamp(145px, 24dvh, 250px); }
  .cart-empty { padding: clamp(28px, 7vh, 58px) 14px; }
  .checkout { flex: 0 0 auto; padding: 9px 12px 11px; gap: 6px; }
  .checkout label { gap: 2px; font-size: 11px; }
  .checkout-fields { gap: 6px; }
  .checkout-fields input, .checkout-fields select { min-height: 35px; padding: 6px 8px; }
  .checkout .totals { gap: 1px; line-height: 1.3; }
  .checkout .grand { font-size: 18px; }
  .checkout .primary.large { min-height: 37px; padding: 8px 11px; }
  .discount-row input { height: 35px; }
}
@media (min-width: 801px) and (max-width: 1280px) {
  :root { --side-fluid: clamp(148px, 13vw, 172px); }
  .sidebar { padding-inline: 8px; }
  .nav { padding-inline: 8px; font-size: 12px; }
  .nav span { margin-left: 5px; }
  .brand small, .online { font-size: 10px; }
  .pos-grid { grid-template-columns: minmax(390px, 1fr) minmax(430px, 42%); }
  .cart-actions .secondary, .cart-actions .mini { padding-inline: 6px; font-size: 10px; }
  .expand-label { display: none; }
}
@media (min-width: 801px) and (max-width: 1050px) {
  :root { --side-fluid: 68px; }
  .sidebar { padding-inline: 7px; }
  .sidebar .brand div, .sidebar .nav span, .sidebar .online { display: none; }
  .sidebar .brand { justify-content: center; padding-inline: 0; }
  .sidebar .nav { display: grid; place-items: center; min-height: 42px; padding: 7px; font-size: 0; }
  .sidebar .nav .nav-icon { width: 20px; height: 20px; margin: 0; }
  main { padding-inline: 10px; }
  header .date, .header-settings span, .user-chip small { display: none; }
  .pos-grid { grid-template-columns: minmax(300px, 1fr) minmax(380px, 43%); }
  .cart-actions .secondary, .cart-actions .mini { padding-inline: 5px; font-size: 9px; }
  .cart-panel .panel-title { gap: 6px; padding-inline: 9px; }
  .cart-heading { gap: 4px; }
  .cart-heading h2 { font-size: 14px; }
  .cart-heading small { font-size: 10px; }
}
@media (min-width: 801px) and (max-height: 720px) {
  header { height: 58px; }
  header p, .header-actions .date { display: none; }
  .pos-grid { height: calc(100dvh - 66px); }
  .cart-items { min-height: clamp(125px, 22dvh, 180px); }
  .cart-empty { padding-block: 22px; }
  .checkout { gap: 4px; padding-block: 7px 8px; }
}