:root{
    --bg:#f5f7fb; --card:#ffffff; --ink:#0f172a; --muted:#6b7280;
    --accent:#2563eb; --ok:#10b981; --warn:#f59e0b; --danger:#ef4444;
    --ring:#93c5fd;
  resumenMetodosPago();
  }
  *{box-sizing:border-box}
  body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto}
  header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#fff;
    box-shadow:0 2px 12px rgba(0,0,0,.06);position:sticky;top:0;z-index:9}
  header h2{margin:0;font-size:20px;letter-spacing:.2px}
  nav{display:flex;gap:10px;flex-wrap:wrap}
  nav button{padding:10px 14px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:.15s}
  nav button.active{background:#e8eefc;border-color:#c7d2fe}
  nav button:focus-visible{outline:3px solid var(--ring)}
  .wrap{max-width:1180px;margin:0 auto;padding:18px}
  .card{background:var(--card);border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.06);padding:14px 18px;margin:12px 0}
  .row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
  label{display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:6px}
  input,select,button,textarea{height:40px;border-radius:12px;border:1px solid #e5e7eb;padding:0 12px;background:#fff;transition:border-color .15s, box-shadow .15s}
  input:focus-visible,select:focus-visible,button:focus-visible{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.35)}
  button{cursor:pointer}
  .primary{background:var(--accent);color:#fff;border-color:var(--accent)}
  .danger{background:var(--danger);border-color:var(--danger);color:#fff}
  .muted{color:var(--muted)}
  .btn-lg{height:44px;padding:0 16px;border-radius:14px;font-weight:600}
  .btn-lg.active{background:#e8eefc;border-color:#c7d2fe}

  .vend{padding:8px 12px;border-radius:22px;border:1px solid #e5e7eb;background:#fff;transition:.15s}
  .vend.active{background:var(--ok);color:#fff;border-color:var(--ok)}
  table{width:100%;border-collapse:separate;border-spacing:0 8px}
  th,td{padding:10px 12px;background:#fff}
  th{color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:.04em}
  td{border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7}
  tr:hover td{box-shadow:inset 0 0 0 9999px rgba(37,99,235,.03)}
  .right{text-align:right}
  .mono{font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,'Courier New',monospace}
  .hidden{display:none}
  .toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#111827;color:#fff;padding:10px 14px;border-radius:12px;font-size:13px;box-shadow:0 6px 20px rgba(0,0,0,.2);z-index:9999;opacity:.98}
  /* --- Multi‑tickets barra horizontal mejorada --- */
  .ticketsbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
  .ticketsbar #ticketsBar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
  .ticketpill{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;min-width:92px}
  .ticketpill.active{background:#e8eefc;border-color:#c7d2fe}
  .ticketpill small{color:var(--muted)}
  .ticketpill .badge{background:#eef2ff;color:#3730a3;border-radius:999px;padding:2px 8px;font-size:12px}
  .ticketpill .close{border:none;background:transparent;cursor:pointer;font-weight:700;line-height:1;color:#9ca3af}
  .ticketpill .close:hover{color:#ef4444}
  /* Low stock pill */
  .stock-low{color:#b45309;background:#fffbeb;border:1px solid #fde68a;padding:2px 8px;border-radius:999px;font-size:12px}
  /* Sticky totals on wide screens */
  @media(min-width:900px){
    .sticky-summary{position:sticky;top:76px}
  resumenMetodosPago();
  }
  /* Badge style for Vendedor principal */
  #lblOwner{color:#10b981;background:#ecfdf5;padding:4px 10px;border-radius:8px;}