[x-cloak]{display:none!important}
  /* Report tab: strict 3 side-by-side columns (collapses to 1 only on phone-width screens) */
  .rp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
  .rp-scroll{max-height:max(320px,calc(100vh - 270px));overflow-y:auto}
  @media(max-width:700px){.rp-grid{grid-template-columns:1fr}.rp-scroll{max-height:60vh}}
  *{box-sizing:border-box}
  body{font-family:'Inter',sans-serif;background:#f8f7f4}
  .nav-item{transition:all .15s ease}
  .nav-pill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 7px;border-radius:9999px;font-size:11px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;box-sizing:border-box}
  .nav-pill-red{background:#fee2e2;color:#b91c1c}
  .nav-pill-amber{background:#fef3c7;color:#b45309}
  .nav-item.active{background:#1a1a2e;color:#fff}
  .card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06)}
  .btn-primary{background:#1a1a2e;color:#fff;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:none}
  .btn-primary:hover{background:#2d2d4e}
  .btn-secondary{background:#f1f0ed;color:#1a1a2e;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:1px solid #e2e0db}
  .btn-secondary:hover{background:#e8e6e1}
  .btn-danger{background:#fee2e2;color:#dc2626;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid #fca5a5;transition:all .15s}
  .btn-danger:hover{background:#fecaca}
  .btn-success{background:#dcfce7;color:#16a34a;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid #86efac;transition:all .15s}
  .btn-success:hover{background:#bbf7d0}
  .btn-purple{background:#f3e8ff;color:#7c3aed;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid #c4b5fd;transition:all .15s}
  .btn-purple:hover{background:#ede9fe}
  .input-field{border:1px solid #e2e0db;border-radius:8px;padding:8px 12px;font-size:14px;width:100%;outline:none;transition:border-color .15s;background:#fff}
  .input-field:focus{border-color:#1a1a2e;box-shadow:0 0 0 3px rgba(26,26,46,.08)}
  /* Remove browser number spinners globally */
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
  input[type=number]{-moz-appearance:textfield;appearance:textfield}
  .badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:12px;font-weight:500}
  .badge-blue{background:#dbeafe;color:#1d4ed8}
  .badge-green{background:#dcfce7;color:#15803d}
  .badge-red{background:#fee2e2;color:#dc2626}
  .badge-yellow{background:#fef9c3;color:#a16207}
  .badge-purple{background:#f3e8ff;color:#7c3aed}
  .sw{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}
  .sw input{opacity:0;width:0;height:0;position:absolute}
  .sw span{position:absolute;inset:0;background:#d1d5db;border-radius:9999px;cursor:pointer;transition:background .2s}
  .sw span:before{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px rgba(0,0,0,.25)}
  .sw input:checked+span{background:#16a34a}
  .sw input:checked+span:before{transform:translateX(18px)}
  .sw input:focus-visible+span{outline:2px solid #2563eb;outline-offset:2px}
  .autocomplete-wrap{position:relative}
  .autocomplete-list{position:absolute;z-index:9999;background:#fff;border:1.5px solid #93c5fd;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.18);max-height:264px;min-height:52px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;width:100%;min-width:280px;max-width:100%;top:calc(100% + 4px);bottom:auto;left:0}
  .autocomplete-list::-webkit-scrollbar{width:6px}
  .autocomplete-list::-webkit-scrollbar-track{background:#f5f4f1;border-radius:9999px}
  .autocomplete-list::-webkit-scrollbar-thumb{background:#c4c1bb;border-radius:9999px}
  .autocomplete-item{padding:10px 14px;cursor:pointer;font-size:14px;line-height:1.4;transition:background .06s;border-bottom:1px solid #eeece8;display:flex;align-items:center;gap:8px;min-height:44px}
  .autocomplete-item:last-child{border-bottom:none}
  .autocomplete-item:hover{background:#dbeafe;color:#1e3a8a}
  .sug-badge{position:absolute!important;top:2px!important;right:14px!important;font-size:9px!important;font-weight:600!important;line-height:11px!important;padding:1px 4px!important;border-radius:4px!important;white-space:nowrap;pointer-events:none;background:rgba(34,197,94,.1);color:#16a34a;letter-spacing:0;text-transform:none}
  .field-invalid{border-color:#dc2626!important;box-shadow:0 0 0 2px #fecaca!important;background:#fff7f7!important}
  .sc-badge{position:absolute!important;bottom:2px!important;right:14px!important;font-size:9px!important;font-weight:700!important;line-height:11px!important;padding:1px 4px!important;border-radius:4px!important;font-family:monospace;white-space:nowrap;pointer-events:none;background:#f3e8ff;color:#7c3aed}
  .autocomplete-item.selected .sc-badge{background:rgba(255,255,255,.22);color:#fff}
  .autocomplete-item:not(.selected) .sug-name{color:#15803d}
  .autocomplete-item.selected .sug-badge{background:rgba(255,255,255,.22);color:#fff}
  .autocomplete-item.selected{background:#2563eb;color:#fff;font-weight:700}
  .ordered-badge{font-size:11px;font-weight:700;padding:2px 7px;border-radius:9999px;flex-shrink:0;background:#fef9c3;color:#92400e;white-space:nowrap}
  .autocomplete-item.selected .ordered-badge{background:rgba(255,255,255,0.25);color:#fff}
  .drag-handle{cursor:grab;color:#d1d5db;padding:0 4px;user-select:none;display:flex;align-items:center}
  .drag-handle:hover{color:#6b7280}
  .drag-handle:active{cursor:grabbing}
  tr.anomaly-row td{background:#fee2e2!important}
  tr.anomaly-row td:first-child{border-left:4px solid #dc2626}
  .anomaly-qty-warn{color:#b91c1c;font-size:10px;font-weight:800;line-height:1.2;margin-top:2px;letter-spacing:.01em}
  .qty-error-input{border-color:#dc2626!important;background:#fff5f5!important;box-shadow:0 0 0 3px rgba(220,38,38,.15)!important}
  .qty-error-badge{display:inline-block;margin-top:3px;padding:1px 6px;background:#fee2e2;color:#b91c1c;border-radius:9999px;font-size:10px;font-weight:800;letter-spacing:.01em;white-space:nowrap}
  .anomaly-item-warn{color:#b91c1c;font-size:10px;font-weight:800;line-height:1.2;margin-top:1px;letter-spacing:.01em}
  tr.dragging-row{opacity:.4;background:#eff6ff!important}
  tr.drag-over-row{border-top:2px solid #3b82f6!important}
  .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:100;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}
  .modal-box{background:#fff;border-radius:16px;padding:24px;max-width:480px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.2)}
  .modal-lg{max-width:700px}
  .modal-xl{max-width:860px}
  .table-header{background:#f8f7f4;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}
  .stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
  .invoice-row:hover{background:#f8f7f4}
  .sidebar{width:192px;min-width:192px;background:#fff;border-right:1px solid #e8e6e1;height:100vh;display:flex;flex-direction:column}
  .main-content{flex:1;overflow:auto;height:100vh}
  .sidebar>div:first-child{padding-top:34px}
  @keyframes bfTick{0%{opacity:0;transform:translateY(-6px);background:#fef9c3}60%{background:#fef9c3}100%{opacity:1;transform:none;background:transparent}}
  .bf-tick{animation:bfTick .9s ease-out;border-radius:4px;padding:0 4px;line-height:18px}   /* room for the sync pill in the top-left corner */
  .split-pane{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .mono{font-family:'JetBrains Mono',monospace}
  input[type=checkbox]{accent-color:#1a1a2e;width:15px;height:15px;cursor:pointer}
  .scroll-thin::-webkit-scrollbar{width:4px}
  .scroll-thin::-webkit-scrollbar-track{background:transparent}
  .scroll-thin::-webkit-scrollbar-thumb{background:#e2e0db;border-radius:9999px}
  .focus-row td{background:#eff6ff!important}
  @media print{.no-print{display:none!important}body{background:#fff}}