/* ===========================================================================
   NOVA-VENDA-01 · A1 — the new Venda screen's sheet, hand-built from
   docs/mockups/lotus-nova-venda-v13-18.html and SCOPED under #nv-root so it
   can never repaint the old Venda screen, which staff keep using (A1 limit 1).
   The mockup's own values, carried as #nv-root tokens: this file is linked by
   index.html and is not the app's token layer, so nothing outside the root can
   read them. Capitals are applied here with text-transform, never by
   capitalising data (CAPITALS-BY-THE-SHEET-01).
   =========================================================================== */
#nv-root{--nv-navy:#0B1524;--nv-ink:#111B27;--nv-ink2:#3A4858;--nv-mut:#7A8797;--nv-faint:#B0BAC6;
  --nv-line:#E6EAF0;--nv-bg:#F5F7FA;--nv-blue:#2E6BE6;--nv-green:#12855B;--nv-greenbg:#E6F5EE;
  --nv-red:#C8442E;--nv-amber:#A96A06;--nv-amberbg:#FFF5DF;--nv-white:#fff;--nv-seg:#EEF1F5;
  --nv-ambr:#E4B865;--nv-redbg:#FBE8E4;--nv-chatbg:#ECE5DD;--nv-bubble:#DCF8C6;--nv-btn:#F3F5F8;--nv-shade:rgba(7,11,17,.4);--nv-grab:#DCE3EB;--nv-off:#D8DFE8;
  /* NOVA-VENDA-EMPTY-STATE-01 (owner, 2026-09-25): the empty screen read as broken —
     placeholders at 1.97:1, labels at 3.66:1. Two readable greys, both >= 4.5:1 on
     white, the page grey and the disabled-button grey: --nv-lab for labels and
     disabled text (5.85:1 on white), --nv-ph for placeholders (5.19:1). */
  --nv-lab:#5A6675;--nv-ph:#626E7D;
  color:var(--nv-ink);background:var(--nv-white);font:15px/1.45 -apple-system,"SF Pro Text","Segoe UI",Roboto,Inter,sans-serif;
  -webkit-font-smoothing:antialiased;max-width:560px;margin:0 auto;padding:18px 2px calc(var(--navh,0px) + 100px)}
#nv-root *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
#nv-root button{font:inherit;cursor:pointer;min-height:0}
#nv-root .nv-n0{font-variant-numeric:tabular-nums}
#nv-root .nv-hd{display:flex;justify-content:space-between;align-items:baseline}
#nv-root h1{font-size:22px;font-weight:800;margin:0;letter-spacing:.01em;text-transform:uppercase;color:var(--nv-ink)}
#nv-root .nv-lk{background:none;border:0;padding:0;color:var(--nv-blue);font-size:13px;font-weight:700}
#nv-root .nv-lk.nv-m{color:var(--nv-mut)}
#nv-root .nv-sub{font-size:13px;color:var(--nv-mut);margin-top:4px}
#nv-root .nv-sub b{color:var(--nv-ink);font-weight:700}
#nv-root .nv-test{margin-top:6px;font-size:11.5px;color:var(--nv-amber);font-weight:700}
#nv-root .nv-lbl{font-size:11px;letter-spacing:.1em;color:var(--nv-lab);font-weight:700;margin:22px 0 8px;text-transform:uppercase}
#nv-root .nv-field{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--nv-white);border:1.5px solid var(--nv-line);border-radius:12px;padding:0 14px;height:52px;text-align:left}
#nv-root .nv-field .nv-ph{color:var(--nv-ph)}
/* The start point: a highlighted border on the field to use next, and the hint
   under the warehouse. The highlight moves to CLIENTE once a warehouse is chosen. */
/* Drawn from what the field SHOWS, with no class of its own: the phone markup of
   these two buttons is pinned by nova_venda test 10 and stays exactly as it was.
   Warehouse still empty -> the warehouse; warehouse chosen and customer empty -> the customer. */
#nv-root .nv-field.nv-fwh:has(.nv-ph),
#nv-root .nv-field.nv-fwh:not(:has(.nv-ph)) ~ .nv-field[data-nv="cli"]:has(.nv-ph){border-color:var(--nv-blue);box-shadow:0 0 0 3px var(--nv-nextring,#E3ECFC)}
#nv-root .nv-start{font-size:12.5px;font-weight:700;color:var(--nv-blue);margin-top:6px}
/* The shell's global button:disabled{opacity:.5} made every disabled control here
   read as broken. Inside the screen a disabled control keeps full opacity and
   says it is unavailable by colour alone, in a readable grey. */
#nv-root button:disabled{opacity:1}
#nv-root input::placeholder{color:var(--nv-ph);opacity:1}
#nv-root .nv-field .nv-v{font-weight:700;font-size:16px;color:var(--nv-ink);text-transform:uppercase}
#nv-root .nv-field .nv-ar{color:var(--nv-mut)}
#nv-root .nv-note{font-size:13px;margin-top:8px}
#nv-root .nv-note.nv-debt{color:var(--nv-amber)}
#nv-root .nv-note.nv-cred{color:var(--nv-green);font-weight:600}
#nv-root .nv-note.nv-mute{color:var(--nv-lab)}
#nv-root .nv-it{display:flex;justify-content:space-between;gap:12px;width:100%;padding:13px 0;border:0;border-bottom:1px solid var(--nv-line);background:none;text-align:left;color:var(--nv-ink)}
#nv-root .nv-it .nv-nm{font-weight:600;font-size:14.5px;line-height:1.3;text-transform:uppercase}
#nv-root .nv-it .nv-q{font-size:12.5px;color:var(--nv-mut);margin-top:2px}
#nv-root .nv-alt{color:var(--nv-amber)}
#nv-root .nv-bad{color:var(--nv-red);font-weight:700}
#nv-root .nv-it .nv-v{font-weight:700;white-space:nowrap}
#nv-root .nv-addl{display:block;width:100%;text-align:left;background:none;border:0;padding:14px 0;color:var(--nv-blue);font-weight:700;font-size:14px}
#nv-root .nv-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;color:var(--nv-ink2)}
#nv-root .nv-row .nv-v{font-weight:600;color:var(--nv-ink)}
#nv-root .nv-row .nv-v.nv-minus{color:var(--nv-red)}
#nv-root .nv-tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1.5px solid var(--nv-ink);margin-top:10px;padding-top:12px}
#nv-root .nv-tot .nv-k{font-size:13px;font-weight:800;letter-spacing:.08em}
#nv-root .nv-tot .nv-v{font-size:26px;font-weight:800;letter-spacing:-.02em}
#nv-root .nv-seg{display:flex;background:var(--nv-seg);border-radius:12px;padding:3px;gap:3px}
#nv-root .nv-seg button{flex:1;height:42px;border:0;border-radius:10px;background:none;font-size:13px;font-weight:700;color:var(--nv-mut)}
#nv-root .nv-seg button.nv-on{background:var(--nv-white);color:var(--nv-ink);box-shadow:0 1px 3px rgba(17,27,39,.12)}
#nv-root .nv-dias{display:flex;gap:8px;margin-top:10px}
#nv-root .nv-dias button{flex:1;height:40px;border:1.5px solid var(--nv-line);border-radius:10px;background:var(--nv-white);font-weight:700;font-size:13px;color:var(--nv-ink2)}
#nv-root .nv-dias button.nv-on{border-color:var(--nv-ink);color:var(--nv-ink)}
#nv-root .nv-pr2{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--nv-line)}
#nv-root .nv-csel{flex:1;min-width:0;display:flex;align-items:center;border:1.5px solid var(--nv-line);border-radius:10px;height:44px;padding:0 10px;position:relative}
#nv-root .nv-csel select{position:absolute;inset:0;opacity:0;width:100%;height:100%;font-size:16px}
#nv-root .nv-csel .nv-t{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nv-root .nv-csel .nv-t small{font-weight:500;color:var(--nv-mut);font-size:12px}
#nv-root .nv-csel .nv-ar{margin-left:auto;color:var(--nv-faint);font-size:12px;padding-left:6px}
#nv-root .nv-amt{display:flex;align-items:center;border:1.5px solid var(--nv-line);border-radius:10px;height:44px;width:124px;flex:none}
#nv-root .nv-amt:focus-within{border-color:var(--nv-blue)}
#nv-root .nv-amt span{padding-left:10px;color:var(--nv-faint);font-size:12.5px;font-weight:700}
#nv-root .nv-amt input{flex:1;min-width:0;width:100%;border:0;outline:0;background:none;font:inherit;font-size:16px;font-weight:700;text-align:right;padding:0 10px 0 4px;font-variant-numeric:tabular-nums;height:auto;min-height:0;box-shadow:none}
#nv-root .nv-rmx{background:none;border:0;color:var(--nv-faint);font-size:20px;width:26px;padding:0;flex:none}
#nv-root .nv-addc{background:none;border:0;color:var(--nv-blue);font-weight:700;font-size:14px;padding:12px 0 0}
#nv-root .nv-msg{margin-top:14px;font-size:14px;font-weight:700;display:flex;justify-content:space-between;gap:10px}
#nv-root .nv-msg small{display:block;font-weight:500;font-size:12.5px;margin-top:2px}
#nv-root .nv-msg.nv-red{color:var(--nv-red)}
#nv-root .nv-msg.nv-amber{color:var(--nv-amber)}
#nv-root .nv-msg.nv-green{color:var(--nv-green)}
#nv-root .nv-err{margin-top:12px;font-size:13px;color:var(--nv-red);font-weight:600}
#nv-root .nv-bar{position:fixed;left:0;right:0;bottom:var(--navh,0px);margin:0 auto;max-width:560px;background:var(--nv-white);border-top:1px solid var(--nv-line);padding:10px 16px;z-index:30;display:flex;align-items:center;gap:14px}
#nv-root .nv-bar .nv-k{font-size:10.5px;letter-spacing:.1em;color:var(--nv-lab);font-weight:700}
#nv-root .nv-bar .nv-v{font-size:19px;font-weight:800;letter-spacing:-.01em}
#nv-root .nv-cta{flex:1;height:52px;border:0;border-radius:13px;background:var(--nv-ink);color:var(--nv-white);font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
#nv-root .nv-cta[disabled]{background:var(--nv-seg);color:var(--nv-lab);font-size:12.5px;font-weight:700}
#nv-root .nv-cta.nv-g{background:var(--nv-green)}
#nv-root .nv-ov{position:fixed;inset:0;background:var(--nv-shade);display:flex;align-items:flex-end;z-index:60}
#nv-root .nv-ov[hidden]{display:none}
#nv-root .nv-sheet{background:var(--nv-white);width:100%;max-width:560px;margin:0 auto;border-radius:18px 18px 0 0;max-height:90vh;display:flex;flex-direction:column}
#nv-root .nv-sheet.nv-tall{height:88vh}
#nv-root .nv-grab{width:38px;height:4px;background:var(--nv-grab);border-radius:3px;margin:9px auto 4px}
#nv-root .nv-sh{padding:6px 18px 10px;font-size:17px;font-weight:800;text-transform:uppercase}
#nv-root .nv-sb{padding:0 18px 10px;overflow-y:auto;flex:1}
#nv-root .nv-sf{padding:10px 18px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--nv-line)}
#nv-root .nv-srch{display:flex;align-items:center;border:1.5px solid var(--nv-line);border-radius:12px;height:50px;background:var(--nv-bg);position:sticky;top:0;z-index:2}
#nv-root .nv-srch:focus-within{border-color:var(--nv-blue);background:var(--nv-white)}
#nv-root .nv-srch input{flex:1;border:0;outline:0;background:none;font:inherit;font-size:16px;padding:0 14px;height:100%;min-height:0;box-shadow:none}
#nv-root .nv-r{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:13px 0;border:0;border-bottom:1px solid var(--nv-line);background:none;text-align:left;color:var(--nv-ink)}
#nv-root .nv-r .nv-nm{font-weight:600;font-size:14.5px;line-height:1.3;text-transform:uppercase}
#nv-root .nv-r .nv-mt{font-size:12px;color:var(--nv-mut);margin-top:2px}
#nv-root .nv-r .nv-x{font-weight:700;white-space:nowrap;font-size:13.5px}
#nv-root .nv-r .nv-x.nv-debt{color:var(--nv-amber)}
#nv-root .nv-r .nv-x.nv-ok{color:var(--nv-green)}
#nv-root .nv-r[disabled]{opacity:.75}
#nv-root .nv-hint{text-align:center;color:var(--nv-mut);font-size:13px;padding:28px 0}
#nv-root .nv-hint.nv-left{text-align:left;padding:10px 0 0}
#nv-root .nv-ed{padding:4px 0 14px;border-bottom:1px solid var(--nv-line)}
#nv-root .nv-ed.nv-flat{border:0}
#nv-root .nv-ed .nv-g{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px}
#nv-root .nv-ed .nv-g.nv-half{grid-template-columns:1fr 1fr}
#nv-root .nv-ed .nv-g>div{min-width:0}
#nv-root .nv-ed .nv-l{font-size:11px;letter-spacing:.08em;color:var(--nv-mut);font-weight:700;margin-bottom:5px;text-transform:uppercase}
#nv-root .nv-bx{display:flex;align-items:center;border:1.5px solid var(--nv-line);border-radius:11px;height:48px;overflow:hidden;background:var(--nv-white)}
#nv-root .nv-bx:focus-within{border-color:var(--nv-blue)}
#nv-root .nv-bx button{width:36px;height:100%;border:0;background:var(--nv-btn);font-size:19px;color:var(--nv-ink2);padding:0}
#nv-root .nv-bx input{flex:1;min-width:0;width:100%;border:0;outline:0;background:none;text-align:center;font:inherit;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;height:100%;min-height:0;box-shadow:none;padding:0 4px}
#nv-root .nv-bx span{padding-left:10px;color:var(--nv-faint);font-size:12.5px;font-weight:700}
#nv-root .nv-bx.nv-alt{border-color:var(--nv-ambr);background:var(--nv-amberbg)}
#nv-root .nv-ed .nv-i{font-size:12.5px;margin-top:8px;color:var(--nv-mut);min-height:1em}
#nv-root .nv-ed .nv-i .nv-red{color:var(--nv-red)}
#nv-root .nv-ed .nv-ok{width:100%;height:48px;margin-top:10px;border:0;border-radius:11px;background:var(--nv-ink);color:var(--nv-white);font-weight:800;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase}
#nv-root .nv-ed .nv-ok[disabled]{background:var(--nv-off)}
#nv-root .nv-fat{margin-top:14px;border:1.5px solid var(--nv-line);border-radius:14px;padding:4px 14px 10px}
#nv-root .nv-fat .nv-h{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0 6px}
#nv-root .nv-fat .nv-h span{font-size:11px;letter-spacing:.1em;color:var(--nv-mut);font-weight:700}
#nv-root .nv-fat .nv-h b{font-size:12px;color:var(--nv-mut);font-weight:600}
#nv-root .nv-fl{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--nv-line);font-size:13.5px}
#nv-root .nv-fl .nv-nm{font-weight:600;line-height:1.3;text-transform:uppercase}
#nv-root .nv-fl .nv-q{font-size:12px;color:var(--nv-mut)}
#nv-root .nv-fl .nv-v{font-weight:700;white-space:nowrap}
#nv-root .nv-ft{display:flex;justify-content:space-between;border-top:1.5px solid var(--nv-ink);margin-top:4px;padding-top:9px;font-weight:800}
#nv-root .nv-mini{display:flex;justify-content:space-between;align-items:center;margin-top:10px;background:var(--nv-bg);border-radius:11px;padding:9px 12px;font-size:13px}
#nv-root .nv-mini b{font-weight:800}
#nv-root .nv-del{background:none;border:0;color:var(--nv-red);font-weight:700;font-size:13px;padding:14px 0 0}
#nv-root .nv-full{width:100%}
#nv-root .nv-field.nv-fwh{height:48px}
#nv-root .nv-addl[disabled]{color:var(--nv-ph);cursor:default}
#nv-root .nv-ask{padding:6px 0 10px;font-size:14px;color:var(--nv-ink2)}
#nv-root .nv-ask b{display:block;font-size:16px;color:var(--nv-ink);text-transform:uppercase}
#nv-root .nv-ask p{margin:8px 0 0}
#nv-root .nv-whtop{display:flex;justify-content:space-between;align-items:baseline;gap:10px;background:var(--nv-bg);border-radius:12px;padding:10px 12px;margin-bottom:4px}
#nv-root .nv-whtop span{font-size:11px;letter-spacing:.1em;color:var(--nv-mut);font-weight:700;text-transform:uppercase}
#nv-root .nv-whtop b{font-size:17px;font-weight:800;color:var(--nv-ink);text-transform:uppercase}
#nv-root .nv-h1g{margin-top:10px}
#nv-root .nv-in{color:var(--nv-green)}
/* ---- STAGE 2: CONFERIR, the issued page, the profit card (mockup .cf/.done/.luc) ---- */
#nv-root .nv-csel.nv-none .nv-t{color:var(--nv-faint)}
#nv-root .nv-cf .nv-blk{padding:10px 0;border-bottom:1px solid var(--nv-line)}
#nv-root .nv-cf .nv-blk:last-of-type{border-bottom:0}
#nv-root .nv-cf .nv-t{font-size:11px;letter-spacing:.1em;color:var(--nv-mut);font-weight:700;margin-bottom:6px;text-transform:uppercase}
#nv-root .nv-cr{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:3px 0;color:var(--nv-ink2)}
#nv-root .nv-cr b{color:var(--nv-ink);font-weight:700;white-space:nowrap}
#nv-root .nv-cr .nv-nm{color:var(--nv-ink);font-weight:600;text-transform:uppercase}
#nv-root .nv-cr small{display:block;color:var(--nv-mut);font-size:12px;font-weight:500}
#nv-root .nv-cr .nv-minus{color:var(--nv-red)}
#nv-root .nv-cf .nv-tt{display:flex;justify-content:space-between;font-size:17px;font-weight:800;padding-top:6px;color:var(--nv-ink)}
#nv-root .nv-warnl{margin-top:10px;font-size:12.5px;color:var(--nv-mut);text-align:center}
#nv-root .nv-warn{margin-top:10px;font-size:13px;color:var(--nv-amber);background:var(--nv-amberbg);border-radius:10px;padding:8px 10px}
#nv-root .nv-cfb{display:flex;gap:8px;width:100%}
#nv-root .nv-cfb button{flex:1;padding:14px;border-radius:12px;font-weight:700;font-size:14px;line-height:1}
#nv-root .nv-cfb .nv-no{background:var(--nv-white);border:1.5px solid var(--nv-line);color:var(--nv-ink)}
#nv-root .nv-cfb .nv-yes{background:var(--nv-green);border:0;color:var(--nv-white);flex:1.4;text-transform:uppercase}
#nv-root .nv-cfb .nv-yes[disabled]{background:var(--nv-seg);color:var(--nv-mut)}
#nv-root .nv-cta.nv-s{background:var(--nv-seg);color:var(--nv-ink);flex:none;width:118px;font-size:12.5px}
#nv-root .nv-done{text-align:center;padding-top:10px}
#nv-root .nv-ck{width:58px;height:58px;border-radius:50%;background:var(--nv-greenbg);color:var(--nv-green);display:grid;place-items:center;font-size:28px;margin:0 auto 12px}
#nv-root .nv-luc{margin-top:18px;border:1.5px solid var(--nv-line);border-radius:16px;padding:14px;text-align:left}
#nv-root .nv-luc .nv-h{display:flex;justify-content:space-between;align-items:baseline}
#nv-root .nv-luc .nv-h span{font-size:11px;letter-spacing:.1em;color:var(--nv-mut);font-weight:700}
#nv-root .nv-luc .nv-h em{font-style:normal;font-size:11px;color:var(--nv-faint);font-weight:600}
#nv-root .nv-big{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px}
#nv-root .nv-big b{font-size:28px;font-weight:800;letter-spacing:-.02em}
#nv-root .nv-big i{font-style:normal;font-size:15px;font-weight:800;padding:3px 9px;border-radius:8px}
#nv-root .nv-lpos{color:var(--nv-green)}
#nv-root .nv-lneg{color:var(--nv-red)}
#nv-root .nv-lposb{color:var(--nv-green);background:var(--nv-greenbg)}
#nv-root .nv-lnegb{color:var(--nv-red);background:var(--nv-redbg)}
#nv-root .nv-kv{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--nv-ink2);padding:4px 0}
#nv-root .nv-kv span:last-child{font-weight:600;color:var(--nv-ink);text-align:right}
#nv-root .nv-pls{margin-top:8px}
#nv-root .nv-pl{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--nv-line);font-size:13px}
#nv-root .nv-pl .nv-nm{font-weight:600;line-height:1.3;text-transform:uppercase}
#nv-root .nv-pl .nv-q{font-size:11.5px;color:var(--nv-mut)}
#nv-root .nv-pl .nv-v{text-align:right;white-space:nowrap;font-weight:700}
#nv-root .nv-pl .nv-v small{display:block;font-size:11.5px;font-weight:600;color:var(--nv-mut)}
#nv-root .nv-chat{background:var(--nv-chatbg);border-radius:14px;padding:12px;margin-top:18px;text-align:left}
#nv-root .nv-bub{background:var(--nv-bubble);border-radius:10px 10px 3px 10px;padding:10px 12px;font-size:13.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin-left:16px}
#nv-root .nv-two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
#nv-root .nv-two button,#nv-root .nv-two a{height:44px;border:1.5px solid var(--nv-line);border-radius:11px;background:var(--nv-white);font-weight:700;font-size:13px;color:var(--nv-ink);display:grid;place-items:center;text-decoration:none}
#nv-root .nv-two button[disabled]{color:var(--nv-faint)}
/* ---- DESKTOP (A1 fix, owner 2026-09-25): the column is a comfortable width,
   centred in the page area, and the bar sits DIRECTLY UNDER it, as wide as it
   — never pinned to the window's corner. The media query is the COMPLEMENT of
   the shell's phone query, `(max-width:900px),(hover:none) and (pointer:coarse)`,
   so nothing below reaches a phone and the 390px layout is exactly as it was:
   NOT (w<=900 OR (hover:none AND pointer:coarse)) = w>900 AND NOT (hover:none
   AND pointer:coarse). A browser too old for `not (…)` drops the whole rule and
   keeps the phone layout — the safe direction. */
/* ---- PHONE v14 (owner 2026-09-25, docs/mockups/lotus-nova-venda-phone-v14.html).
   PHONE ONLY: every rule here sits inside the phone query, the exact complement
   of the desktop block below, so nothing here can reach a desktop render. The
   classes it introduces (nv-clr, nv-debt as a badge, nv-lh, nv-cnt, nv-stk, nv-bc)
   are drawn by the phone renderers alone. */
@media (max-width:900px),((hover:none) and (pointer:coarse)){
  #nv-root{padding-bottom:calc(var(--navh,0px) + var(--barh,100px) + 16px)}
  #nv-root .nv-hd{align-items:center}
  #nv-root .nv-clr{height:34px;padding:0 14px;border:1.5px solid var(--nv-line);border-radius:9px;background:var(--nv-white);color:var(--nv-ink2);font-size:13.5px;font-weight:600;box-shadow:none}
  #nv-root .nv-lbl{margin:16px 0 6px}
  #nv-root .nv-field,#nv-root .nv-field.nv-fwh{height:46px;box-shadow:none}
  #nv-root .nv-debt{display:inline-block;margin-top:7px;font-size:12.5px;font-weight:700;color:var(--nv-red);background:var(--nv-redbg);padding:2px 9px;border-radius:999px}
  #nv-root .nv-lh{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 4px}
  #nv-root .nv-lh .nv-lbl{margin:0}
  #nv-root .nv-cnt{font-size:12.5px;color:var(--nv-mut);font-weight:600}
  #nv-root .nv-it{min-height:44px;padding:10px 0;border:0;border-bottom:1px solid var(--nv-line);border-radius:0;background:none;box-shadow:none}
  #nv-root .nv-lh + .nv-it{border-top:1px solid var(--nv-line)}
  #nv-root .nv-it .nv-v{align-self:center}
  #nv-root .nv-stk{font-size:11.5px;color:var(--nv-green);font-weight:600;margin-top:1px}
  #nv-root .nv-stk.nv-low{color:var(--nv-red)}
  #nv-root .nv-bar .nv-bc{font-size:11.5px;color:var(--nv-mut);margin-top:1px}
  /* NOVA-VENDA-SHEET-UNDER-NAV-01 (owner 2026-09-25): every sheet ends ABOVE
     #botnav — the overlay stops at the nav's measured height (safe area
     included, set by setNavH) and the sheet fits the room left, scrolling
     inside itself. z-index above the nav's 60, so even a stale --navh puts a
     sheet OVER the nav, never under it. */
  #nv-root .nv-ov{bottom:var(--navh,0px);z-index:61}
  #nv-root .nv-sheet{max-height:calc(100% - 12px)}
  #nv-root .nv-sheet.nv-tall{height:calc(100% - 12px)}
  #nv-root .nv-sb{min-height:0}
}
@media (min-width:901px) and (not ((hover:none) and (pointer:coarse))){
  #nv-root{max-width:780px;padding:18px 0 24px}
  #nv-root .nv-bar{position:sticky;bottom:0;left:auto;right:auto;max-width:none;margin:18px 0 0;
    border:1px solid var(--nv-line);border-radius:14px;box-shadow:0 -2px 10px rgba(17,27,39,.06)}

  /* ---- DESKTOP v3 (owner 2026-09-25, docs/mockups/lotus-nova-venda-desktop-v3.html).
     Every rule below is scoped to #nv-root.nv-desk INSIDE this desktop query, so a
     phone never reads one of them. The issued page keeps the 780px column above. */
  #nv-root.nv-desk{max-width:1200px;padding:4px 0 32px}
  #nv-root.nv-desk .nv-bar{display:none}
  #nv-root.nv-desk .nv-dtitle{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 16px}
  #nv-root.nv-desk .nv-dtitle h1{margin:0;font-size:26px;font-weight:800;color:var(--nv-ink);display:flex;align-items:center;gap:10px;letter-spacing:-.01em}
  #nv-root.nv-desk .nv-dpill{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--nv-amber);background:var(--nv-amberbg);padding:4px 8px;border-radius:6px}
  #nv-root.nv-desk .nv-dmeta{display:flex;align-items:center;gap:22px;font-size:12px;color:var(--nv-lab)}
  #nv-root.nv-desk .nv-dmeta span{display:flex;flex-direction:column;gap:2px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:10.5px}
  #nv-root.nv-desk .nv-dmeta b{font-size:13.5px;color:var(--nv-ink);letter-spacing:0;text-transform:none}
  #nv-root.nv-desk .nv-dghost{height:36px;padding:0 14px;border:1px solid var(--nv-line);border-radius:9px;background:var(--nv-white);color:var(--nv-ink2);font-weight:700;font-size:13px;cursor:pointer}
  #nv-root.nv-desk .nv-dsteps{display:flex;gap:6px;margin:0 0 18px;background:var(--nv-white);border:1px solid var(--nv-line);border-radius:12px;padding:6px}
  #nv-root.nv-desk .nv-dst{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:700;color:var(--nv-lab)}
  #nv-root.nv-desk .nv-dst i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;border:1.5px solid currentColor}
  #nv-root.nv-desk .nv-dst.nv-on{color:var(--nv-navy);background:var(--nv-bg)}
  #nv-root.nv-desk .nv-dst.nv-on i{background:var(--nv-navy);border-color:var(--nv-navy);color:var(--nv-white)}
  #nv-root.nv-desk .nv-dst.nv-dpast{color:var(--nv-green)}
  #nv-root.nv-desk .nv-dgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
  #nv-root.nv-desk .nv-dcard{background:var(--nv-white);border:1px solid var(--nv-line);border-radius:14px;box-shadow:0 1px 2px rgba(17,27,39,.04);min-width:0}
  #nv-root.nv-desk .nv-dsec{padding:18px 20px;border-bottom:1px solid var(--nv-line)}
  #nv-root.nv-desk .nv-dsec.nv-dlast{border-bottom:0}
  #nv-root.nv-desk .nv-dtwo{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px}
  #nv-root.nv-desk .nv-dlbl{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--nv-lab);margin:0 0 7px}
  #nv-root.nv-desk .nv-dsel{position:relative;width:100%;height:58px;display:flex;align-items:center;gap:12px;padding:0 14px;border:1.5px solid var(--nv-line);border-radius:11px;background:var(--nv-white);text-align:left;font:inherit;color:var(--nv-ink);cursor:pointer;box-sizing:border-box}
  #nv-root.nv-desk div.nv-dsel{cursor:default}
  #nv-root.nv-desk button.nv-dsel:hover{border-color:var(--nv-blue)}
  #nv-root.nv-desk .nv-dico{flex:none;width:34px;height:34px;border-radius:9px;background:var(--nv-bg);display:grid;place-items:center;color:var(--nv-mut);font-size:15px}
  #nv-root.nv-desk .nv-dico.nv-dav{background:var(--nv-navy);color:var(--nv-white);font-size:12px;font-weight:800;border-radius:50%}
  #nv-root.nv-desk .nv-dt{flex:1;min-width:0;display:flex;flex-direction:column;font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #nv-root.nv-desk .nv-dt small{font-size:11.5px;font-weight:500;color:var(--nv-mut);overflow:hidden;text-overflow:ellipsis}
  #nv-root.nv-desk .nv-dph{color:var(--nv-ph);font-weight:600}
  #nv-root.nv-desk .nv-dar{flex:none;color:var(--nv-mut);font-size:15px}
  #nv-root.nv-desk .nv-dbal{flex:none;display:flex;flex-direction:column;align-items:flex-end;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--nv-mut)}
  #nv-root.nv-desk .nv-dbal b{font-size:14px;color:var(--nv-red);letter-spacing:0}
  #nv-root.nv-desk .nv-dbal.nv-dcred b{color:var(--nv-green)}
  #nv-root.nv-desk .nv-dtbar{display:flex;gap:10px;padding:16px 20px 6px;align-items:center}
  #nv-root.nv-desk .nv-dsrch{position:relative;flex:1;min-width:0;display:flex;align-items:center;height:42px;border:1.5px solid var(--nv-line);border-radius:10px;padding:0 10px;gap:8px;background:var(--nv-white)}
  #nv-root.nv-desk .nv-dsrch:focus-within,#nv-root.nv-desk .nv-dfq:focus-within,#nv-root.nv-desk .nv-dfp:focus-within{border-color:var(--nv-blue)}
  #nv-root.nv-desk .nv-dmag{color:var(--nv-mut)}
  #nv-root.nv-desk .nv-dsrch input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:14px;background:transparent;color:var(--nv-ink)}
  #nv-root.nv-desk kbd{font:600 11px/1 ui-monospace,monospace;color:var(--nv-mut);border:1px solid var(--nv-line);border-bottom-width:2px;border-radius:5px;padding:3px 6px;background:var(--nv-bg)}
  #nv-root.nv-desk .nv-dfq,#nv-root.nv-desk .nv-dfp{display:flex;align-items:center;gap:6px;height:42px;border:1.5px solid var(--nv-line);border-radius:10px;padding:0 10px;font-size:12px;font-weight:700;color:var(--nv-lab)}
  #nv-root.nv-desk .nv-dfq input{width:52px}
  #nv-root.nv-desk .nv-dfp input{width:92px}
  #nv-root.nv-desk .nv-dfq input,#nv-root.nv-desk .nv-dfp input{border:0;outline:0;font:inherit;font-size:14px;font-weight:700;color:var(--nv-ink);text-align:right;background:transparent;font-variant-numeric:tabular-nums}
  #nv-root.nv-desk .nv-dadd{height:42px;padding:0 18px;border:0;border-radius:10px;background:var(--nv-navy);color:var(--nv-white);font-weight:800;font-size:13.5px;cursor:pointer}
  #nv-root.nv-desk .nv-dadd:disabled{background:var(--nv-seg);color:var(--nv-lab);border:1px solid var(--nv-line);cursor:default}
  #nv-root.nv-desk .nv-dfei{min-height:18px;padding:0 20px 8px;font-size:12px;color:var(--nv-mut)}
  #nv-root.nv-desk .nv-ddrop{position:absolute;left:-1.5px;right:-1.5px;top:calc(100% + 4px);z-index:30;background:var(--nv-white);border:1px solid var(--nv-line);border-radius:10px;box-shadow:0 12px 32px rgba(17,27,39,.16);max-height:340px;overflow:auto;padding:4px}
  #nv-root.nv-desk .nv-dopt{width:100%;display:flex;align-items:center;gap:12px;padding:9px 10px;border:0;border-radius:7px;background:transparent;text-align:left;font:inherit;cursor:pointer;color:var(--nv-ink)}
  #nv-root.nv-desk .nv-dopt.nv-hi,#nv-root.nv-desk .nv-dopt:hover{background:var(--nv-bg)}
  #nv-root.nv-desk .nv-dopt:disabled{opacity:.75;cursor:default}
  #nv-root.nv-desk .nv-dopn{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13.5px;font-weight:700}
  #nv-root.nv-desk .nv-dopn small,#nv-root.nv-desk .nv-dpn small{font-size:11.5px;font-weight:500;color:var(--nv-mut)}
  #nv-root.nv-desk .nv-dhint{padding:12px;font-size:13px;color:var(--nv-mut)}
  #nv-root.nv-desk .nv-dtw{padding:0 8px;overflow-x:auto}
  #nv-root.nv-desk .nv-dtab{width:100%;border-collapse:collapse;font-size:13.5px}
  #nv-root.nv-desk .nv-dtab th{text-align:left;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--nv-mut);padding:10px 12px;border-bottom:1px solid var(--nv-line)}
  #nv-root.nv-desk .nv-dtab td{padding:10px 12px;border-bottom:1px solid var(--nv-line);vertical-align:middle;color:var(--nv-ink)}
  #nv-root.nv-desk .nv-dtab .nv-dr{text-align:right}
  #nv-root.nv-desk .nv-didx{width:28px;color:var(--nv-faint);font-weight:700}
  #nv-root.nv-desk .nv-dpn{font-weight:700;display:table-cell}
  #nv-root.nv-desk .nv-dpn small{display:block}
  #nv-root.nv-desk .nv-dstk{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;background:var(--nv-greenbg);color:var(--nv-green);white-space:nowrap}
  #nv-root.nv-desk .nv-dstk.nv-dbad{background:var(--nv-redbg);color:var(--nv-red)}
  #nv-root.nv-desk .nv-dinq{width:64px;height:34px;border:1.5px solid var(--nv-line);border-radius:8px;text-align:right;padding:0 8px;font:inherit;font-weight:700;color:var(--nv-ink)}
  #nv-root.nv-desk .nv-dinm{display:inline-flex;align-items:center;gap:5px;height:34px;border:1.5px solid var(--nv-line);border-radius:8px;padding:0 8px;font-size:12px;font-weight:700;color:var(--nv-mut);background:var(--nv-white)}
  #nv-root.nv-desk .nv-dinm>span,#nv-root.nv-desk .nv-dfp>span,#nv-root.nv-desk .nv-dfq>span{flex:none;white-space:nowrap}
  #nv-root.nv-desk .nv-dtab th{white-space:nowrap;background:transparent}
  #nv-root.nv-desk .nv-ddel,#nv-root.nv-desk .nv-dghost,#nv-root.nv-desk .nv-dcta,#nv-root.nv-desk .nv-dadd{box-shadow:none}
  #nv-root.nv-desk .nv-dinm input{width:84px;border:0;outline:0;text-align:right;font:inherit;font-size:13.5px;font-weight:700;color:var(--nv-ink);background:transparent}
  #nv-root.nv-desk .nv-dinm:focus-within,#nv-root.nv-desk .nv-dinq:focus{border-color:var(--nv-blue);outline:0}
  #nv-root.nv-desk .nv-dinbad,#nv-root.nv-desk .nv-dinm:has(.nv-dinbad){border-color:var(--nv-red);color:var(--nv-red)}
  #nv-root.nv-desk .nv-dlt{font-weight:800;white-space:nowrap}
  #nv-root.nv-desk .nv-ddel{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:var(--nv-faint);cursor:pointer;font-size:14px}
  #nv-root.nv-desk .nv-ddel:hover{background:var(--nv-redbg);color:var(--nv-red)}
  #nv-root.nv-desk .nv-dtfoot{padding:12px 20px 16px;font-size:12.5px;font-weight:700;color:var(--nv-mut)}
  #nv-root.nv-desk .nv-dempty{margin:8px 20px 20px;padding:26px;border:1.5px dashed var(--nv-line);border-radius:12px;text-align:center;font-size:13.5px;color:var(--nv-mut)}
  #nv-root.nv-desk .nv-dalt{color:var(--nv-amber);font-weight:700}
  #nv-root.nv-desk .nv-dbad{color:var(--nv-red);font-weight:700}
  #nv-root.nv-desk .nv-dsmall{font-size:12px;margin-top:6px}
  #nv-root.nv-desk .nv-dsum{position:sticky;top:16px;padding:18px}
  #nv-root.nv-desk .nv-dsh{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 12px}
  #nv-root.nv-desk .nv-dsh h2{margin:0;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--nv-ink)}
  #nv-root.nv-desk .nv-dsh span{font-size:11.5px;color:var(--nv-mut);font-weight:600}
  #nv-root.nv-desk .nv-dsb{border-top:1px solid var(--nv-line);padding:8px 0}
  #nv-root.nv-desk .nv-drow{display:flex;justify-content:space-between;align-items:center;min-height:38px;font-size:13.5px;color:var(--nv-ink2)}
  #nv-root.nv-desk .nv-dsm input{width:88px}
  #nv-root.nv-desk .nv-dtotal{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--nv-line);padding:14px 0 12px}
  #nv-root.nv-desk .nv-dtotal span{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--nv-mut)}
  #nv-root.nv-desk .nv-dtotal b{font-size:30px;font-weight:800;color:var(--nv-ink);letter-spacing:-.02em}
  #nv-root.nv-desk .nv-dkv{border-top:1px solid var(--nv-line);padding:8px 0}
  #nv-root.nv-desk .nv-dkv>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:12.5px;color:var(--nv-mut)}
  #nv-root.nv-desk .nv-dkv b{color:var(--nv-ink);font-weight:700;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #nv-root.nv-desk .nv-dcheck .nv-dok span{color:var(--nv-green);font-weight:700}
  #nv-root.nv-desk .nv-dcheck .nv-dno span{color:var(--nv-lab);font-weight:700}
  #nv-root.nv-desk .nv-dcheck .nv-dno b{color:var(--nv-lab);font-weight:600}
  #nv-root.nv-desk .nv-dcta{width:100%;min-height:50px;margin:10px 0 0;border:0;border-radius:11px;background:var(--nv-navy);color:var(--nv-white);font-weight:800;font-size:12.5px;letter-spacing:.03em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;padding:0 12px;white-space:nowrap}
  #nv-root.nv-desk .nv-dcta small{font-size:10.5px;opacity:.8;letter-spacing:0}
  #nv-root.nv-desk .nv-dcta:disabled{background:var(--nv-seg);color:var(--nv-lab);border:1px solid var(--nv-line);cursor:default}
  /* NOVA-VENDA-EMPTY-STATE-01, desktop: the start point, and the disabled inputs of
     the fast-entry row readable rather than greyed out by the browser. */
  /* The desktop's secondary grey is read at a distance on a 1366px screen; at
     #7A8797 it was 3.66:1 and made the whole empty page look washed out. Inside
     the desktop layout only, the same token is the readable grey. The phone keeps
     its own value. */
  #nv-root.nv-desk{--nv-mut:var(--nv-lab)}
  #nv-root.nv-desk .nv-dsel.nv-next{border-color:var(--nv-blue);box-shadow:0 0 0 3px var(--nv-nextring,#E3ECFC)}
  #nv-root.nv-desk .nv-start{margin-top:7px;font-size:12px}
  #nv-root.nv-desk .nv-dtbar input:disabled{color:var(--nv-lab);-webkit-text-fill-color:var(--nv-lab)}
  #nv-root.nv-desk .nv-dback{width:100%;margin:8px 0 0;height:38px;border:0;background:transparent;color:var(--nv-ink2);font-weight:700;font-size:13px;cursor:pointer}
  #nv-root.nv-desk .nv-dfine{margin:10px 0 0;font-size:11.5px;color:var(--nv-mut);text-align:center}
  #nv-root.nv-desk .nv-dseg{display:inline-flex;background:var(--nv-bg);border-radius:10px;padding:4px;gap:4px}
  #nv-root.nv-desk .nv-dseg button,#nv-root.nv-desk .nv-ddias button{height:38px;padding:0 18px;border:0;border-radius:8px;background:transparent;font-weight:800;font-size:12.5px;letter-spacing:.04em;color:var(--nv-mut);cursor:pointer}
  #nv-root.nv-desk .nv-dseg button.nv-on{background:var(--nv-white);color:var(--nv-navy);box-shadow:0 1px 3px rgba(17,27,39,.12)}
  #nv-root.nv-desk .nv-ddias{display:flex;gap:6px;margin:12px 0 0}
  #nv-root.nv-desk .nv-ddias button{border:1.5px solid var(--nv-line);background:var(--nv-white)}
  #nv-root.nv-desk .nv-ddias button.nv-on{border-color:var(--nv-navy);color:var(--nv-navy)}
  #nv-root.nv-desk .nv-dpay{display:grid;grid-template-columns:minmax(0,1fr) 190px 32px;gap:10px;align-items:center;margin:0 0 10px}
  #nv-root.nv-desk .nv-dselcx select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
  #nv-root.nv-desk .nv-dselcx.nv-dnone{border-color:var(--nv-ambr);background:var(--nv-amberbg)}
  #nv-root.nv-desk .nv-dselcx.nv-dnone .nv-dt{color:var(--nv-amber)}
  #nv-root.nv-desk .nv-dbig{height:58px;border-radius:11px;width:100%;box-sizing:border-box;justify-content:flex-end}
  #nv-root.nv-desk .nv-dbig input{width:100%;font-size:17px}
  #nv-root.nv-desk .nv-daddc{height:38px;padding:0 14px;border:1.5px dashed var(--nv-line);border-radius:10px;background:transparent;color:var(--nv-blue);font-weight:700;font-size:13px;cursor:pointer}
  #nv-root.nv-desk .nv-msg{margin:0;padding:14px 16px;border-radius:12px;background:var(--nv-bg);color:var(--nv-ink2)}
  #nv-root.nv-desk .nv-msg.nv-green{background:var(--nv-greenbg)}
  #nv-root.nv-desk .nv-msg.nv-amber{background:var(--nv-amberbg)}
  #nv-root.nv-desk .nv-msg.nv-red{background:var(--nv-redbg)}
}

/* ===== VENDA-IMPORT-01 STEP 5 (owner, 2026-10-10) — the import pieces ONLY; everything above is unchanged.
   Drawn only while a note is imported, except the «Importar de nota» entry. Colours from this screen's own tokens. */
#nv-root .nv-impentry{margin:8px 0 4px}
#nv-root .nv-impbtn{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px dashed var(--nv-line);border-radius:12px;background:var(--nv-white);color:var(--nv-ink);text-align:left;font:inherit;cursor:pointer}
#nv-root .nv-impbtn:disabled{color:var(--nv-lab);background:var(--nv-bg);cursor:default}  /* by colour, never opacity; >= 4.5:1 (NOVA-VENDA-EMPTY-STATE-01) */
#nv-root .nv-impbtn b{display:block;font-size:14px}
#nv-root .nv-impbtn small{display:block;font-size:12px;color:var(--nv-lab);font-weight:500}
#nv-root .nv-impbtn .nv-ar{margin-left:auto}
#nv-root .nv-impico{font-size:18px}
#nv-root .nv-ibd{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;vertical-align:middle;border:0;font-family:inherit}
#nv-root .nv-ibd-ok{background:var(--nv-greenbg);color:var(--nv-green)}
#nv-root .nv-ibd-m{background:var(--nv-seg);color:var(--nv-blue)}
#nv-root .nv-ibd-w{background:var(--nv-amberbg);color:var(--nv-amber)}
#nv-root .nv-ibd-n{background:var(--nv-redbg);color:var(--nv-red)}
#nv-root .nv-imp{margin:-2px 0 10px;padding:8px 10px;border-left:3px solid var(--nv-line);display:flex;flex-direction:column;gap:6px}
#nv-root .nv-impfrom{font-size:12px;color:var(--nv-lab)}
#nv-root .nv-impfrom i{font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:10px;color:var(--nv-mut);margin-right:4px}
#nv-root .nv-impopts{display:flex;flex-direction:column;gap:6px}
#nv-root .nv-impopt{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--nv-line);border-radius:10px;background:var(--nv-white);color:var(--nv-ink);font:inherit;text-align:left;cursor:pointer}
#nv-root .nv-impopt.nv-on{border-color:var(--nv-blue);box-shadow:0 0 0 2px var(--nv-seg)}
#nv-root .nv-imprd{width:14px;height:14px;border-radius:50%;border:2px solid var(--nv-faint);flex:none}
#nv-root .nv-impopt.nv-on .nv-imprd{border-color:var(--nv-blue);background:var(--nv-blue)}
#nv-root .nv-impsim{margin-left:auto;font-weight:700;color:var(--nv-ink2);font-variant-numeric:tabular-nums}
#nv-root .nv-imprem{align-self:flex-start;border:0;background:none;padding:2px 0;color:var(--nv-ink2);font:inherit;font-size:13px;cursor:pointer}
#nv-root .nv-impacts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#nv-root .nv-impmini{padding:7px 12px;border-radius:9px;border:1px solid var(--nv-blue);background:var(--nv-blue);color:var(--nv-white);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
#nv-root .nv-impmini:disabled{background:var(--nv-off);border-color:var(--nv-off);color:var(--nv-white);cursor:default}
#nv-root .nv-impmini.nv-impg{background:var(--nv-white);color:var(--nv-blue)}
#nv-root .nv-impwhy{font-size:12px;color:var(--nv-amber)}
#nv-root .nv-impgap{padding:8px 10px;border-radius:10px;background:var(--nv-amberbg);color:var(--nv-ink);font-size:12px;display:flex;flex-direction:column;gap:6px}
#nv-root .nv-impgap b{color:var(--nv-amber)}
#nv-root .nv-imprev{position:sticky;top:0;z-index:5;margin:0 0 10px;padding:10px 12px;border-radius:12px;background:var(--nv-white);border:1px solid var(--nv-line);box-shadow:0 2px 8px var(--nv-shade)}
#nv-root .nv-imprt{display:flex;align-items:center;justify-content:space-between;gap:8px}
#nv-root .nv-impnext{border:0;background:var(--nv-navy);color:var(--nv-white);border-radius:9px;padding:6px 12px;font:inherit;font-weight:600;cursor:pointer}
#nv-root .nv-impchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#nv-root .nv-impchips .nv-ibd{margin:0;cursor:pointer}
#nv-root .nv-impsug{width:100%;display:flex;align-items:center;gap:8px;margin:0 0 6px;padding:9px 12px;border:1px dashed var(--nv-ambr);border-radius:10px;background:var(--nv-amberbg);color:var(--nv-ink);font:inherit;text-align:left;cursor:pointer}
#nv-root .nv-impsug small{display:block;font-size:11px;color:var(--nv-lab);font-weight:500}
#nv-root .nv-impsug .nv-ar{margin-left:auto}
#nv-root .nv-impcx{margin:6px 0 0}
#nv-root .nv-impmatch{margin-top:6px;font-size:13px;font-weight:600}
#nv-root .nv-impyes{color:var(--nv-green)}
#nv-root .nv-impno{color:var(--nv-red)}
#nv-root .nv-impintro{font-size:14px;color:var(--nv-ink2);line-height:1.45;margin-bottom:12px}
#nv-root .nv-impfile{display:block;margin:0 0 8px;padding:12px;border-radius:12px;background:var(--nv-navy);color:var(--nv-white);font-weight:700;text-align:center;cursor:pointer}
#nv-root .nv-impfile.nv-impg{background:var(--nv-white);color:var(--nv-navy);border:1px solid var(--nv-line)}
#nv-root .nv-impfine{margin-top:8px;font-size:12px;color:var(--nv-lab)}
#nv-root .nv-impread{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 0}
#nv-root .nv-impspin{width:28px;height:28px;border-radius:50%;border:3px solid var(--nv-line);border-top-color:var(--nv-blue);animation:nvImpSpin 1s linear infinite}
#nv-root .nv-impstep{font-size:13px;color:var(--nv-lab)}
@keyframes nvImpSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#nv-root .nv-impspin{animation:none}}
#nv-root .nv-dimpr td{padding-top:0;border-top:0}
