/* ============================================================================
   BARBAROS — new-orders.css ("Nouvelles commandes", owner-approved model 10 "Tableur et lot"
   + the paste-a-message creation mode of model 5 "WhatsApp et collage")
   ----------------------------------------------------------------------------
   Port of prototypes/sales-new-orders-models.html (shared primitives, .m10-*, .bg, .m5-pz/.m5-hl)
   onto the app tokens. Every class is namespaced `nwo-` and avoids the legacy painter fragments
   (card, -chip, -tag, -box, block, badge, status, overlay, dialog, -modal, toast, primary).
   Roots: .nwo-root inside #panel-new-orders.nwo-on, .nwo-ovl (creation flow + prompts, on <body>),
   .nwo-menu (row "more" menu) and .nwo-cbl (combobox list, inside .nwo-ovl).

   Collision list — the only !important declarations in this file:
     1. `#panel-new-orders.nwo-on > :not(.nwo-root)` display:none — the legacy header/grid keep their
        own display rules (orders.css .new-orders-grid); reversible: NewOrders.disable().
     2. form controls (input/select/textarea) background/border/radius/padding/shadow —
        buld-theme.css "UNIFIED INPUTS" forces them on every select/textarea/typed input; the sheet
        cells must stay chromeless and the form fields must keep the prototype rhythm.
     3. `a.nwo-btn` / `.nwo-igrp > a` colour — global link colours (styles.css, orders-theme.css).
     4. reduced-motion block — buld-theme.css forces `transition … !important` on inputs/buttons.
   ============================================================================ */

html[data-buld-theme] #panel-new-orders.nwo-on > :not(.nwo-root) { display: none !important; }

html[data-buld-theme] :is(.nwo-root, .nwo-ovl, .nwo-menu, .nwo-cbl) {
    --n-page: var(--buld-page); --n-s2: var(--buld-surface-2); --n-card: var(--buld-elevated);
    --n-menu: var(--buld-elevated-2); --n-hover: var(--buld-hover);
    --n-ink: var(--buld-ink-1); --n-ink2: var(--buld-ink-2); --n-ink3: var(--buld-ink-3); --n-ink4: var(--buld-ink-4);
    --n-line: var(--buld-divider); --n-hair: var(--buld-hairline);
    --n-cta: var(--buld-cta); --n-cta-soft: var(--buld-cta-soft);
    --n-ok: #3DD598; --n-warn: #F5A524; --n-bad: #F36B6B; --n-vio: #B58CFF; --n-cyan: #4FD1E8;
    --n-on: var(--buld-page); --n-mix: #fff; --n-focus: color-mix(in srgb, var(--buld-surface-2) 82%, #fff);
    --n-shadow: 0 24px 48px -24px rgba(0, 0, 0, .8);
    color: var(--n-ink); font-size: 13px; line-height: 1.45;
    font-family: var(--buld-font-text, "SF Pro Text", Inter, "Segoe UI", system-ui, sans-serif);
}
html[data-buld-theme="light"] :is(.nwo-root, .nwo-ovl, .nwo-menu, .nwo-cbl) {
    --n-ok: #14AE5C; --n-warn: #C2660D; --n-bad: #D33A2B; --n-vio: #7B4FD9; --n-cyan: #0E8FA6;
    --n-on: #fff; --n-mix: #000; --n-focus: var(--buld-elevated-2);
    --n-shadow: 0 24px 48px -24px rgba(20, 30, 60, .35);
}
html[data-buld-theme] :is(.nwo-root, .nwo-ovl, .nwo-menu, .nwo-cbl) *,
html[data-buld-theme] :is(.nwo-root, .nwo-ovl, .nwo-menu, .nwo-cbl) *::before,
html[data-buld-theme] :is(.nwo-root, .nwo-ovl, .nwo-menu, .nwo-cbl) *::after { box-sizing: border-box; }
html[data-buld-theme] :is(.nwo-root, .nwo-ovl, .nwo-menu) :is(button, input, select, textarea) { font: inherit; color: inherit; }
html[data-buld-theme] :is(.nwo-root, .nwo-ovl, .nwo-menu) button { cursor: pointer; -webkit-tap-highlight-color: transparent; }
html[data-buld-theme] :is(.nwo-root, .nwo-ovl, .nwo-menu) button:disabled { cursor: not-allowed; opacity: .45; }
html[data-buld-theme] :is(.nwo-root, .nwo-ovl, .nwo-menu) :focus-visible { outline: 2px solid var(--n-cta); outline-offset: 2px; }
html[data-buld-theme] .nwo-root { display: block; min-width: 0; margin: 0 0 24px; }
html[data-buld-theme] .nwo-ico { flex: none; display: inline-block; vertical-align: middle; }
html[data-buld-theme] .nwo-num { font-variant-numeric: tabular-nums; white-space: nowrap; }
html[data-buld-theme] .nwo-mut { color: var(--n-ink3); }
html[data-buld-theme] .nwo-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------------------------------------------------------------- header */
html[data-buld-theme] .nwo-hd { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-end; justify-content: space-between; margin-bottom: 16px; }
html[data-buld-theme] .nwo-hd h1 { margin: 0; font: 700 26px/1.15 var(--buld-font-display, inherit); letter-spacing: -.025em; display: flex; align-items: center; gap: 10px; color: var(--n-ink); }
html[data-buld-theme] .nwo-hd h1 .nwo-cnt { font: 700 12px/1 var(--buld-font-text, inherit); padding: 5px 9px; border-radius: 999px; background: var(--n-cta-soft); color: color-mix(in srgb, var(--n-cta) 62%, var(--n-mix)); letter-spacing: 0; }
html[data-buld-theme] .nwo-hd p { margin: 4px 0 0; color: var(--n-ink3); }
html[data-buld-theme] .nwo-hd .nwo-acts { display: flex; gap: 8px; flex-wrap: wrap; }

/* ---------------------------------------------------------------- buttons */
html[data-buld-theme] .nwo-btn { border: 1px solid var(--n-line); background: var(--n-card); color: var(--n-ink); border-radius: 10px; padding: 8px 13px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: 7px; transition: background .15s, transform .12s, filter .15s; white-space: nowrap; text-decoration: none; min-height: 34px; line-height: 1.2; }
html[data-buld-theme] a.nwo-btn { color: var(--n-ink) !important; text-decoration: none !important; }
html[data-buld-theme] .nwo-btn:hover { background: var(--n-hover); }
html[data-buld-theme] .nwo-btn:active { transform: scale(.98); }
html[data-buld-theme] .nwo-btn.is-p { background: var(--n-cta); border-color: var(--n-cta); color: var(--n-on); }
html[data-buld-theme] .nwo-btn.is-p:hover { filter: brightness(1.08); }
html[data-buld-theme] .nwo-btn.is-ok { background: var(--n-ok); border-color: var(--n-ok); color: var(--n-on); }
html[data-buld-theme] .nwo-btn.is-bad { color: var(--n-bad); }
html[data-buld-theme] .nwo-btn.is-badf { background: var(--n-bad); border-color: var(--n-bad); color: var(--n-on); }
html[data-buld-theme] .nwo-btn.is-gh { background: transparent; border-color: transparent; color: var(--n-ink2); }
html[data-buld-theme] .nwo-btn.is-gh:hover { background: var(--n-hover); color: var(--n-ink); }
html[data-buld-theme] .nwo-btn.is-sm { padding: 5px 10px; font-size: 12px; border-radius: 8px; min-height: 28px; }
html[data-buld-theme] .nwo-ib { width: 32px; height: 32px; border-radius: 9px; border: 1px solid var(--n-line); background: var(--n-card); color: var(--n-ink2); display: inline-grid; place-items: center; flex: none; text-decoration: none; padding: 0; }
html[data-buld-theme] .nwo-ib:hover { background: var(--n-hover); color: var(--n-ink); }
html[data-buld-theme] .nwo-ib.is-sm { width: 28px; height: 28px; border-radius: 8px; }
html[data-buld-theme] .nwo-ib.is-xs { width: 22px; height: 22px; border-radius: 7px; }
html[data-buld-theme] .nwo-igrp { display: inline-flex; border: 1px solid var(--n-line); border-radius: 10px; background: var(--n-s2); overflow: hidden; flex: none; }
html[data-buld-theme] .nwo-igrp > * { width: 32px; height: 30px; border: 0; border-inline-end: 1px solid var(--n-hair); background: transparent; color: var(--n-ink2) !important; display: grid; place-items: center; text-decoration: none; padding: 0; }
html[data-buld-theme] .nwo-igrp > *:last-child { border-inline-end: 0; }
html[data-buld-theme] .nwo-igrp > *:hover { background: var(--n-hover); color: var(--n-ink) !important; }
html[data-buld-theme] .nwo-ctx { border: 1px solid color-mix(in srgb, var(--c, var(--n-cta)) 45%, transparent); background: color-mix(in srgb, var(--c, var(--n-cta)) 14%, transparent); color: color-mix(in srgb, var(--c, var(--n-cta)) 55%, var(--n-mix)); border-radius: 9px; padding: 5px 10px; font-weight: 650; font-size: 12px; display: inline-flex; gap: 6px; align-items: center; white-space: nowrap; min-height: 30px; }
html[data-buld-theme] .nwo-ctx:hover { background: color-mix(in srgb, var(--c, var(--n-cta)) 24%, transparent); }

/* ---------------------------------------------------------------- pills, flags, avatars */
html[data-buld-theme] .nwo-pill { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 700; border: 1px solid color-mix(in srgb, var(--c) 42%, transparent); background: color-mix(in srgb, var(--c) 15%, transparent); color: color-mix(in srgb, var(--c) 60%, var(--n-mix)); white-space: nowrap; }
html[data-buld-theme] .nwo-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--c); }
html[data-buld-theme] .nwo-flg { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 600; color: var(--c, var(--n-ink3)); white-space: nowrap; margin-inline-end: 8px; }
html[data-buld-theme] .nwo-src { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--n-ink3); white-space: nowrap; }
html[data-buld-theme] .nwo-src i { width: 6px; height: 6px; border-radius: 2px; background: var(--c); }
html[data-buld-theme] .nwo-th { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; font-weight: 800; font-size: 11.5px; color: #fff; flex: none; letter-spacing: .02em; text-shadow: 0 1px 2px rgba(0, 0, 0, .35); overflow: hidden; background: var(--n-s2); }
html[data-buld-theme] .nwo-th img { width: 100%; height: 100%; object-fit: cover; display: block; }
html[data-buld-theme] .nwo-th.is-sm { width: 30px; height: 30px; border-radius: 8px; font-size: 10px; }
html[data-buld-theme] .nwo-age { font-size: 11.5px; color: var(--n-ink3); white-space: nowrap; font-weight: 400; }
html[data-buld-theme] .nwo-age.is-late { color: var(--n-warn); }
html[data-buld-theme] .nwo-age.is-vlate { color: var(--n-bad); }

/* ---------------------------------------------------------------- filters, search, KPIs */
html[data-buld-theme] .nwo-fcs { display: flex; gap: 6px; flex-wrap: wrap; max-width: 100%; min-width: 0; }
html[data-buld-theme] .nwo-fc { border: 1px solid var(--n-line); background: var(--n-s2); border-radius: 999px; padding: 5px 11px; font-weight: 600; color: var(--n-ink2); display: inline-flex; gap: 6px; align-items: center; font-size: 12.5px; white-space: nowrap; }
html[data-buld-theme] .nwo-fc:hover { background: var(--n-hover); color: var(--n-ink); }
html[data-buld-theme] .nwo-fc em { font-style: normal; color: var(--n-ink4); font-variant-numeric: tabular-nums; }
html[data-buld-theme] .nwo-fc[aria-pressed="true"] { background: var(--n-ink); color: var(--n-page); border-color: var(--n-ink); }
html[data-buld-theme] .nwo-fc[aria-pressed="true"] em { color: color-mix(in srgb, var(--n-page) 60%, var(--n-ink)); }
html[data-buld-theme] .nwo-fc .nwo-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--c); }
html[data-buld-theme] .nwo-srch { display: flex; align-items: center; gap: 8px; background: var(--n-s2); border: 1px solid var(--n-line); border-radius: 10px; padding: 0 10px; min-width: 0; flex: 0 1 300px; color: var(--n-ink3); margin: 0; }
html[data-buld-theme] .nwo-root .nwo-srch input { border: 0 !important; background: transparent !important; outline: 0; padding: 8px 0 !important; width: 100%; min-width: 0; color: var(--n-ink); box-shadow: none !important; border-radius: 0 !important; }
html[data-buld-theme] .nwo-tools { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-bottom: 12px; }
html[data-buld-theme] .nwo-root .nwo-sel, html[data-buld-theme] .nwo-ovl .nwo-sel { background: var(--n-s2) !important; border: 1px solid var(--n-line) !important; border-radius: 10px !important; padding: 7px 10px !important; color: var(--n-ink2); min-height: 34px; height: auto; box-shadow: none !important; }
html[data-buld-theme] .nwo-kps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
html[data-buld-theme] .nwo-kp { background: var(--n-card); border: 1px solid var(--n-hair); border-radius: 14px; padding: 12px 14px; min-width: 0; }
html[data-buld-theme] .nwo-kp small { display: block; color: var(--n-ink3); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-buld-theme] .nwo-kp strong { display: block; font: 700 22px/1.2 var(--buld-font-display, inherit); letter-spacing: -.02em; margin-top: 4px; font-variant-numeric: tabular-nums; color: var(--n-ink); }
html[data-buld-theme] .nwo-kp span { font-size: 11.5px; color: var(--n-ink4); }

/* empty */
html[data-buld-theme] .nwo-empty { padding: 40px 20px; text-align: center; color: var(--n-ink3); border: 1px dashed var(--n-line); border-radius: 16px; display: grid; gap: 10px; justify-items: center; }
html[data-buld-theme] .nwo-empty .nwo-ei { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--n-s2); color: var(--n-ink3); }
html[data-buld-theme] .nwo-empty strong { color: var(--n-ink); font-size: 14px; }

/* ---------------------------------------------------------------- the sheet (Tableur) */
html[data-buld-theme] .nwo-bulk { display: flex; gap: 8px; align-items: center; background: var(--n-cta-soft); border: 1px solid color-mix(in srgb, var(--n-cta) 60%, transparent); border-radius: 12px; padding: 8px 12px; margin-bottom: 10px; flex-wrap: wrap; }
html[data-buld-theme] .nwo-bulk .nwo-sp { flex: 1; }
html[data-buld-theme] .nwo-sh { background: var(--n-card); border: 1px solid var(--n-hair); border-radius: 16px; overflow: auto; box-shadow: 0 18px 40px -26px rgba(0, 0, 0, .7); }
html[data-buld-theme] .nwo-t { width: 100%; border-collapse: collapse; min-width: 1120px; }
html[data-buld-theme] .nwo-t th { position: sticky; top: 0; background: var(--n-s2); text-align: left; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--n-ink3); font-weight: 600; padding: 11px 9px; border-bottom: 1px solid var(--n-line); z-index: 1; white-space: nowrap; }
html[data-buld-theme] .nwo-t td { padding: 9px 9px; border-bottom: 1px solid var(--n-hair); vertical-align: middle; color: var(--n-ink); background: transparent; }
html[data-buld-theme] .nwo-t tr:last-child td { border-bottom: 0; }
html[data-buld-theme] .nwo-t tbody tr { cursor: pointer; transition: background .15s; }
html[data-buld-theme] .nwo-t tbody tr:hover td { background: color-mix(in srgb, var(--n-ink) 3%, transparent); }
html[data-buld-theme] .nwo-t tbody tr.is-on td { background: var(--n-cta-soft); }
html[data-buld-theme] .nwo-t tbody tr.is-flash td { animation: nwo-flash 1.6s ease; }
html[data-buld-theme] .nwo-t .nwo-c2 b { display: block; font-weight: 600; }
html[data-buld-theme] .nwo-t td.nwo-c2 > b { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-buld-theme] .nwo-t .nwo-c2 > span { font-size: 12px; color: var(--n-ink3); white-space: nowrap; }
html[data-buld-theme] .nwo-t .nwo-pr { display: flex; gap: 8px; align-items: center; }
html[data-buld-theme] .nwo-t .nwo-pr .nwo-c2 b { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-buld-theme] .nwo-t input[type="checkbox"] { accent-color: var(--n-cta); width: 15px; height: 15px; margin: 0; }
html[data-buld-theme] .nwo-t .nwo-ra { text-align: right; white-space: nowrap; }
html[data-buld-theme] .nwo-t .nwo-ra > span { display: inline-flex; gap: 6px; align-items: center; }

/* ---------------------------------------------------------------- form primitives */
html[data-buld-theme] .nwo-fl { display: grid; gap: 5px; min-width: 0; align-content: start; margin: 0; }
html[data-buld-theme] .nwo-fl-l { font-size: 11.5px; font-weight: 600; color: var(--n-ink3); display: flex; justify-content: space-between; gap: 8px; align-items: center; }
html[data-buld-theme] .nwo-fl-l i { font-style: normal; font-weight: 500; color: var(--n-ink4); }
html[data-buld-theme] .nwo-fl-e { font-size: 11.5px; color: var(--n-bad); }
html[data-buld-theme] .nwo-fl-e:empty { display: none; }
html[data-buld-theme] .nwo-ovl :is(.nwo-inp, .nwo-fl select, .nwo-fl textarea, textarea.nwo-inp) {
    width: 100%; background: var(--n-s2) !important; border: 1px solid var(--n-line) !important; border-radius: 10px !important;
    padding: 9px 11px !important; outline: 0; color: var(--n-ink); min-width: 0; box-shadow: none !important; height: auto; min-height: 38px;
    transition: border-color .15s, background .15s;
}
html[data-buld-theme] .nwo-ovl :is(.nwo-inp, .nwo-fl select, .nwo-fl textarea):focus { border-color: var(--n-cta) !important; background: var(--n-focus) !important; }
html[data-buld-theme] .nwo-ovl [aria-invalid="true"] { border-color: color-mix(in srgb, var(--n-bad) 70%, transparent) !important; }
html[data-buld-theme] .nwo-ovl .nwo-fl textarea { resize: vertical; min-height: 62px; }
html[data-buld-theme] .nwo-ph-h { font-size: 11.5px; display: flex; gap: 6px; align-items: center; min-height: 16px; color: var(--n-ink4); }
html[data-buld-theme] .nwo-ph-h.is-ok { color: var(--n-ok); }
html[data-buld-theme] .nwo-ph-h.is-bad { color: var(--n-bad); }
html[data-buld-theme] .nwo-known { display: flex; gap: 10px; align-items: center; justify-content: space-between; background: color-mix(in srgb, var(--n-ok) 10%, transparent); border: 1px solid color-mix(in srgb, var(--n-ok) 30%, transparent); border-radius: 10px; padding: 7px 10px; font-size: 12px; }
html[data-buld-theme] .nwo-known:empty { display: none; }
html[data-buld-theme] .nwo-known.is-warn { background: color-mix(in srgb, var(--n-warn) 10%, transparent); border-color: color-mix(in srgb, var(--n-warn) 32%, transparent); }
html[data-buld-theme] .nwo-g2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
html[data-buld-theme] .nwo-seg { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
html[data-buld-theme] .nwo-seg button { border: 1px solid var(--n-line); background: var(--n-s2); border-radius: 12px; padding: 10px 12px; text-align: left; display: grid; gap: 2px; color: var(--n-ink2); }
html[data-buld-theme] .nwo-seg button b { color: var(--n-ink); font-weight: 650; display: flex; gap: 7px; align-items: center; }
html[data-buld-theme] .nwo-seg button span { font-size: 12px; }
html[data-buld-theme] .nwo-seg button[aria-pressed="true"] { border-color: var(--n-cta); background: var(--n-cta-soft); box-shadow: inset 0 0 0 1px var(--n-cta); }
html[data-buld-theme] .nwo-lns { display: grid; gap: 8px; }
html[data-buld-theme] .nwo-ln { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto auto; gap: 10px; align-items: center; background: var(--n-s2); border: 1px solid var(--n-hair); border-radius: 12px; padding: 9px 10px; }
html[data-buld-theme] .nwo-ln .nwo-nm b { display: block; font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-buld-theme] .nwo-ln .nwo-nm > span { font-size: 11.5px; color: var(--n-ink4); }
html[data-buld-theme] .nwo-ops { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
html[data-buld-theme] .nwo-op { border: 1px solid var(--n-line); background: var(--n-card); border-radius: 7px; padding: 3px 8px; font-size: 11.5px; font-weight: 600; color: var(--n-ink2); display: inline-flex; align-items: center; gap: 5px; }
html[data-buld-theme] .nwo-op[aria-pressed="true"] { border-color: var(--n-cta); background: var(--n-cta-soft); color: var(--n-ink); }
html[data-buld-theme] .nwo-op:disabled { text-decoration: line-through; }
html[data-buld-theme] .nwo-qty { display: inline-flex; align-items: center; border: 1px solid var(--n-line); border-radius: 9px; overflow: hidden; background: var(--n-card); }
html[data-buld-theme] .nwo-qty button { width: 28px; height: 28px; border: 0; background: transparent; color: var(--n-ink2); display: grid; place-items: center; padding: 0; }
html[data-buld-theme] .nwo-qty button:hover { background: var(--n-hover); }
html[data-buld-theme] .nwo-ovl .nwo-qty input { width: 34px !important; text-align: center; border: 0 !important; background: transparent !important; outline: 0; font-variant-numeric: tabular-nums; padding: 0 !important; min-height: 0; box-shadow: none !important; }
html[data-buld-theme] .nwo-lt { font-weight: 700; min-width: 78px; text-align: right; }
html[data-buld-theme] .nwo-ln-e { grid-column: 2 / -1; font-size: 11.5px; color: var(--n-warn); }
html[data-buld-theme] .nwo-ln-e:empty { display: none; }
html[data-buld-theme] .nwo-tot { display: grid; gap: 6px; }
html[data-buld-theme] .nwo-tot > div { display: flex; justify-content: space-between; gap: 10px; color: var(--n-ink2); }
html[data-buld-theme] .nwo-tot .nwo-big { border-top: 1px solid var(--n-line); padding-top: 9px; margin-top: 3px; color: var(--n-ink); font: 700 18px var(--buld-font-display, inherit); letter-spacing: -.01em; }
html[data-buld-theme] .nwo-sec { display: grid; gap: 10px; align-content: start; min-width: 0; }
html[data-buld-theme] .nwo-sec > h4 { margin: 0; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--n-ink3); display: flex; align-items: center; gap: 8px; }
html[data-buld-theme] .nwo-sec > h4 em { font-style: normal; font-weight: 700; width: 18px; height: 18px; border-radius: 50%; background: var(--n-s2); border: 1px solid var(--n-line); display: inline-grid; place-items: center; font-size: 10px; letter-spacing: 0; color: var(--n-ink2); }
html[data-buld-theme] .nwo-miss { font-size: 12px; color: var(--n-ink3); display: inline-flex; gap: 6px; align-items: center; }
html[data-buld-theme] .nwo-miss.is-ok { color: var(--n-ok); }
html[data-buld-theme] .nwo-cf { display: inline-flex; gap: 4px; align-items: center; font-size: 11px; font-weight: 600; color: var(--c); }
html[data-buld-theme] .nwo-cf::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--c); }

/* combobox */
html[data-buld-theme] .nwo-cbw { position: relative; min-width: 0; display: block; }
html[data-buld-theme] .nwo-cbl { position: fixed; z-index: calc(var(--p-z-modal, 140) + 6); background: var(--n-menu); border: 1px solid var(--n-line); border-radius: 12px; box-shadow: var(--n-shadow); max-height: 260px; overflow: auto; padding: 4px; min-width: 220px; }
html[data-buld-theme] .nwo-cbl button { display: flex; width: 100%; justify-content: space-between; gap: 10px; align-items: center; border: 0; background: transparent; text-align: left; padding: 7px 9px; border-radius: 8px; color: var(--n-ink2); font: inherit; cursor: pointer; }
html[data-buld-theme] .nwo-cbl button span { color: var(--n-ink4); font-size: 11.5px; white-space: nowrap; }
html[data-buld-theme] .nwo-cbl button[aria-selected="true"], html[data-buld-theme] .nwo-cbl button:hover { background: var(--n-hover); color: var(--n-ink); }
html[data-buld-theme] .nwo-cbl .nwo-none { padding: 10px; color: var(--n-ink4); font-size: 12px; }

/* ---------------------------------------------------------------- overlays */
html[data-buld-theme] .nwo-ovl { position: fixed; inset: 0; z-index: calc(var(--p-z-modal, 140) + 1); }
html[data-buld-theme] .nwo-scrim { position: absolute; inset: 0; background: rgba(10, 9, 12, .6); animation: nwo-fade .2s; }
html[data-buld-theme="light"] .nwo-scrim { background: rgba(20, 22, 30, .38); }
html[data-buld-theme] .nwo-mdlg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(560px, calc(100vw - 24px)); max-height: calc(100vh - 40px); background: var(--n-card); border: 1px solid var(--n-line); border-radius: 20px; display: flex; flex-direction: column; box-shadow: var(--n-shadow); animation: nwo-pop .2s cubic-bezier(.2, .8, .2, 1); color: var(--n-ink); }
html[data-buld-theme] .nwo-mdlg.is-xl { width: min(980px, calc(100vw - 24px)); }
html[data-buld-theme] .nwo-mdlg.is-full { width: min(1200px, calc(100vw - 24px)); }
html[data-buld-theme] .nwo-dh { display: flex; gap: 10px; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--n-hair); }
html[data-buld-theme] .nwo-dh h2 { margin: 0; font: 700 17px var(--buld-font-display, inherit); letter-spacing: -.01em; display: flex; gap: 9px; align-items: center; flex-wrap: wrap; color: var(--n-ink); }
html[data-buld-theme] .nwo-db { flex: 1; overflow: auto; padding: 16px 18px; display: grid; gap: 18px; align-content: start; min-height: 0; }
html[data-buld-theme] .nwo-df { border-top: 1px solid var(--n-hair); padding: 12px 18px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; background: var(--n-s2); border-radius: 0 0 20px 20px; }
html[data-buld-theme] .nwo-df .nwo-sp { flex: 1; }
html[data-buld-theme] .nwo-rsn { display: grid; gap: 6px; }
html[data-buld-theme] .nwo-rsn label { display: flex; gap: 10px; align-items: center; padding: 9px 11px; border: 1px solid var(--n-line); border-radius: 10px; background: var(--n-s2); cursor: pointer; margin: 0; color: var(--n-ink); font-weight: 500; }
html[data-buld-theme] .nwo-rsn label:has(input:checked) { border-color: var(--n-cta); background: var(--n-cta-soft); }
html[data-buld-theme] .nwo-rsn input[type="radio"] { accent-color: var(--n-cta); margin: 0; }
html[data-buld-theme] .nwo-rsn .nwo-inp { margin-inline-start: auto; width: 55%; min-height: 32px; padding: 6px 10px !important; }
html[data-buld-theme] .nwo-rsn .nwo-inp[type="datetime-local"] { width: auto; }
html[data-buld-theme] .nwo-menu { position: fixed; z-index: calc(var(--p-z-modal, 140) + 5); background: var(--n-menu); border: 1px solid var(--n-line); border-radius: 12px; box-shadow: var(--n-shadow); padding: 5px; min-width: 220px; animation: nwo-fade .14s; }
html[data-buld-theme] .nwo-menu :is(button, a) { display: flex; gap: 9px; align-items: center; width: 100%; border: 0; background: transparent; text-align: left; padding: 8px 10px; border-radius: 8px; color: var(--n-ink2) !important; text-decoration: none !important; font-weight: 500; }
html[data-buld-theme] .nwo-menu :is(button, a):hover { background: var(--n-hover); color: var(--n-ink) !important; }
html[data-buld-theme] .nwo-menu .is-bad { color: var(--n-bad) !important; }

/* tabs of the creation flow (two modes, one flow) */
html[data-buld-theme] .nwo-tabs { display: inline-flex; gap: 4px; padding: 3px; border-radius: 11px; background: var(--n-s2); border: 1px solid var(--n-line); }
html[data-buld-theme] .nwo-tabs button { border: 0; background: transparent; color: var(--n-ink2); border-radius: 8px; padding: 5px 11px; font-weight: 600; font-size: 12.5px; display: inline-flex; gap: 6px; align-items: center; }
html[data-buld-theme] .nwo-tabs button[aria-selected="true"] { background: var(--n-card); color: var(--n-ink); box-shadow: 0 1px 2px rgba(0, 0, 0, .25); }
html[data-buld-theme] .nwo-store { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--n-ink3); font-weight: 500; }
html[data-buld-theme] .nwo-store i { width: 6px; height: 6px; border-radius: 2px; background: var(--n-ink3); }

/* batch grid (Saisie par lot) */
html[data-buld-theme] .nwo-bgh { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
html[data-buld-theme] .nwo-bgh > span:last-child { display: flex; gap: 6px; flex-wrap: wrap; }
html[data-buld-theme] .nwo-bg { overflow: auto; border: 1px solid var(--n-line); border-radius: 14px; background: var(--n-s2); }
html[data-buld-theme] .nwo-bg table { border-collapse: collapse; width: 100%; min-width: 1410px; table-layout: fixed; }
html[data-buld-theme] .nwo-bg th { font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--n-ink3); font-weight: 600; text-align: left; padding: 8px; background: var(--n-card); border-bottom: 1px solid var(--n-line); white-space: nowrap; }
html[data-buld-theme] .nwo-bg td { border-bottom: 1px solid var(--n-hair); border-inline-end: 1px solid var(--n-hair); padding: 0; vertical-align: top; position: relative; color: var(--n-ink); background: transparent; }
html[data-buld-theme] .nwo-bg td:last-child { border-inline-end: 0; }
html[data-buld-theme] .nwo-ovl .nwo-bg :is(.nwo-inp, select) { border: 0 !important; border-radius: 0 !important; background: transparent !important; padding: 9px 8px !important; width: 100%; outline: 0; color: var(--n-ink); min-width: 0; min-height: 38px; box-shadow: none !important; }
html[data-buld-theme] .nwo-ovl .nwo-bg :is(.nwo-inp, select):focus { background: var(--n-focus) !important; box-shadow: inset 0 0 0 2px var(--n-cta) !important; }
html[data-buld-theme] .nwo-bg td.is-er { background: color-mix(in srgb, var(--n-bad) 11%, transparent); }
html[data-buld-theme] .nwo-bg td.is-er::after { content: attr(data-e); position: absolute; left: 4px; bottom: -1px; font-size: 10px; color: var(--n-bad); white-space: nowrap; pointer-events: none; max-width: calc(100% - 6px); overflow: hidden; text-overflow: ellipsis; }
html[data-buld-theme] .nwo-bg td .nwo-rn { padding: 9px 8px; color: var(--n-ink4); font-variant-numeric: tabular-nums; display: flex; gap: 6px; align-items: center; }
html[data-buld-theme] .nwo-bg td .nwo-rt { padding: 9px 8px; font-weight: 700; text-align: right; white-space: nowrap; }
html[data-buld-theme] .nwo-bg td .nwo-art { display: flex; gap: 6px; align-items: center; padding: 6px 8px; }
html[data-buld-theme] .nwo-bg td .nwo-art > span:not(.nwo-th) { min-width: 0; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-buld-theme] .nwo-bg tr.is-okr td:first-child { box-shadow: inset 3px 0 0 var(--n-ok); }
html[data-buld-theme] .nwo-bg tr.is-bdr td:first-child { box-shadow: inset 3px 0 0 var(--n-bad); }
html[data-buld-theme] .nwo-paste { display: grid; gap: 8px; }
html[data-buld-theme] .nwo-ovl input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
html[data-buld-theme] .nwo-ovl input[type="number"]::-webkit-inner-spin-button, html[data-buld-theme] .nwo-ovl input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
html[data-buld-theme] .nwo-ovl .nwo-paste textarea { min-height: 110px; font-family: "SF Mono", ui-monospace, Menlo, Consolas, monospace; font-size: 12px; }
html[data-buld-theme] .nwo-paste > div { display: flex; gap: 6px; justify-content: flex-end; }

/* paste-a-message (WhatsApp) */
html[data-buld-theme] .nwo-pz { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; }
html[data-buld-theme] .nwo-ovl .nwo-pz textarea.nwo-wa { width: 100%; min-height: 190px; line-height: 1.55; resize: vertical; padding: 12px !important; border-radius: 12px !important; }
html[data-buld-theme] .nwo-hl { background: var(--n-s2); border: 1px solid var(--n-hair); border-radius: 12px; padding: 12px; line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12.5px; color: var(--n-ink2); }
html[data-buld-theme] .nwo-hl mark { background: color-mix(in srgb, var(--c) 22%, transparent); color: var(--n-ink); border-radius: 5px; padding: 1px 4px; box-shadow: inset 0 -2px 0 var(--c); }
html[data-buld-theme] .nwo-leg { display: flex; gap: 10px; flex-wrap: wrap; font-size: 11.5px; color: var(--n-ink3); }
html[data-buld-theme] .nwo-leg span { display: inline-flex; gap: 5px; align-items: center; }
html[data-buld-theme] .nwo-leg i { width: 9px; height: 9px; border-radius: 3px; background: var(--c); }

@keyframes nwo-fade { from { opacity: 0; } }
@keyframes nwo-pop { from { opacity: 0; transform: translate(-50%, -48%) scale(.98); } }
@keyframes nwo-up { from { transform: translateY(40px); opacity: 0; } }
@keyframes nwo-flash { 0%, 40% { background: color-mix(in srgb, var(--n-ok) 22%, transparent); } }

/* ---------------------------------------------------------------- responsive */
@media (max-width: 1180px) {
    html[data-buld-theme] .nwo-kps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
    html[data-buld-theme] .nwo-hd h1 { font-size: 22px; }
    html[data-buld-theme] .nwo-hd .nwo-acts { width: 100%; }
    html[data-buld-theme] .nwo-hd .nwo-acts .nwo-btn { flex: 1; }
    html[data-buld-theme] .nwo-hd .nwo-acts .nwo-btn.is-gh { display: none; }
    html[data-buld-theme] .nwo-kps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html[data-buld-theme] .nwo-kps .nwo-kp:last-child { grid-column: span 2; }
    html[data-buld-theme] .nwo-kp span { display: none; }
    html[data-buld-theme] .nwo-kp { padding: 10px 12px; }
    html[data-buld-theme] .nwo-kp strong { font-size: 19px; }
    html[data-buld-theme] .nwo-tools > .nwo-srch { flex: 1 1 100%; }
    html[data-buld-theme] .nwo-g2 { grid-template-columns: 1fr; }
    html[data-buld-theme] .nwo-mdlg, html[data-buld-theme] .nwo-mdlg.is-xl, html[data-buld-theme] .nwo-mdlg.is-full { top: auto; bottom: 0; left: 0; transform: none; width: 100vw; max-height: 94vh; border-radius: 20px 20px 0 0; animation: nwo-up .25s cubic-bezier(.2, .8, .2, 1); }
    html[data-buld-theme] .nwo-df { border-radius: 0; }
    html[data-buld-theme] .nwo-dh { flex-wrap: wrap; }
    html[data-buld-theme] .nwo-ln { grid-template-columns: auto minmax(0, 1fr) auto; }
    html[data-buld-theme] .nwo-ln .nwo-qty { grid-column: 2; }
    html[data-buld-theme] .nwo-ln .nwo-lt { grid-column: 3; grid-row: 2; }
    html[data-buld-theme] .nwo-ln .nwo-rm { grid-column: 3; grid-row: 1; }
    html[data-buld-theme] .nwo-pz { grid-template-columns: 1fr; }
    html[data-buld-theme] .nwo-bg table, html[data-buld-theme] .nwo-bg thead { display: block; min-width: 0; }
    html[data-buld-theme] .nwo-bg thead, html[data-buld-theme] .nwo-bg colgroup { display: none; }
    html[data-buld-theme] .nwo-bg tbody, html[data-buld-theme] .nwo-bg tr { display: grid; }
    html[data-buld-theme] .nwo-bg tr { grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--n-line); padding: 6px; }
    html[data-buld-theme] .nwo-bg td { border: 0; border-radius: 8px; margin: 2px; min-width: 0; }
    html[data-buld-theme] .nwo-bg td.is-wd { grid-column: 1 / -1; }
    html[data-buld-theme] .nwo-bg td[data-l]::before { content: attr(data-l); display: block; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--n-ink4); padding: 6px 8px 0; }
}
@media (prefers-reduced-motion: reduce) {
    html[data-buld-theme] :is(.nwo-root, .nwo-ovl, .nwo-menu, .nwo-cbl) *,
    html[data-buld-theme] :is(.nwo-root, .nwo-ovl, .nwo-menu, .nwo-cbl) *::before,
    html[data-buld-theme] :is(.nwo-root, .nwo-ovl, .nwo-menu, .nwo-cbl) *::after,
    html[data-buld-theme] :is(.nwo-ovl, .nwo-menu) { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}