/* Quotation editor. Scoped under two ids so the older !important layers do not reach it. */
html body #modal-root #quotation-form.qe{
  --qe-bg:var(--neo-bg,var(--bg,#f4f7fb));
  --qe-card:var(--surface,#fff);
  --qe-line:var(--line,#e3e9f2);
  --qe-ink:var(--text,#102a43);
  --qe-muted:var(--muted,#5b7085);
  --qe-soft:color-mix(in srgb,var(--qe-ink) 4%,var(--qe-card));
  --qe-accent:var(--primary,#2563eb);
  --qe-ok:#15803d;--qe-ok-bg:#dcfce7;
  --qe-low:#b45309;--qe-low-bg:#fef3c7;
  --qe-bad:#b91c1c;--qe-bad-bg:#fee2e2;
  position:absolute!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important;
  background:var(--qe-bg)!important;color:var(--qe-ink)!important;font-size:14px!important;
}
html.dark body #modal-root #quotation-form.qe{
  --qe-bg:#0b1322;--qe-card:#111c2e;--qe-line:#22324a;--qe-ink:#e6eef7;--qe-muted:#93a6ba;
  --qe-ok:#4ade80;--qe-ok-bg:rgba(34,197,94,.14);--qe-low:#fbbf24;--qe-low-bg:rgba(245,158,11,.14);--qe-bad:#f87171;--qe-bad-bg:rgba(239,68,68,.15);
}

/* Header */
html body #modal-root #quotation-form.qe .qe-head{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  min-height:0!important;padding:12px clamp(16px,3vw,40px)!important;border:0!important;border-bottom:1px solid var(--qe-line)!important;background:var(--qe-card)!important;
}
html body #modal-root #quotation-form.qe .qe-title{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
html body #modal-root #quotation-form.qe .qe-title h2{margin:0!important;font-size:1.05rem!important;font-weight:800!important;letter-spacing:-.01em!important;color:var(--qe-ink)!important}
html body #modal-root #quotation-form.qe .qe-title p{margin:2px 0 0!important;color:var(--qe-muted)!important;font-size:.82rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #modal-root #quotation-form.qe .qe-title p span{opacity:.5!important;margin:0 2px!important}
html body #modal-root #quotation-form.qe .qe-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important}
html body #modal-root #quotation-form.qe .qe-actions .btn{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:36px!important;padding:0 14px!important;border-radius:9px!important;font-size:.84rem!important;font-weight:700!important;white-space:nowrap!important;width:auto!important}
html body #modal-root #quotation-form.qe .qe-actions .btn .ui-icon{width:16px!important;height:16px!important}

/* Body */
html body #modal-root #quotation-form.qe>.qe-body{height:auto!important;padding:18px clamp(16px,3vw,40px) 48px!important;overflow-y:auto!important;overflow-x:hidden!important;background:transparent!important}
html body #modal-root #quotation-form.qe>.qe-body>*{width:min(1320px,100%)!important;max-width:1320px!important;margin-left:auto!important;margin-right:auto!important}
html body #modal-root #quotation-form.qe .qe-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:16px!important;align-items:start!important;margin-top:14px!important}
html body #modal-root #quotation-form.qe .qe-main,
html body #modal-root #quotation-form.qe .qe-side{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important}
html body #modal-root #quotation-form.qe .qe-side{position:sticky!important;top:0!important}

/* Customer request strip */
html body #modal-root #quotation-form.qe .qe-request{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 10px!important;padding:11px 14px!important;border:1px solid var(--qe-line)!important;border-radius:12px!important;background:var(--qe-card)!important;font-size:.86rem!important}
html body #modal-root #quotation-form.qe .qe-request-label{color:var(--qe-muted)!important;font-size:.75rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important}
html body #modal-root #quotation-form.qe .qe-tag{padding:2px 9px!important;border-radius:999px!important;background:var(--qe-soft)!important;border:1px solid var(--qe-line)!important;color:var(--qe-muted)!important;font-size:.78rem!important;font-weight:600!important}
html body #modal-root #quotation-form.qe .qe-request-price{margin-left:auto!important;font-weight:800!important;font-variant-numeric:tabular-nums!important}
html body #modal-root #quotation-form.qe .qe-request-notes{flex:1 0 100%!important;margin:2px 0 0!important;color:var(--qe-muted)!important;font-size:.8rem!important}

/* Cards */
html body #modal-root #quotation-form.qe .qe-card{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:16px!important;border:1px solid var(--qe-line)!important;border-radius:14px!important;background:var(--qe-card)!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}
html body #modal-root #quotation-form.qe [hidden],html body #modal-root #quotation-form.qe .qe-card[hidden]{display:none!important}
html body #modal-root #quotation-form.qe .qe-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 12px!important}
html body #modal-root #quotation-form.qe .qe-card-head h3{margin:0!important;font-size:.92rem!important;font-weight:800!important;color:var(--qe-ink)!important}
html body #modal-root #quotation-form.qe .qe-card-tools{display:flex!important;gap:8px!important;align-items:center!important}
html body #modal-root #quotation-form.qe .qe-muted{color:var(--qe-muted)!important;font-size:.78rem!important}

/* Fields */
html body #modal-root #quotation-form.qe .qe-fields{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
html body #modal-root #quotation-form.qe .qe-fields-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body #modal-root #quotation-form.qe .qe-fields-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body #modal-root #quotation-form.qe .qe-span{grid-column:1/-1!important}
html body #modal-root #quotation-form.qe .qe-field{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;margin:0!important}
html body #modal-root #quotation-form.qe .qe-field>span{color:var(--qe-muted)!important;font-size:.74rem!important;font-weight:700!important}
html body #modal-root #quotation-form.qe .field,
html body #modal-root #quotation-form.qe .textarea{
  width:100%!important;min-height:38px!important;height:38px!important;padding:0 11px!important;border:1px solid var(--qe-line)!important;border-radius:9px!important;
  background:var(--qe-card)!important;color:var(--qe-ink)!important;font:inherit!important;font-size:.88rem!important;font-weight:500!important;box-shadow:none!important;
}
html body #modal-root #quotation-form.qe select.field{padding-right:28px!important}
html body #modal-root #quotation-form.qe .textarea{height:auto!important;min-height:76px!important;padding:9px 11px!important;resize:vertical!important;line-height:1.45!important}
html body #modal-root #quotation-form.qe .field:focus,
html body #modal-root #quotation-form.qe .textarea:focus{outline:none!important;border-color:var(--qe-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--qe-accent) 18%,transparent)!important}

/* Package includes */
html body #modal-root #quotation-form.qe .qe-includes{margin:12px 0 0!important;border-top:1px dashed var(--qe-line)!important;padding-top:10px!important}
html body #modal-root #quotation-form.qe .qe-includes>summary{display:flex!important;align-items:center!important;gap:10px!important;cursor:pointer!important;list-style:none!important;font-size:.84rem!important;font-weight:700!important;color:var(--qe-muted)!important}
html body #modal-root #quotation-form.qe .qe-includes>summary::-webkit-details-marker{display:none}
html body #modal-root #quotation-form.qe .qe-includes>summary::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
html body #modal-root #quotation-form.qe .qe-includes[open]>summary::before{transform:rotate(45deg)}
html body #modal-root #quotation-form.qe .qe-includes>summary strong{margin-left:auto!important;color:var(--qe-ink)!important;font-variant-numeric:tabular-nums!important}
html body #modal-root #quotation-form.qe #package-includes-preview{margin-top:10px!important}
html body #modal-root #quotation-form.qe #package-includes-preview .form-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:6px!important}

/* Line items */
html body #modal-root #quotation-form.qe .qe-lines-card{padding:16px 0 8px!important}
html body #modal-root #quotation-form.qe .qe-lines-card>.qe-card-head{padding:0 16px!important}
html body #modal-root #quotation-form.qe .qe-template{width:190px!important;height:32px!important;min-height:32px!important;font-size:.8rem!important}
html body #modal-root #quotation-form.qe .qe-table-wrap{overflow-x:auto!important}
html body #modal-root #quotation-form.qe .qe-table{width:100%!important;min-width:640px!important;border-collapse:collapse!important;table-layout:fixed!important;margin:0!important}
html body #modal-root #quotation-form.qe .qe-table th{padding:8px 6px!important;border-bottom:1px solid var(--qe-line)!important;background:var(--qe-soft)!important;color:var(--qe-muted)!important;font-size:.7rem!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;text-align:left!important}
html body #modal-root #quotation-form.qe .qe-table th.qe-c-qty,
html body #modal-root #quotation-form.qe .qe-table th.qe-c-price,
html body #modal-root #quotation-form.qe .qe-table th.qe-c-total{text-align:right!important}
html body #modal-root #quotation-form.qe .qe-table td{padding:8px 6px!important;border:0!important;border-bottom:1px solid var(--qe-line)!important;vertical-align:top!important;background:transparent!important}
html body #modal-root #quotation-form.qe .qe-table tr:last-child td{border-bottom:0!important}
html body #modal-root #quotation-form.qe .qe-c-sn{width:52px!important;padding-left:14px!important}
html body #modal-root #quotation-form.qe .qe-c-qty{width:84px!important}
html body #modal-root #quotation-form.qe .qe-c-price{width:140px!important}
html body #modal-root #quotation-form.qe .qe-c-total{width:130px!important}
html body #modal-root #quotation-form.qe .qe-c-act{width:104px!important;padding-right:12px!important;text-align:right!important;white-space:nowrap!important}
html body #modal-root #quotation-form.qe td.qe-c-sn{display:table-cell!important}
html body #modal-root #quotation-form.qe .qe-grip{display:inline-flex!important;width:12px!important;color:var(--qe-muted)!important;opacity:.45!important;cursor:grab!important;vertical-align:middle!important}
html body #modal-root #quotation-form.qe .qe-grip .ui-icon{width:12px!important;height:16px!important}
html body #modal-root #quotation-form.qe input.qe-sn{display:inline-block!important;width:22px!important;min-height:0!important;height:38px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--qe-muted)!important;font-size:.8rem!important;font-weight:700!important;text-align:center!important;vertical-align:middle!important;box-shadow:none!important}
html body #modal-root #quotation-form.qe .qe-c-qty .field,
html body #modal-root #quotation-form.qe .qe-c-price .field{text-align:right!important;font-variant-numeric:tabular-nums!important;-moz-appearance:textfield}
html body #modal-root #quotation-form.qe .qe-c-qty .field::-webkit-inner-spin-button,
html body #modal-root #quotation-form.qe .qe-c-price .field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
html body #modal-root #quotation-form.qe input.qe-amount{width:100%!important;min-height:0!important;height:38px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--qe-ink)!important;font-weight:700!important;font-size:.88rem!important;text-align:right!important;font-variant-numeric:tabular-nums!important;box-shadow:none!important}
html body #modal-root #quotation-form.qe .qe-line:hover td{background:color-mix(in srgb,var(--qe-accent) 3%,transparent)!important}
html body #modal-root #quotation-form.qe .qe-line .qe-c-act .qe-icon-btn{opacity:.55!important}
html body #modal-root #quotation-form.qe .qe-line:hover .qe-c-act .qe-icon-btn,
html body #modal-root #quotation-form.qe .qe-line:focus-within .qe-c-act .qe-icon-btn{opacity:1!important}
html body #modal-root #quotation-form.qe .qe-add-line{display:inline-flex!important;align-items:center!important;gap:6px!important;margin:8px 14px 4px!important;padding:7px 10px!important;border:1px dashed var(--qe-line)!important;border-radius:9px!important;background:transparent!important;color:var(--qe-accent)!important;font-weight:700!important;font-size:.84rem!important;cursor:pointer!important;width:auto!important}
html body #modal-root #quotation-form.qe .qe-add-line:hover{border-color:var(--qe-accent)!important;background:color-mix(in srgb,var(--qe-accent) 6%,transparent)!important}
html body #modal-root #quotation-form.qe .qe-add-line .ui-icon{width:15px!important;height:15px!important}

/* Icon buttons */
html body #modal-root #quotation-form.qe .qe-icon-btn{display:inline-grid!important;place-items:center!important;width:30px!important;height:30px!important;min-height:0!important;padding:0!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--qe-muted)!important;cursor:pointer!important}
html body #modal-root #quotation-form.qe .qe-icon-btn:hover{background:var(--qe-soft)!important;border-color:var(--qe-line)!important;color:var(--qe-ink)!important}
html body #modal-root #quotation-form.qe .qe-icon-btn.qe-danger:hover{color:var(--qe-bad)!important;background:var(--qe-bad-bg)!important;border-color:transparent!important}
html body #modal-root #quotation-form.qe .qe-icon-btn .ui-icon{width:16px!important;height:16px!important}
html body #modal-root #quotation-form.qe .qe-title .qe-icon-btn{width:34px!important;height:34px!important;border-color:var(--qe-line)!important}

/* Stock link under each description */
html body #modal-root #quotation-form.qe .qe-stock-slot:empty{display:none!important}
html body #modal-root #quotation-form.qe .qe-stock-slot{margin-top:6px!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important}
html body #modal-root #quotation-form.qe .qe-pill,
html body #modal-root .qe-pill{display:inline-flex!important;align-items:center!important;gap:6px!important;max-width:100%!important;min-height:0!important;height:24px!important;padding:0 9px!important;border:1px solid var(--qe-line,#e3e9f2)!important;border-radius:999px!important;background:var(--qe-card,#fff)!important;color:var(--qe-muted,#5b7085)!important;font-size:.74rem!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:auto!important}
html body #modal-root .qe-pill .qe-dot,html body #modal-root #quotation-form.qe .qe-pill .qe-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:currentColor}
html body #modal-root .qe-pill.ok,html body #modal-root #quotation-form.qe .qe-pill.ok{color:var(--qe-ok,#15803d)!important;background:var(--qe-ok-bg,#dcfce7)!important;border-color:transparent!important}
html body #modal-root .qe-pill.low,html body #modal-root #quotation-form.qe .qe-pill.low{color:var(--qe-low,#b45309)!important;background:var(--qe-low-bg,#fef3c7)!important;border-color:transparent!important}
html body #modal-root .qe-pill.short,html body #modal-root #quotation-form.qe .qe-pill.short{color:var(--qe-bad,#b91c1c)!important;background:var(--qe-bad-bg,#fee2e2)!important;border-color:transparent!important}
html body #modal-root .qe-pill.none,html body #modal-root #quotation-form.qe .qe-pill.none{border-style:dashed!important}
html body #modal-root .qe-pill.off,html body #modal-root #quotation-form.qe .qe-pill.off{opacity:.75!important}
html body #modal-root .qe-pill b,html body #modal-root #quotation-form.qe .qe-pill b{font-weight:800!important;color:inherit!important}
html body #modal-root .qe-pill:hover,html body #modal-root #quotation-form.qe .qe-pill:hover{filter:brightness(.97)!important}

/* Totals */
html body #modal-root #quotation-form.qe .qe-totals{padding:14px 16px!important}
html body #modal-root #quotation-form.qe .qe-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:34px!important;font-size:.88rem!important}
html body #modal-root #quotation-form.qe .qe-row>span:first-child{color:var(--qe-muted)!important;font-weight:600!important}
html body #modal-root #quotation-form.qe .qe-row strong,
html body #modal-root #quotation-form.qe .qe-row b{font-variant-numeric:tabular-nums!important;font-weight:700!important;color:var(--qe-ink)!important}
html body #modal-root #quotation-form.qe .qe-row-sub{min-height:20px!important;margin-top:-4px!important;font-size:.78rem!important;color:var(--qe-muted)!important}
html body #modal-root #quotation-form.qe .qe-row-sub b{color:var(--qe-muted)!important;font-weight:600!important}
html body #modal-root #quotation-form.qe .qe-row-rule{margin-top:4px!important;padding-top:6px!important;border-top:1px solid var(--qe-line)!important}
html body #modal-root #quotation-form.qe .qe-row-hidden{display:none!important}
html body #modal-root #quotation-form.qe .qe-discount{display:grid!important;grid-template-columns:54px 130px!important;gap:6px!important}
html body #modal-root #quotation-form.qe .qe-discount .field,
html body #modal-root #quotation-form.qe .qe-vat{height:32px!important;min-height:32px!important;font-size:.84rem!important;text-align:right!important}
html body #modal-root #quotation-form.qe .qe-discount select.field{text-align:left!important;padding:0 6px 0 9px!important}
html body #modal-root #quotation-form.qe .qe-vat{width:190px!important}
html body #modal-root #quotation-form.qe .qe-grand{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;margin:10px -16px -14px!important;padding:14px 16px!important;border-top:1px solid var(--qe-line)!important;border-radius:0 0 14px 14px!important;background:color-mix(in srgb,var(--qe-accent) 7%,var(--qe-card))!important}
html body #modal-root #quotation-form.qe .qe-grand span{font-weight:800!important;font-size:.88rem!important}
html body #modal-root #quotation-form.qe .qe-grand strong{font-size:1.35rem!important;font-weight:800!important;letter-spacing:-.02em!important;font-variant-numeric:tabular-nums!important;color:var(--qe-ink)!important}

/* Stock summary */
html body #modal-root #quotation-form.qe .qe-stock ul{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:8px!important}
html body #modal-root #quotation-form.qe .qe-stock li{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2px 10px!important;font-size:.82rem!important}
html body #modal-root #quotation-form.qe .qe-stock li strong{font-weight:700!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body #modal-root #quotation-form.qe .qe-stock li span{font-variant-numeric:tabular-nums!important;font-weight:700!important;text-align:right!important}
html body #modal-root #quotation-form.qe .qe-stock li small{grid-column:1/-1!important;color:var(--qe-muted)!important;font-size:.74rem!important}
html body #modal-root #quotation-form.qe .qe-stock li.short span{color:var(--qe-bad)!important}
html body #modal-root #quotation-form.qe .qe-stock li.low span{color:var(--qe-low)!important}
html body #modal-root #quotation-form.qe .qe-stock li.ok span{color:var(--qe-ok)!important}
html body #modal-root #quotation-form.qe .qe-stock-state{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:3px 9px!important;border-radius:999px!important;font-size:.74rem!important;font-weight:800!important}
html body #modal-root #quotation-form.qe .qe-stock-state.ok{background:var(--qe-ok-bg)!important;color:var(--qe-ok)!important}
html body #modal-root #quotation-form.qe .qe-stock-state.short{background:var(--qe-bad-bg)!important;color:var(--qe-bad)!important}

/* Segmented control, switch and chips */
html body #modal-root #quotation-form.qe .qe-seg{display:grid!important;grid-template-columns:1fr 1fr!important;gap:2px!important;padding:3px!important;margin:0 0 12px!important;border:1px solid var(--qe-line)!important;border-radius:10px!important;background:var(--qe-soft)!important}
html body #modal-root #quotation-form.qe .qe-seg label{position:relative!important;margin:0!important;cursor:pointer!important}
html body #modal-root #quotation-form.qe .qe-seg input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}
html body #modal-root #quotation-form.qe .qe-seg span{display:block!important;padding:6px 8px!important;border-radius:8px!important;text-align:center!important;color:var(--qe-muted)!important;font-size:.8rem!important;font-weight:700!important}
html body #modal-root #quotation-form.qe .qe-seg input:checked+span{background:var(--qe-card)!important;color:var(--qe-ink)!important;box-shadow:0 1px 2px rgba(15,23,42,.12)!important}
html body #modal-root #quotation-form.qe .qe-seg input:focus-visible+span{outline:2px solid var(--qe-accent)!important;outline-offset:1px!important}
html body #modal-root #quotation-form.qe .qe-switch{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:0!important;color:var(--qe-muted)!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important}
html body #modal-root #quotation-form.qe .qe-switch input{accent-color:var(--qe-accent)!important;width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important;flex:0 0 16px!important}
html body #modal-root #quotation-form.qe .qe-chips{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
html body #modal-root #quotation-form.qe .qe-chip-check{position:relative!important;margin:0!important;cursor:pointer!important}
html body #modal-root #quotation-form.qe .qe-chip-check input{position:absolute!important;opacity:0!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;pointer-events:none!important}
html body #modal-root #quotation-form.qe .qe-chip-check span{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;border:1px solid var(--qe-line)!important;border-radius:999px!important;color:var(--qe-muted)!important;font-size:.8rem!important;font-weight:700!important}
html body #modal-root #quotation-form.qe .qe-chip-check input:checked+span{border-color:var(--qe-accent)!important;background:color-mix(in srgb,var(--qe-accent) 10%,var(--qe-card))!important;color:var(--qe-accent)!important}
html body #modal-root #quotation-form.qe .qe-chip-check input:checked+span::before{content:"✓"}
html body #modal-root #quotation-form.qe .qe-chip-check input:focus-visible+span{outline:2px solid var(--qe-accent)!important;outline-offset:2px!important}
html body #modal-root #quotation-form.qe .sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}

/* Stock picker popover (lives in #modal-root, outside the form) */
html body #modal-root .qe-picker{position:fixed!important;z-index:20!important;width:380px!important;max-width:calc(100vw - 24px)!important;max-height:min(440px,70vh)!important;display:flex!important;flex-direction:column!important;border:1px solid var(--line,#e3e9f2)!important;border-radius:12px!important;background:var(--surface,#fff)!important;color:var(--text,#102a43)!important;box-shadow:0 18px 48px rgba(15,23,42,.22)!important;overflow:hidden!important;font-size:14px!important}
html.dark body #modal-root .qe-picker{background:#111c2e!important;border-color:#22324a!important;color:#e6eef7!important}
html body #modal-root .qe-picker-search{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;border-bottom:1px solid var(--line,#e3e9f2)!important}
html body #modal-root .qe-picker-search .ui-icon{width:16px!important;height:16px!important;color:var(--muted,#5b7085)!important;flex:0 0 16px!important}
html body #modal-root .qe-picker-search input{flex:1!important;width:auto!important;height:28px!important;min-height:0!important;padding:0!important;border:0!important;outline:none!important;background:transparent!important;color:inherit!important;font:inherit!important;box-shadow:none!important}
html body #modal-root .qe-picker-list{flex:1!important;overflow-y:auto!important;padding:6px!important;margin:0!important;list-style:none!important}
html body #modal-root .qe-picker-group{padding:8px 8px 4px!important;color:var(--muted,#5b7085)!important;font-size:.68rem!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important}
html body #modal-root .qe-picker-opt{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:2px 10px!important;width:100%!important;min-height:0!important;padding:8px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:inherit!important;text-align:left!important;cursor:pointer!important;font:inherit!important}
html body #modal-root .qe-picker-opt:hover,
html body #modal-root .qe-picker-opt.on{background:color-mix(in srgb,var(--primary,#2563eb) 9%,transparent)!important}
html body #modal-root .qe-picker-opt strong{font-size:.86rem!important;font-weight:700!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body #modal-root .qe-picker-opt small{grid-column:1!important;color:var(--muted,#5b7085)!important;font-size:.74rem!important}
html body #modal-root .qe-picker-opt .qe-free{grid-row:1/span 2!important;grid-column:2!important;font-size:.78rem!important;font-weight:800!important;font-variant-numeric:tabular-nums!important}
html body #modal-root .qe-picker-opt .qe-free.ok{color:#15803d!important}
html body #modal-root .qe-picker-opt .qe-free.low{color:#b45309!important}
html body #modal-root .qe-picker-opt .qe-free.out{color:#b91c1c!important}
html body #modal-root .qe-picker-foot{display:flex!important;gap:6px!important;padding:8px!important;border-top:1px solid var(--line,#e3e9f2)!important}
html body #modal-root .qe-picker-foot button{flex:1!important;min-height:32px!important;padding:0 10px!important;border:1px solid var(--line,#e3e9f2)!important;border-radius:8px!important;background:transparent!important;color:inherit!important;font:inherit!important;font-size:.8rem!important;font-weight:700!important;cursor:pointer!important;width:auto!important}
html body #modal-root .qe-picker-foot button:hover{background:color-mix(in srgb,var(--primary,#2563eb) 7%,transparent)!important}
html body #modal-root .qe-picker-empty{padding:18px!important;text-align:center!important;color:var(--muted,#5b7085)!important;font-size:.84rem!important}

@media(max-width:1100px){
  html body #modal-root #quotation-form.qe .qe-grid{grid-template-columns:minmax(0,1fr)!important}
  html body #modal-root #quotation-form.qe .qe-side{position:static!important}
}
@media(max-width:760px){
  html body #modal-root #quotation-form.qe .qe-head{flex-wrap:wrap!important}
  html body #modal-root #quotation-form.qe .qe-actions{width:100%!important;overflow-x:auto!important}
  html body #modal-root #quotation-form.qe .qe-actions [data-close-modal]{display:none!important}
  html body #modal-root #quotation-form.qe .qe-actions .btn{flex:1 0 auto!important;justify-content:center!important}
  html body #modal-root #quotation-form.qe .qe-fields-3,
  html body #modal-root #quotation-form.qe .qe-fields-2{grid-template-columns:1fr!important}
  html body #modal-root #quotation-form.qe .qe-request-price{margin-left:0!important}
}

/* Hidden wins over every display rule above. */
html body #modal-root #quotation-form.qe [hidden][hidden]{display:none!important}
@media(max-width:760px){
  html body #modal-root #quotation-form.qe .qe-table{min-width:0!important;table-layout:auto!important}
  html body #modal-root #quotation-form.qe .qe-table thead{display:none!important}
  html body #modal-root #quotation-form.qe .qe-table,
  html body #modal-root #quotation-form.qe .qe-table tbody{display:block!important;width:100%!important}
  html body #modal-root #quotation-form.qe .qe-table tr.qe-line{display:grid!important;grid-template-columns:22px minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"sn desc desc" "sn qty price" "sn total act"!important;gap:8px!important;padding:12px 14px!important;border-bottom:1px solid var(--qe-line)!important}
  html body #modal-root #quotation-form.qe .qe-table tr.qe-line td{display:block!important;width:auto!important;padding:0!important;border:0!important}
  html body #modal-root #quotation-form.qe .qe-table td.qe-c-sn{grid-area:sn!important}
  html body #modal-root #quotation-form.qe .qe-table td.qe-c-desc{grid-area:desc!important}
  html body #modal-root #quotation-form.qe .qe-table td.qe-c-qty{grid-area:qty!important}
  html body #modal-root #quotation-form.qe .qe-table td.qe-c-price{grid-area:price!important}
  html body #modal-root #quotation-form.qe .qe-table td.qe-c-total{grid-area:total!important}
  html body #modal-root #quotation-form.qe .qe-table td.qe-c-act{grid-area:act!important;text-align:right!important}
  html body #modal-root #quotation-form.qe .qe-grip{display:none!important}
  html body #modal-root #quotation-form.qe input.qe-sn{width:100%!important}
  html body #modal-root #quotation-form.qe input.qe-amount{text-align:left!important}
  html body #modal-root #quotation-form.qe .qe-line .qe-c-act .qe-icon-btn{opacity:1!important}
  html body #modal-root #quotation-form.qe .qe-discount{grid-template-columns:54px minmax(0,130px)!important}
  html body #modal-root #quotation-form.qe .qe-vat{width:170px!important}
}