/* Shared quote, trial and order refinement. Uses existing form/theme tokens. */
body .bcp-quote-page .bcp-quote-card{max-width:980px;margin-inline:auto;padding:26px}
body .bcp-quote-page .trial-offer-header{font-size:13px;line-height:1.7;padding-bottom:12px!important}
body .bcp-quote-page .trial-offer-header p{font-size:13px;line-height:1.7;margin-bottom:10px}
body .bcp-quote-page .bcp-quote-progress{display:flex;gap:0;margin:14px 0 10px;counter-reset:none}
body .bcp-quote-page .bcp-quote-progress[hidden]{display:none}
body .bcp-quote-page .bcp-quote-progress>.bcp-step-item{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;flex:1;min-width:0;padding:8px 4px;border:0;border-radius:0;background:transparent;color:var(--bcp-text);font-size:12px;z-index:0}
body .bcp-quote-page .bcp-quote-progress>.bcp-step-item:not(:last-child)::after{content:"";position:absolute;width:26%;right:-13%;height:1px;background:var(--quote-border);z-index:-1}
body .bcp-quote-page .bcp-quote-progress .bcp-step-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;border:1px solid var(--quote-border);background:var(--quote-card);font-size:12px;font-weight:600;color:var(--bcp-text)}
body .bcp-quote-page .bcp-quote-progress .bcp-step-label{flex:none;padding:3px 4px;border:0;border-radius:0;background:var(--quote-card);font-size:12px;font-weight:600;color:inherit}
body .bcp-quote-page .bcp-quote-progress>.is-active{color:var(--bcp-primary)}
body .bcp-quote-page .bcp-quote-progress>.is-active .bcp-step-number{background:var(--bcp-primary);border-color:var(--bcp-primary);color:var(--bcp-on-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--bcp-primary) 9%,transparent)}
body .bcp-quote-page .bcp-quote-progress>.is-complete .bcp-step-number{background:var(--quote-soft);border-color:var(--bcp-primary);color:var(--bcp-primary)}
body .bcp-quote-page .bcp-quote-progress>.is-complete::after{background:var(--bcp-primary)}
body .bcp-quote-page .bcp-quote-step-status{text-align:center;margin:0 0 16px;font-size:10px;color:var(--bcp-text)}
body .bcp-quote-page .bcp-quote-heading{padding:0;border:0;background:transparent;border-radius:0;font-size:16px;margin:12px 0 14px;gap:9px;line-height:1.45}
body .bcp-quote-page .bcp-quote-heading i{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:var(--quote-soft);color:var(--bcp-primary);font-size:13px}
body .bcp-quote-page [data-step="0"] .bcp-quote-heading{margin-bottom:6px}
.bcp-contact-helper{margin:0 0 20px 41px;font-size:11px;line-height:1.65;color:var(--bcp-text)}
body .bcp-quote-page [data-step="0"] .form-element{margin-bottom:18px!important}
body .bcp-quote-page .form-element label{display:flex;align-items:center;gap:4px;font-size:12px;margin-bottom:6px}
.bcp-field-optional{margin-left:auto;font-size:9px;font-weight:400;color:var(--bcp-text);opacity:.8}
body .bcp-quote-page .input-field{background:var(--quote-input);border:1px solid color-mix(in srgb,var(--bcp-primary) 22%,var(--quote-card));border-radius:10px;color:var(--bcp-heading)}
body .bcp-quote-page .input-field:focus{outline:0;background:var(--quote-card);border-color:var(--bcp-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--bcp-primary) 10%,transparent)}
body .bcp-quote-page .input-field:disabled{background:color-mix(in srgb,var(--bcp-text) 6%,var(--quote-card));color:var(--bcp-text);opacity:1;cursor:default}
.bcp-email-note{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--bcp-text);margin-top:5px}.bcp-email-note i{color:var(--bcp-primary)}
body .bcp-quote-page .bcp-quote-navigation{padding-top:16px;margin-top:4px}
@media(max-width:767px){body .bcp-quote-page .bcp-quote-card{padding:20px 15px}body .bcp-quote-page .input-field{font-size:16px}body .bcp-quote-page [data-step="0"] .form-element{margin-bottom:16px!important}}
@media(max-width:575px){body .bcp-quote-page .bcp-quote-progress>.bcp-step-item{flex-direction:column;gap:7px;padding:8px 0}body .bcp-quote-page .bcp-quote-progress>.bcp-step-item:not(:last-child)::after{top:23px;right:-30%;width:60%}body .bcp-quote-page .bcp-quote-progress .bcp-step-label{font-size:10px;padding:0 2px}body .bcp-quote-page .bcp-quote-heading{font-size:15px}.bcp-contact-helper{font-size:10px;margin-bottom:18px}body .bcp-quote-page .bcp-quote-navigation{gap:8px}}

/* V2: inline optional badges and explicit step direction. */
body .bcp-quote-page .form-element label{justify-content:flex-start;flex-wrap:wrap}
body .bcp-quote-page .bcp-field-optional{margin-left:5px;padding:2px 6px;border-radius:5px;background:var(--quote-soft);color:var(--bcp-text);font-size:9px;line-height:1.4;font-weight:400;opacity:1;border:1px solid var(--quote-border)}
body .bcp-quote-page .bcp-quote-progress .bcp-step-label{display:inline-flex;align-items:center;gap:5px}
body .bcp-quote-page .bcp-step-label i{font-size:11px;color:var(--bcp-primary)}
body .bcp-quote-page .bcp-quote-progress>.bcp-step-item:not(:last-child)::after{content:"→";height:auto;width:auto;right:-5px;background:var(--quote-card);color:var(--bcp-text);font-size:17px;line-height:1;z-index:1}
body .bcp-quote-page .bcp-quote-progress>.is-complete::after{color:var(--bcp-primary)}
@media(max-width:575px){body .bcp-quote-page .bcp-step-label i{font-size:10px}body .bcp-quote-page .bcp-quote-progress>.bcp-step-item:not(:last-child)::after{top:16px;right:-5px;width:auto}.bcp-field-optional{font-size:9px}}

/* V3: slim cards with offset step-number badges. */
body .bcp-quote-page .bcp-quote-progress{gap:24px;margin:22px 0 12px;padding:0 3px}
body .bcp-quote-page .bcp-quote-progress>.bcp-step-item{flex-direction:row;min-height:44px;padding:10px 12px;border:1px solid var(--quote-border);border-radius:10px;background:var(--quote-card);box-shadow:0 2px 7px color-mix(in srgb,var(--bcp-primary) 5%,transparent)}
body .bcp-quote-page .bcp-quote-progress .bcp-step-number{position:absolute;top:-9px;left:9px;width:19px;height:19px;min-width:19px;flex:none;font-size:9px;background:var(--quote-card);border-color:var(--quote-border);box-shadow:none}
body .bcp-quote-page .bcp-quote-progress .bcp-step-label{background:transparent;font-size:12px;padding:0;gap:7px}
body .bcp-quote-page .bcp-quote-progress>.is-active{background:var(--quote-soft);border-color:var(--bcp-primary);box-shadow:0 3px 10px color-mix(in srgb,var(--bcp-primary) 10%,transparent)}
body .bcp-quote-page .bcp-quote-progress>.is-active .bcp-step-number{background:var(--bcp-primary);color:var(--bcp-on-primary);box-shadow:none}
body .bcp-quote-page .bcp-quote-progress>.is-complete{border-color:color-mix(in srgb,var(--bcp-primary) 45%,var(--quote-card))}
body .bcp-quote-page .bcp-quote-progress>.bcp-step-item:not(:last-child)::after{top:50%;right:-19px;transform:translateY(-50%);font-size:14px;background:transparent;width:auto;height:auto}
@media(max-width:575px){body .bcp-quote-page .bcp-quote-progress{gap:15px;padding:0;margin-top:20px}body .bcp-quote-page .bcp-quote-progress>.bcp-step-item{min-height:42px;padding:10px 3px;gap:0;border-radius:8px}body .bcp-quote-page .bcp-quote-progress .bcp-step-label{font-size:9px;gap:3px}body .bcp-quote-page .bcp-step-label i{font-size:9px}body .bcp-quote-page .bcp-quote-progress .bcp-step-number{left:7px;width:17px;height:17px;min-width:17px;font-size:8px;top:-8px}body .bcp-quote-page .bcp-quote-progress>.bcp-step-item:not(:last-child)::after{top:50%;right:-13px;font-size:11px}}

/* V4: clearly distinct completed, active and pending cards. */
body .bcp-quote-page .bcp-quote-progress>.bcp-step-item{
 background:color-mix(in srgb,var(--bcp-text) 6%,var(--quote-card));
 border-color:var(--quote-border);color:var(--bcp-text);box-shadow:none;
}
body .bcp-quote-page .bcp-quote-progress>.bcp-step-item .bcp-step-label i{color:inherit}
body .bcp-quote-page .bcp-quote-progress>.is-complete{
 background:color-mix(in srgb,#22c55e 14%,var(--quote-card));
 border-color:#22c55e;color:color-mix(in srgb,#22c55e 55%,var(--bcp-heading));
}
body .bcp-quote-page .bcp-quote-progress>.is-complete .bcp-step-number{
 background:#15803d;border-color:#15803d;color:#fff;box-shadow:none;
}
body .bcp-quote-page .bcp-quote-progress>.is-complete::after{color:#22c55e}
body .bcp-quote-page .bcp-quote-progress>.is-active{
 background:var(--quote-soft);border-color:var(--bcp-primary);color:var(--bcp-primary);
 box-shadow:0 3px 10px color-mix(in srgb,var(--bcp-primary) 10%,transparent);
}
body .bcp-quote-page .bcp-quote-progress>.is-active .bcp-step-number{
 background:var(--bcp-primary);border-color:var(--bcp-primary);color:var(--bcp-on-primary);box-shadow:none;
}

/* Uploaded file cards: preserve Dropzone preview elements and events. */
body .bcp-quote-page .dropzone .dz-preview{display:inline-flex;flex-direction:column;vertical-align:top;width:150px;min-height:190px;margin:8px;padding:10px;border:1px solid var(--quote-border);border-radius:12px;background:var(--quote-card);box-shadow:0 3px 12px rgba(0,0,0,.04)}
body .bcp-quote-page .dropzone .dz-preview .dz-image{width:128px;height:100px;border-radius:8px;background:var(--quote-soft);margin:0 auto}
body .bcp-quote-page .dropzone .dz-preview .dz-image img{width:100%;height:100%;object-fit:contain}
body .bcp-quote-page .dropzone .dz-preview:hover .dz-image img{transform:none;filter:none}
body .bcp-quote-page .dropzone .dz-preview .dz-details{position:static;min-width:0;padding:8px 0 4px;opacity:1;text-align:left;color:var(--bcp-heading);line-height:1.5;font-size:11px}
body .bcp-quote-page .dropzone .dz-preview .dz-details .dz-size{margin-bottom:3px;font-size:10px;color:var(--bcp-text)}
body .bcp-quote-page .dropzone .dz-preview .dz-details .dz-filename{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .bcp-quote-page .dropzone .dz-preview .dz-details span{background:transparent;border:0;padding:0}
body .bcp-quote-page .dropzone .dz-preview .dz-remove{margin-top:auto;padding:6px;border:1px solid var(--quote-border);border-radius:6px;color:var(--bcp-text);font-size:11px;text-decoration:none}
body .bcp-quote-page .dropzone .dz-preview .dz-remove:hover{color:#b91c1c;border-color:#ef4444;background:color-mix(in srgb,#ef4444 7%,var(--quote-card))}
body .bcp-quote-page .dropzone .dz-preview.dz-success{border-color:#22c55e}
body .bcp-quote-page .dropzone .dz-preview.dz-error{border-color:#ef4444}
body .bcp-quote-page .dropzone .dz-preview .dz-progress{top:94px;margin-top:0}
body .bcp-quote-page .dropzone .dz-preview .dz-error-message{top:110px;left:0;z-index:10}
@media(max-width:575px){body .bcp-quote-page .dropzone .dz-preview{width:calc(50% - 12px);margin:6px;padding:8px}body .bcp-quote-page .dropzone .dz-preview .dz-image{width:100%;height:100px}}

.bcp-upload-options{margin-bottom:18px}.bcp-upload-options>div{margin:12px 0}.bcp-upload-options label{font-size:13px}.bcp-upload-options small,.bcp-upload-options [data-image-count]{display:block;font-size:12px;color:var(--bcp-text);margin-top:8px}
body .bcp-quote-page #file-dropzone[hidden]{display:none!important}
body .bcp-quote-page .bcp-source-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body .bcp-quote-page .bcp-source-card{display:block;position:relative;margin:0;cursor:pointer}
.bcp-source-card input{position:absolute;left:14px;top:17px;width:16px;height:16px;accent-color:var(--bcp-primary);z-index:1}
.bcp-source-card>span{display:grid;grid-template-columns:28px 1fr;column-gap:9px;padding:16px 12px 16px 40px;border:1px solid var(--quote-border);border-radius:10px;background:var(--quote-card);color:var(--bcp-heading);min-height:82px}
.bcp-source-card>span>i{grid-row:1/3;align-self:center;font-size:21px;color:var(--bcp-primary)}
.bcp-source-card strong{font-size:13px}.bcp-source-card small{margin-top:3px;font-size:11px}
.bcp-source-card input:checked+span{border-color:var(--bcp-primary);background:var(--quote-soft);box-shadow:0 0 0 1px var(--bcp-primary)}
.bcp-source-card input:focus-visible+span{outline:2px solid var(--bcp-primary);outline-offset:3px}
.bcp-cloud-hint{display:flex;flex-wrap:wrap;gap:6px 12px;margin:6px 0 10px;font-size:11px;color:var(--bcp-text)}.bcp-cloud-hint span{display:inline-flex;align-items:center;gap:5px}
@media(max-width:575px){.bcp-source-card>span{grid-template-columns:1fr;padding:14px 8px 12px 32px;min-height:95px}.bcp-source-card>span>i{grid-row:auto;font-size:17px;margin-bottom:5px}.bcp-source-card input{left:10px;top:15px}.bcp-source-card strong{font-size:12px}.bcp-source-card small{font-size:10px}}

/* V6: isolate option card styles from shared form label rules. */
body .bcp-quote-page .bcp-source-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px}
body .bcp-quote-page .bcp-source-cards .bcp-source-card{display:block!important;width:100%;min-width:0;margin:0!important;padding:0;line-height:1.5}
body .bcp-quote-page .bcp-source-cards .bcp-source-card>span{display:grid!important;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:3px 10px;width:100%;min-height:90px;height:100%;padding:16px 14px 16px 42px;box-sizing:border-box;white-space:normal}
body .bcp-quote-page .bcp-source-cards .bcp-source-card>span>i{grid-column:1;grid-row:1/3;align-self:center;margin:0}
body .bcp-quote-page .bcp-source-cards .bcp-source-card strong{grid-column:2;display:block;font-size:14px;font-weight:600;color:var(--bcp-heading);line-height:1.5}
body .bcp-quote-page .bcp-source-cards .bcp-source-card small{grid-column:2;display:block;margin:0;font-size:11px;line-height:1.5;color:var(--bcp-text)}
body .bcp-quote-page .bcp-link-fields{display:grid;grid-template-columns:minmax(0,3fr) minmax(130px,1fr);gap:20px;align-items:start;margin:16px 0}
body .bcp-quote-page .bcp-link-fields:has([data-link-panel][hidden]){grid-template-columns:1fr}
body .bcp-quote-page .bcp-link-fields [hidden]{display:none!important}
body .bcp-quote-page .bcp-link-fields label{display:block;margin:0 0 8px;min-height:20px}
body .bcp-quote-page .bcp-link-fields .bcp-cloud-hint{margin:8px 0}
body .bcp-quote-page .bcp-link-fields [data-link-panel]{display:flex;flex-direction:column}
body .bcp-quote-page .bcp-link-fields [data-link-panel] label{order:0}
body .bcp-quote-page .bcp-link-fields [data-link-panel] input{order:1}
body .bcp-quote-page .bcp-link-fields [data-link-panel] .bcp-cloud-hint{order:2}
body .bcp-quote-page .bcp-link-fields [data-link-panel] small{order:3}
body .bcp-quote-page .bcp-output-heading{margin:24px 0 16px;padding-top:20px;border-top:1px solid var(--quote-border);font-size:14px;font-weight:600;color:var(--bcp-heading)}
body .bcp-quote-page .bcp-quote-heading:focus:not(:focus-visible){outline:none}
@media(max-width:575px){body .bcp-quote-page .bcp-link-fields{grid-template-columns:1fr;gap:14px}body .bcp-quote-page .bcp-source-cards .bcp-source-card>span{grid-template-columns:1fr;padding:14px 10px 14px 32px;min-height:112px;gap:4px}body .bcp-quote-page .bcp-source-cards .bcp-source-card>span>i{grid-column:1;grid-row:1}body .bcp-quote-page .bcp-source-cards .bcp-source-card strong,body .bcp-quote-page .bcp-source-cards .bcp-source-card small{grid-column:1}body .bcp-quote-page .bcp-source-cards .bcp-source-card strong{font-size:12px}}

/* V7: accommodate Font Awesome's SVG replacement and stable heading focus. */
body .bcp-quote-page .bcp-source-cards .bcp-source-card>span>svg{grid-column:1;grid-row:1/3;align-self:center;width:22px;height:22px;margin:0;color:var(--bcp-primary)}
body .bcp-quote-page .bcp-source-cards .bcp-source-card small{min-width:0;width:auto;white-space:normal;overflow-wrap:normal;word-break:normal}
body .bcp-quote-page .bcp-source-cards .bcp-source-card>span{height:100%;min-height:90px}
body .bcp-quote-page .bcp-quote-heading:focus{outline:none!important;box-shadow:none!important}
body .bcp-quote-page .bcp-link-fields [data-link-panel],body .bcp-quote-page .bcp-link-fields [data-quantity-panel]{min-width:0;margin:0}
body .bcp-quote-page .bcp-link-fields .input-field{width:100%;min-width:0}
@media(max-width:575px){body .bcp-quote-page .bcp-source-cards .bcp-source-card>span>svg{grid-column:1;grid-row:1;width:18px;height:18px}}
