/* Captured Manual Quote packet and four-step option editor. */
.mqn-demo{--mqn-brand:var(--live-demo-primary,#20b633);width:100%;min-width:0;border:1px solid var(--ui-demo-line);border-radius:14px;background:var(--ui-demo-bg);color:var(--ui-demo-text);font:14px/1.5 Arial,sans-serif;text-align:left;overflow:hidden}.mqn-demo *{box-sizing:border-box}.mqn-demo [hidden]{display:none!important}
.product-page .mqn-demo :is(h3,h4,p,small,span,strong,label,dt,dd){font-family:inherit;letter-spacing:normal;text-wrap:initial;color:inherit}.product-page .mqn-demo h3{font-size:22px;line-height:1.4;margin:0}.product-page .mqn-demo h4{font-size:17px;line-height:1.4;margin:0 0 16px}.product-page .mqn-demo p{font-size:14px;line-height:1.6;margin:8px 0 18px;color:var(--ui-demo-muted);max-width:none}.mqn-demo small{display:block;font-size:12px;color:var(--ui-demo-muted)!important;line-height:1.5}.mqn-demo i{color:var(--ui-demo-icons)}
.mqn-brand{display:flex;align-items:center;gap:14px;padding:12px 22px;background:var(--ui-demo-surface);border-bottom:1px solid var(--ui-demo-line);font-size:12px}.mqn-brand [data-demo-logo]{color:var(--ui-demo-accent-text)}.mqn-demo .ds-logo-image{width:120px;height:28px;object-fit:contain}.mqn-screen-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px;background:var(--ui-demo-surface);border-bottom:1px solid var(--ui-demo-line)}.product-page .mqn-screen-head p{margin:6px 0 0;font-size:13px}.mqn-screen-head>div{min-width:0;overflow-wrap:anywhere}
.mqn-demo :is(button,input,select,textarea){font:inherit;max-width:100%;color:inherit}.mqn-demo button{cursor:pointer;min-height:42px;padding:9px 15px;border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-radius,8px);background:var(--ui-demo-surface)}.mqn-demo .mqn-primary{color:var(--live-demo-ink,#fff);background:var(--mqn-brand);border-color:var(--mqn-brand)}.mqn-primary i{color:inherit}.mqn-demo :is(input:not([type=checkbox]),select,textarea){display:block;width:100%;min-width:0;min-height:44px;border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-field-radius,8px);padding:10px 13px;background:var(--ui-demo-surface);box-shadow:none}.mqn-demo textarea{min-height:92px;resize:vertical}.mqn-demo label{display:block;margin:18px 0;min-width:0}.mqn-demo label>span{display:block;margin-bottom:7px;font-size:13px}.mqn-body{max-height:680px;overflow:auto;padding:24px;overscroll-behavior:contain;scroll-padding:14px}.mqn-demo :focus-visible{outline:2px solid var(--mqn-brand);outline-offset:3px}.mqn-body:focus-visible{outline-offset:-3px}.mqn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.mqn-card{padding:22px;border:1px solid var(--ui-demo-line);border-radius:16px;background:var(--ui-demo-surface);margin-bottom:18px}.mqn-card>header,.mqn-option>header,.mqn-preview>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.mqn-card>header{margin-bottom:18px;align-items:center}.mqn-card>header h4{margin:0}.mqn-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}.mqn-facts>div{min-width:0;overflow-wrap:anywhere}.mqn-facts dt{font-size:12px;color:var(--ui-demo-muted)!important}.mqn-facts dd{margin:5px 0 0;font-size:13px}.mqn-badge{display:inline-block;padding:4px 9px;border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-field-radius,8px);background:var(--ui-demo-tint);color:var(--ui-demo-accent-text)!important;font-size:12px;white-space:nowrap}.mqn-option{padding:18px;border:1px solid var(--ui-demo-line);border-radius:12px;margin-top:16px}.mqn-option>header>strong:last-child,.mqn-preview>header>strong{font-size:20px;color:var(--ui-demo-accent-text)!important}.mqn-option button+button{margin-left:8px}.mqn-inline-totals{display:flex;gap:22px;flex-wrap:wrap;padding:14px 0}.mqn-inline-totals>div{font-size:14px}.mqn-actions{display:flex;gap:12px;flex-wrap:wrap}.mqn-check{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:15px;border:1px solid var(--ui-demo-line);border-radius:10px}.mqn-check input{width:22px;height:22px;accent-color:var(--mqn-brand)}
.mqn-stages{list-style:none;margin:0;padding:0}.mqn-stages>li{display:flex;gap:16px;position:relative;padding:0 0 24px}.mqn-stages>li:before{content:'';position:absolute;left:15px;top:30px;bottom:0;border-left:1px solid var(--ui-demo-line)}.mqn-stages>li>span{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ui-demo-line);font-size:13px}.mqn-stages>li[aria-current=step]>span{background:var(--mqn-brand);color:var(--live-demo-ink,#fff)}.mqn-stages>li>div{flex:1;min-width:0;padding-top:4px}.mqn-stages>li>div>h4{margin-bottom:18px}.mqn-callout{padding:16px;border:1px solid var(--ui-demo-line);border-radius:12px;background:var(--ui-demo-surface);margin-bottom:22px}.mqn-demo form>footer{padding:18px 22px;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;background:var(--ui-demo-surface);border-top:1px solid var(--ui-demo-line)}.product-page .mqn-demo .mqn-status{font-size:13px;line-height:1.6;padding:12px 22px;border-top:1px solid var(--ui-demo-line);margin:0;background:var(--ui-demo-surface)}
.mqn-preview{padding:20px;border:1px solid var(--ui-demo-line);border-radius:14px;background:var(--ui-demo-surface);margin-top:22px}.mqn-preview>article{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:14px;border:1px solid var(--ui-demo-line);border-radius:10px;margin:18px 0}.mqn-preview>article>small{grid-column:1/-1}.mqn-preview dl{margin:20px 0}.mqn-preview dl>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0}.mqn-preview dd{margin:0}.mqn-preview dl>div:last-child{font-weight:600;border-top:1px solid var(--ui-demo-line);margin-top:10px;padding-top:14px}
.mqn-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mqn-metrics>div{padding:15px;border:1px solid var(--ui-demo-line);border-radius:14px;background:var(--ui-demo-surface)}.mqn-metrics strong{font-size:22px}.mqn-queue-filter{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:18px;margin-top:18px;border:1px solid var(--ui-demo-line);border-radius:14px;background:var(--ui-demo-surface)}.mqn-queue-filter label{flex:1 1 180px;margin:0}.mqn-empty{padding:60px 24px;text-align:center}.mqn-empty>i{font-size:32px;margin-bottom:20px}.mqn-paper{max-width:850px;margin:auto;padding:28px;border:1px solid var(--ui-demo-line);background:var(--ui-demo-surface)}.mqn-paper>header{display:flex;justify-content:space-between;gap:18px;border-bottom:3px solid var(--mqn-brand);padding-bottom:22px;margin-bottom:26px}.mqn-paper>.mqn-grid{padding:18px;border:1px solid var(--ui-demo-line);margin:20px 0}.mqn-paper>.mqn-grid strong{display:block}.mqn-paper h4{margin-top:26px!important}.mqn-paper table{width:100%;border-collapse:collapse;font-size:13px}.mqn-paper :is(th,td){padding:12px;text-align:left;border-bottom:1px solid var(--ui-demo-line)}
.product-proposals .pp-choice,.product-estimates .es-proposal,.product-projects .pj-options,.product-price-book-pro .rt-options{grid-template-columns:minmax(0,1fr);gap:32px}.manual-quote-placement{grid-column:1/-1;width:100%;min-width:0;max-width:none!important;height:auto;aspect-ratio:auto!important;overflow:visible}.product-page .manual-quote-caption{font-size:14px;line-height:1.6;margin:0 0 18px;color:var(--odx-muted)}
.product-estimates .es-opening{grid-template-columns:minmax(0,1fr);gap:32px}.product-estimates .es-followup>.es-manual-schedule{padding:0;border:0;grid-column:1/-1;margin-top:0}
@media(max-width:800px){.mqn-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.mqn-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.mqn-brand{flex-wrap:wrap;padding:12px 15px;gap:10px}.mqn-screen-head{padding:18px 15px;flex-wrap:wrap;gap:12px}.product-page .mqn-demo h3{font-size:19px}.mqn-body{padding:15px 10px;max-height:590px}.mqn-card,.mqn-preview{padding:17px 14px}.mqn-grid,.mqn-facts{grid-template-columns:minmax(0,1fr)}.mqn-stages>li{gap:10px}.mqn-option>header{flex-wrap:wrap;gap:10px}.mqn-card>header{flex-wrap:wrap}.mqn-option{padding:14px}.mqn-metrics{gap:8px}.mqn-metrics>div{padding:11px}.mqn-inline-totals{gap:15px}.mqn-paper{padding:18px 12px}.mqn-paper :is(th,td){padding:9px 5px;overflow-wrap:anywhere}.mqn-demo form>footer{padding:15px}}

.mqn-queue-row{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:18px 0;border-top:1px solid var(--ui-demo-line)}.mqn-queue-row>div{min-width:0;overflow-wrap:anywhere}.mqn-queue-row>div:last-child{text-align:right;flex-shrink:0}.mqn-queue-row>div:last-child>strong{display:block;margin-top:7px}.mqn-queue-row button{margin-top:10px}.product-page .mqn-queue-row p{margin:5px 0}@media(max-width:600px){.mqn-queue-row{flex-wrap:wrap;gap:10px}.mqn-queue-row>div:last-child{text-align:left}}