/* October 26 source-native Easy Quote / Service Condition authoring. */
.qa-demo{--qa-brand:var(--live-demo-primary,#20b633);font:14px/1.5 Arial,sans-serif;text-align:left;color:var(--ui-demo-text);background:var(--ui-demo-bg);border:1px solid var(--ui-demo-line);border-radius:12px;overflow:hidden;width:100%;min-width:0}
.qa-demo *{box-sizing:border-box}.qa-demo [hidden]{display:none!important}
.product-page .qa-demo :is(h3,h4,p,span,small,strong,label,summary){font-family:inherit;letter-spacing:normal;color:inherit;text-wrap:initial}
.qa-demo .qa-head{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:20px 24px;background:var(--ui-demo-surface);border-bottom:1px solid var(--ui-demo-line)}
.qa-demo .qa-head.qa-colored{background:var(--qa-brand);color:var(--live-demo-ink,#fff)}
.qa-demo .qa-head>[data-demo-logo]{margin-left:auto;max-width:150px;min-width:0;overflow:hidden}.qa-demo .ds-logo-image{width:125px;height:29px;max-width:100%;object-fit:contain}
.qa-demo i{color:var(--ui-demo-icons)}html .qa-demo .qa-colored i,html .qa-demo .qa-primary i{color:inherit}
.product-page .qa-demo h3{font-size:21px;line-height:1.4;margin:0}.product-page .qa-demo h4{font-size:16px;line-height:1.5;margin:0 0 12px}
.product-page .qa-demo p{font-size:14px;line-height:1.6;margin:10px 0 18px;color:var(--ui-demo-muted);max-width:none}
.qa-demo small{display:block;font-size:12px;line-height:1.5;color:var(--ui-demo-muted)!important;margin-top:5px}
.qa-demo :is(input,select,textarea,button){font:inherit;max-width:100%;color:var(--ui-demo-text);box-shadow:none;letter-spacing:normal;text-transform:none}
.qa-demo button{min-height:40px;border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-radius,8px);background:var(--ui-demo-surface);padding:9px 15px;cursor:pointer;white-space:normal}
.qa-demo button:disabled{opacity:.5;cursor:default}.qa-demo .qa-primary{background:var(--qa-brand);border-color:var(--qa-brand);color:var(--live-demo-ink,#fff)}
.qa-demo :is(input:not([type=checkbox]):not([type=range]),select,textarea){display:block;width:100%;min-width:0;min-height:44px;padding:11px 14px;background:var(--ui-demo-surface);border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-field-radius,8px)}
.qa-demo input[type=range]{width:100%;accent-color:var(--qa-brand)}.qa-demo textarea{min-height:85px;resize:vertical}.qa-demo label{display:block;min-width:0;margin:16px 0}.qa-demo label>span{display:block;font-size:13px;margin-bottom:6px}
.qa-demo input[type=checkbox]{width:19px;height:19px;accent-color:var(--qa-brand);flex:none}
.qa-demo .qa-body{padding:24px;margin:0}.qa-demo .qa-stages{display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:var(--ui-demo-surface);padding:16px 24px;border-bottom:1px solid var(--ui-demo-line)}
.qa-demo .qa-stages>button{border:0;background:transparent;text-align:left}.qa-demo .qa-stages>[aria-current=step]{background:var(--ui-demo-tint);color:var(--ui-demo-accent-text);font-weight:600}
.qa-demo .qa-card{padding:22px;border:1px solid var(--ui-demo-line);border-radius:12px;background:var(--ui-demo-surface);margin:16px 0}
.qa-demo .qa-card>summary{cursor:pointer;padding:5px 0;font-weight:600}.qa-demo .qa-check{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;margin:8px 0;border-bottom:1px solid var(--ui-demo-line)}
.qa-demo .qa-check>span{margin:0}.qa-demo .qa-segment{display:flex;gap:0;flex-wrap:wrap;margin:12px 0 20px}.qa-demo .qa-segment>button[aria-pressed=true]{background:var(--ui-demo-tint);color:var(--ui-demo-accent-text)}
.qa-demo .qa-option{display:flex;align-items:end;gap:12px}.qa-demo .qa-option>label{flex:1}.qa-demo .qa-option>button{margin-bottom:18px}
.qa-demo .qa-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.qa-demo .qa-toolbar>h4{flex:1;margin:0;min-width:150px}.qa-demo .qa-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.qa-demo .qa-chips>span{padding:5px 10px;background:var(--ui-demo-tint);border-radius:8px;color:var(--ui-demo-accent-text)}
.qa-demo footer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px;padding:18px 0 0}
.qa-demo .qa-status{font-size:12px;padding:13px 24px;color:var(--ui-demo-muted);border-top:1px solid var(--ui-demo-line);background:var(--ui-demo-surface)}
.qa-demo .qa-note{padding:12px;border:1px solid var(--ui-demo-line);background:var(--ui-demo-tint);border-radius:8px}
.qa-demo :is(button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--qa-brand);outline-offset:3px}
.qa-demo .qa-dialog{padding:0;width:min(680px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:88dvh;border:1px solid var(--ui-demo-line);border-radius:14px;background:var(--ui-demo-surface);color:var(--ui-demo-text);overflow:hidden}
.qa-demo .qa-dialog::backdrop{background:#0008}.qa-demo .qa-dialog[open]{display:flex;flex-direction:column}.qa-demo .qa-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--ui-demo-line);flex:none}.qa-demo .qa-dialog>header h4{margin:0}
.qa-demo .qa-dialog>form{display:flex;flex-direction:column;min-height:0;margin:0}.qa-demo .qa-dialog-body{padding:22px 24px;overflow:auto;min-height:0;overscroll-behavior:contain}.qa-demo .qa-dialog footer{flex:none;margin:0;padding:18px 24px;border-top:1px solid var(--ui-demo-line)}
.qa-demo .qa-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.qa-demo .qa-icon-grid button{min-height:70px;font-size:25px}
.qa-demo .qa-preview{text-align:center}.qa-demo .qa-preview>h4{margin-top:24px}.qa-demo .qa-preview-choices{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:24px 0}.qa-demo .qa-preview-choices article{flex:0 1 210px;border:1px solid var(--ui-demo-line);border-radius:14px;overflow:hidden;min-width:0}.qa-demo .qa-preview-choices article>h4{padding:15px;background:var(--ui-demo-tint);margin:0}.qa-demo .qa-preview-choices article>i{display:block;font-size:32px;margin:20px 0}.qa-demo .qa-preview-choices article>strong{display:block;padding-inline:12px}.qa-demo .qa-preview-choices article>span{display:block;margin:15px;padding:5px;background:var(--ui-demo-tint);border-radius:8px;color:var(--ui-demo-accent-text)}
.product-custom-fields .sq-opening>.sq-admin-authoring-placement{grid-column:1/-1}.product-custom-fields .sq-conditions>.sq-admin-authoring-placement{grid-column:1/-1}
.product-custom-fields .sq-admin-authoring-placement{width:100%;max-width:none;height:auto;min-height:0;aspect-ratio:auto!important;overflow:visible}.product-custom-fields .sq-admin-caption{font-size:14px;margin:0 0 18px;line-height:1.6;color:var(--odx-muted)}
@media(max-width:600px){.qa-demo .qa-head,.qa-demo .qa-body,.qa-demo .qa-stages{padding:18px 15px}.qa-demo .qa-card{padding:17px}.qa-demo .qa-head>[data-demo-logo]{max-width:100px}.qa-demo .qa-dialog>header,.qa-demo .qa-dialog-body,.qa-demo .qa-dialog footer{padding:17px 15px}.qa-demo .qa-body>footer button{flex:1}.qa-demo .qa-stages>button{font-size:13px}.qa-demo .qa-preview-choices{gap:12px}.qa-demo .qa-preview-choices article{flex-basis:100%}}