html, body { height: 100%; overflow: hidden; }
    body { font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
    ::-webkit-scrollbar { width: 10px; height: 10px; }
    ::-webkit-scrollbar-thumb { background: rgba(148,163,184,.55); border-radius: 999px; }
    ::-webkit-scrollbar-track { background: transparent; }
    .panel-grid { grid-template-columns: minmax(0, 40%) minmax(0, 60%); }
    .catalogo-table .catalogo-col-producto { width: 68%; }
    .catalogo-table .catalogo-col-cantidad { width: 24%; }
    .catalogo-table .catalogo-col-accion { width: 8%; }
    .tab-active {
      background: linear-gradient(90deg, rgb(37 99 235), rgb(14 116 144));
      color: white;
    }
    .cat-active {
      outline: 2px solid rgba(255,255,255,.9);
      outline-offset: -2px;
    }
    .input-number-sin-picker {
      -moz-appearance: textfield;
      appearance: textfield;
    }
    .input-number-sin-picker::-webkit-inner-spin-button,
    .input-number-sin-picker::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    #div_total {
      color: #dc2626 !important;
      text-shadow: 0 2px 10px rgba(220, 38, 38, 0.35) !important;
    }