.lead-composition{min-width:0;color:#eee4f6;display:grid;gap:12px}
.lead-composition-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:16px;border:1px solid #553c68;border-radius:14px;background:linear-gradient(120deg,#2c1d3c,#191320)}
.lead-composition-head h4{margin:3px 0 6px;font-size:19px;color:#f8efff}.lead-composition-head p{margin:0;font-size:12px;line-height:1.5;color:#bfa9cd}.lead-composition .eyebrow{color:#c99ee9}
.lead-composition-counts{display:flex;gap:8px;flex-shrink:0}.lead-composition-counts span{display:grid;gap:2px;padding:8px 12px;min-width:74px;border:1px solid #594268;border-radius:10px;text-align:right;color:#b8a1c8;font-size:10px;background:#130f1c}.lead-composition-counts b{font-size:17px;color:#efdcff}
.lead-composition-actions,.lead-composition-bottom,.lead-composition-bottom>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lead-composition-bottom{justify-content:space-between;padding-top:5px}.lead-composition .btn{font-size:12px;min-height:38px}.lead-composition .btn.primary{background:#8050aa;border-color:#9e70c2;color:#fff}.lead-composition .btn.ghost{border-color:#503b60;color:#d7c3e5;background:#21172b}.lead-composition .btn:disabled{opacity:.5;cursor:default}
.lead-composition-status,.lead-composition-error,.lead-composition-readonly{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.lead-composition-status{color:#d1afe8}.lead-composition-error{color:#ffb4c0;background:#3a1d2b;border:1px solid #784353;border-radius:9px;padding:9px 12px}.lead-composition-error:empty,.lead-composition-status:empty{display:none}.lead-composition-readonly{color:#b7a1c7}
.lead-composition-source{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}.lead-composition-source>span{border:1px solid #5b426b;border-radius:99px;padding:4px 8px;color:#e1c8f4}.lead-composition-source b{color:#f4e6ff}.lead-composition-source small{margin-left:auto;color:#b6a0c4;font-size:11px}
.lead-module-head,.lead-module-line{display:grid;grid-template-columns:28px minmax(170px,1fr) 145px 94px 135px 34px;gap:12px;align-items:center}.lead-module-head{padding:0 12px;font-size:10px;color:#ad95be}.lead-module-lines{border:1px solid #493356;border-radius:12px;overflow:hidden}.lead-module-line{padding:13px 12px;border-top:1px solid #3b2a47;background:#1b1422}.lead-module-line:first-child{border-top:0}.lead-module-line.unresolved{background:#282019}.lead-module-index{font-size:11px;color:#9b82ac}.lead-module-title{min-width:0;display:grid;gap:3px}.lead-module-title b{font-size:13px;color:#f5eaff;overflow-wrap:anywhere}.lead-module-title span,.lead-module-title small{overflow-wrap:anywhere;font-size:12px;line-height:1.4;color:#c8b2d7}.lead-module-title small{font-size:10px;color:#b39cc1}.lead-module-dimensions{font-size:11px;line-height:1.4;color:#baa3ca}.lead-module-quantity{display:block!important;margin:0!important}.lead-module-quantity>span{display:none}.lead-module-quantity input{width:100%;padding:8px;min-height:36px;text-align:center;background:#170f20;border:1px solid #594069;border-radius:8px;color:#f1e5fa}.lead-module-quantity-text{font-size:13px;text-align:center}.lead-module-match{display:grid;justify-items:start;gap:5px;font-size:11px}.lead-module-match .ok{color:#8dd3b0}.lead-module-match .warn{color:#ebc379}.lead-module-link{padding:3px 0;border:0;border-bottom:1px dotted #a77ac6;color:#dbb8f4;background:transparent;cursor:pointer;font-size:11px;text-align:left}.lead-module-link:disabled{opacity:.6;cursor:default}.lead-module-remove{width:32px;height:32px;border:1px solid #6f4252;border-radius:8px;color:#f0b4c3;background:#351f2b;font-size:20px;cursor:pointer}.lead-module-remove:disabled{opacity:.4;cursor:default}
.lead-composition-empty{padding:35px 18px;text-align:center;border:1px dashed #59406b;border-radius:14px;background:#17101e}.lead-composition-empty>span{display:block;font-size:36px;color:#a87acb;margin-bottom:10px}.lead-composition-empty h4{margin:0 0 9px;font-size:16px;color:#e8d5f6}.lead-composition-empty p{font-size:12px;line-height:1.6;color:#b59dc6;max-width:540px;margin:auto}.lead-composition-hint{margin:0;font-size:11px;line-height:1.4;color:#b39cc4}.lead-composition-document[aria-disabled=true]{opacity:.45;cursor:default}
dialog.lead-module-picker{width:min(800px,calc(100vw - 24px))!important;height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 28px)!important;inset:0!important;margin:auto!important;padding:0;border:1px solid #75508d;border-radius:16px;background:#191120;color:#f4e8ff;overflow:hidden}.lead-module-picker::backdrop{background:#07040dbd}.lead-module-picker-card{width:100%;max-height:calc(100dvh - 32px);padding:20px;display:grid;gap:13px;overflow:auto;background:#191120}.lead-module-picker .panel-head{margin:0}.lead-module-picker h3{margin:3px 0 0;font-size:20px}.lead-module-picker .eyebrow{color:#c79be7}.lead-module-picker label{display:grid;gap:6px;font-size:12px;color:#c8afd9}.lead-module-picker input{width:100%;min-height:40px;padding:9px 11px;background:#21172c;border:1px solid #614275;border-radius:9px;color:#f3e5fe}.lead-module-picker input:focus{outline:2px solid #c597e8;outline-offset:1px}.lead-model-sets{max-width:180px}.lead-picker-status{font-size:12px;color:#bba1ce;line-height:1.4}.lead-picker-error{font-size:12px;color:#ffb4c0;line-height:1.5}.lead-picker-error:empty{display:none}.lead-picker-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0}.lead-picker-item{display:grid;gap:5px;align-content:start;text-align:left;min-height:83px;min-width:0;padding:13px;border:1px solid #513962;border-radius:11px;background:#24192e;color:#eee0fa;cursor:pointer}.lead-picker-item:hover,.lead-picker-item:focus-visible{border-color:#b584da;background:#322140;outline:0}.lead-picker-item b{font-size:13px;overflow-wrap:anywhere}.lead-picker-item span{font-size:11px;line-height:1.5;color:#c7afd7;overflow-wrap:anywhere}.lead-picker-item small{font-size:10px;color:#ad94bf}.lead-picker-item:disabled{opacity:.5;cursor:default}
@media(max-width:1050px){.lead-module-head,.lead-module-line{grid-template-columns:22px minmax(150px,1fr) 95px 82px 120px 30px;gap:9px}.lead-composition-head{flex-wrap:wrap}.lead-module-dimensions{font-size:10px}}
@media(max-width:760px){.lead-composition-head{padding:13px;gap:12px}.lead-composition-head h4{font-size:17px}.lead-composition-counts span{min-width:69px;padding:6px 10px}.lead-composition-actions{display:grid;grid-template-columns:1fr 1fr}.lead-composition-actions .btn{padding:9px 8px;font-size:11px;white-space:normal}.lead-module-head{display:none}.lead-module-line{grid-template-columns:20px minmax(0,1fr) 76px 30px;gap:9px;padding:12px 9px}.lead-module-title{grid-column:2}.lead-module-dimensions{grid-column:2;grid-row:2}.lead-module-quantity,.lead-module-quantity-text{grid-column:3;grid-row:1}.lead-module-match{grid-column:2/4;grid-row:3;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lead-module-remove{grid-column:4;grid-row:1}.lead-composition-source small{margin-left:0}.lead-composition-bottom{display:grid;gap:9px}.lead-composition-bottom>div{gap:7px}.lead-composition-bottom .btn{font-size:11px;padding:8px 10px}.lead-module-picker-card{padding:14px}.lead-picker-results{grid-template-columns:1fr}}

.lead-composition-quantity-warning{padding:10px 12px;border:1px solid #8b6b36;border-radius:9px;background:#33291a;color:#f1d49a;font-size:12px;line-height:1.5}

dialog.lead-module-picker>.lead-module-picker-card{height:auto!important;min-height:0!important}

/* Module sale prices are separate from procurement and production costs. */
.lead-composition .lead-module-head,.lead-composition .lead-module-line{grid-template-columns:22px minmax(155px,1.6fr) minmax(110px,1fr) 64px minmax(105px,1fr) minmax(125px,1.1fr) minmax(130px,1.15fr) 32px;gap:10px;align-items:start}
.lead-composition .lead-module-head{align-items:center;line-height:1.4}
.lead-composition .lead-module-line{padding:14px 12px}
.lead-composition .lead-module-title{grid-column:auto;gap:5px}
.lead-composition .lead-module-match{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;grid-column:auto;grid-row:auto;margin-top:3px}
.lead-composition .lead-module-dimensions{grid-column:auto;grid-row:auto;font-size:10px!important}
.lead-composition .lead-module-field{display:grid!important;min-width:0;gap:6px;margin:0!important;grid-column:auto;grid-row:auto;font-size:12px}
.lead-composition .lead-module-field>span{display:none;color:#b8a2c8;font-size:10px;line-height:1.35}
.lead-composition .lead-module-field>b{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.lead-composition .lead-module-field input,.lead-composition .lead-discount-controls input,.lead-composition .lead-discount-controls select{width:100%;min-width:0;min-height:38px;padding:8px 7px;border:1px solid #594069;border-radius:8px;background:#170f20;color:#f1e5fa;font:inherit;box-sizing:border-box}
.lead-composition .lead-module-color input{text-align:left}
.lead-composition .lead-module-price input{text-align:right}
.lead-composition .lead-module-field input::placeholder{color:#957da6;font-size:11px}
.lead-composition .lead-module-field input:focus-visible,.lead-composition .lead-discount-controls input:focus-visible,.lead-composition .lead-discount-controls select:focus-visible{outline:2px solid #c597e8;outline-offset:1px}
.lead-composition input[aria-invalid=true]{border-color:#f08ca5;box-shadow:0 0 0 1px #f08ca54d}
.lead-composition .lead-discount-controls{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:4px;min-width:0}
.lead-composition .lead-discount-controls input{text-align:right}
.lead-composition .lead-discount-controls select{padding:8px 2px;text-align:center}
.lead-composition .lead-module-discount>small{color:#b9a0cb;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.lead-composition .lead-module-sums{display:grid;gap:5px;margin:0;min-width:0;font-size:11px}
.lead-composition .lead-module-sums>div{display:flex;justify-content:space-between;gap:6px;align-items:baseline;min-width:0}
.lead-composition .lead-module-sums dt{color:#b6a0c5;font-size:9px;line-height:1.5}
.lead-composition .lead-module-sums dd{margin:0;text-align:right;overflow-wrap:anywhere;color:#dac6e8;font-variant-numeric:tabular-nums}
.lead-composition .lead-module-sums .final{border-top:1px solid #50355d;padding-top:5px}
.lead-composition .lead-module-sums .final dd{color:#f5e9ff;font-weight:700;font-size:12px}
.lead-composition .lead-module-remove{grid-column:auto;grid-row:auto}
.lead-composition-pricing{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(280px,1.1fr);gap:14px 28px;padding:18px;border:1px solid #59406b;border-radius:12px;background:#21172b;min-width:0}
.lead-overall-discount{min-width:0;max-width:310px}
.lead-overall-discount h4{margin:0 0 9px;font-size:13px;color:#f4e6ff}
.lead-overall-discount p{margin:8px 0 0;color:#bca3cf;font-size:11px;line-height:1.5}
.lead-price-summary{display:grid;gap:8px;min-width:0;margin:0}
.lead-price-summary>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;min-width:0;font-size:12px}
.lead-price-summary dt{color:#c2a9d3;line-height:1.5}
.lead-price-summary dd{margin:0;text-align:right;color:#ead8f6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.lead-price-summary .final{border-top:1px solid #674878;padding-top:10px;margin-top:2px}
.lead-price-summary .final dt{color:#f4e6ff;font-weight:700}
.lead-price-summary .final dd{font-size:19px;font-weight:700;color:#fff0ff}
.lead-price-feedback{grid-column:1/-1;margin:0;color:#bca5cc;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.lead-price-feedback.invalid{color:#ffb4c0}
@media(max-width:1100px){
  .lead-composition .lead-module-head{display:none}
  .lead-composition .lead-module-line{grid-template-columns:22px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 32px;gap:12px}
  .lead-composition .lead-module-index{grid-column:1;grid-row:1}
  .lead-composition .lead-module-title{grid-column:2/5;grid-row:1}
  .lead-composition .lead-module-remove{grid-column:5;grid-row:1}
  .lead-composition .lead-module-quantity,.lead-composition .lead-module-quantity-text{grid-column:2;grid-row:2}
  .lead-composition .lead-module-color{grid-column:3;grid-row:2}
  .lead-composition .lead-module-price{grid-column:4;grid-row:2}
  .lead-composition .lead-module-discount{grid-column:2;grid-row:3}
  .lead-composition .lead-module-sums{grid-column:3/5;grid-row:3;align-self:end}
  .lead-composition .lead-module-field>span{display:block}
  .lead-composition .lead-module-sums dt{font-size:10px}
  .lead-composition .lead-module-sums dd{font-size:12px}
}
@media(max-width:600px){
  .lead-composition .lead-module-line{grid-template-columns:18px minmax(0,1fr) minmax(0,1fr) 30px;gap:12px 9px;padding:13px 9px}
  .lead-composition .lead-module-title{grid-column:2/4;grid-row:1}
  .lead-composition .lead-module-remove{grid-column:4;grid-row:1}
  .lead-composition .lead-module-quantity,.lead-composition .lead-module-quantity-text{grid-column:2;grid-row:2}
  .lead-composition .lead-module-color{grid-column:3;grid-row:2}
  .lead-composition .lead-module-price{grid-column:2;grid-row:3}
  .lead-composition .lead-module-discount{grid-column:3;grid-row:3}
  .lead-composition .lead-module-sums{grid-column:2/4;grid-row:4}
  .lead-composition .lead-module-sums .final dd{font-size:14px}
  .lead-composition-pricing{grid-template-columns:minmax(0,1fr);gap:18px;padding:13px}
  .lead-overall-discount{max-width:none}
  .lead-price-summary>div{font-size:11px;gap:10px}
  .lead-price-summary .final dd{font-size:18px}
}