/* Order help widget (12-rd, 2026-10-24). BTS house values: navy #031A30, teal #009193, orange #C96524; Space Grotesk + Inter
   (loaded by the site). Fixed position, fixed sizes: no layout shift. Sits above the 03-3 side panel's z-index. */
.qsc{position:fixed;right:20px;bottom:20px;z-index:9990;font-family:Inter,Arial,sans-serif;color:#1d2733;font-size:14px;line-height:1.45}
.qsc *{box-sizing:border-box}
.qsc-launch{display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:300px;margin-left:auto;padding:12px 16px;border:0;border-radius:14px;background:#031A30;color:#fff;cursor:pointer;box-shadow:0 8px 24px rgba(3,26,48,.28);text-align:left}
.qsc-launch:focus-visible{outline:3px solid #54F0E2;outline-offset:2px}
.qsc-launch-k{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#54F0E2}
.qsc-launch-t{font-size:13.5px;color:#C4D3DE}
.qsc-launch--lead{border-left:4px solid #C96524}
.qsc-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:380px;max-height:min(640px,calc(100vh - 120px));display:flex;flex-direction:column;background:#fff;border:1px solid #d6dde3;border-radius:16px;box-shadow:0 16px 48px rgba(3,26,48,.25);overflow:hidden}
.qsc-panel[hidden]{display:none}
.qsc-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#031A30;color:#fff;font-family:'Space Grotesk',Arial,sans-serif;font-size:15px}
.qsc-x{border:0;background:transparent;color:#C4D3DE;font-size:22px;line-height:1;cursor:pointer;padding:0 4px;min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center} /* r4.4: target >= 24 x 24 */
.qsc-disc{padding:10px 16px;background:#f3f6f8;border-bottom:1px solid #e3e8ee;font-size:12.5px;color:#42525f}
.qsc-disc p{margin:0 0 4px}
.qsc-disc-ai{font-weight:600;color:#031A30}
.qsc-tabs{display:flex;border-bottom:1px solid #e3e8ee}
.qsc-tab{flex:1;padding:9px 8px;border:0;background:#fff;font:600 13px Inter,Arial,sans-serif;color:#5d6b78;cursor:pointer;border-bottom:2px solid transparent}
.qsc-tab.is-on{color:#031A30;border-bottom-color:#009193}
.qsc-ask,.qsc-fill{display:flex;flex-direction:column;min-height:0;flex:1}
.qsc-ask[hidden],.qsc-fill[hidden]{display:none}
.qsc-list{flex:1;overflow:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px;min-height:160px}
.qsc-msg{max-width:88%;padding:8px 12px;border-radius:12px;white-space:pre-wrap;word-wrap:break-word}
.qsc-user{align-self:flex-end;background:#031A30;color:#fff;border-bottom-right-radius:4px}
.qsc-assistant{align-self:flex-start;background:#f3f6f8;border-bottom-left-radius:4px}
.qsc-msg.is-wait{color:#5d6b78}
.qsc-suggest{align-self:flex-start;font-weight:600;color:#009193;text-decoration:none;border:1px solid #009193;border-radius:999px;padding:4px 12px;font-size:13px}
.qsc-form{display:flex;gap:8px;padding:10px 16px;border-top:1px solid #e3e8ee}
.qsc-in{flex:1;resize:none;border:1px solid #d6dde3;border-radius:10px;padding:8px 10px;font:16px Inter,Arial,sans-serif;color:#1d2733} /* r4.4: 16 px, so iOS does not zoom on focus */
.qsc-in:focus,.qsc-url:focus{outline:2px solid #009193;border-color:#009193}
.qsc-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.qsc-send{border:0;border-radius:10px;background:#C96524;color:#fff;font:600 13.5px Inter,Arial,sans-serif;padding:8px 14px;cursor:pointer;align-self:flex-end}
.qsc-send:disabled{background:#9aa7b2;cursor:default}
.qsc-fill{padding:12px 16px;gap:8px;overflow:auto}
.qsc-url{border:1px solid #d6dde3;border-radius:10px;padding:8px 10px;font:14px Inter,Arial,sans-serif}
.qsc-paste{min-height:110px;flex:none}
.qsc-note{margin:0;font-size:12.5px;color:#5d6b78}
.qsc-warn{margin:0;font-size:12.5px;color:#8a3b10;background:#fbf5f1;border-left:3px solid #C96524;padding:4px 8px}
.qsc-props{display:flex;flex-direction:column;gap:8px}
.qsc-prop{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 10px;border:1px solid #e3e8ee;border-radius:10px}
.qsc-prop.is-skipped{opacity:.5}
.qsc-prop-k{grid-column:1;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#5d6b78}
.qsc-prop-v{grid-column:1;font-weight:600;color:#031A30}
.qsc-prop-s{grid-column:1;font-size:12px;color:#5d6b78}
.qsc-prop-a{grid-column:2;grid-row:1/span 3;display:flex;flex-direction:column;gap:4px;justify-content:center}
.qsc-use,.qsc-skip{border:1px solid #009193;background:#fff;color:#009193;border-radius:8px;font:600 12.5px Inter,Arial,sans-serif;padding:4px 10px;cursor:pointer}
.qsc-use:disabled,.qsc-skip:disabled{border-color:#d6dde3;color:#9aa7b2;cursor:default}
.qsc-draft{padding:8px 16px;border-top:1px solid #e3e8ee}
.qsc-draft[hidden],.qsc-attach[hidden]{display:none}
.qsc-attach{display:block;padding:6px 16px;font-size:13px;color:#42525f}
.qsc-attach input[type=checkbox]{width:auto!important;height:auto;margin:0 6px 0 0;vertical-align:-2px;display:inline-block}
.qsc input,.qsc textarea,.qsc button{max-width:100%}
.qsc-foot{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:10px 16px;border-top:1px solid #e3e8ee;font-size:13px}
.qsc-person{font-weight:600;color:#C96524;text-decoration:none}
.qsc-mail{color:#009193;text-decoration:none}
.qsc-clear{margin-left:auto;border:0;background:transparent;color:#5d6b78;font-size:12.5px;cursor:pointer;text-decoration:underline}
.qsc-legal{margin:0;padding:6px 16px 10px;font-size:11px;color:#7a8794}
.qsc-filled{outline:2px solid #009193;outline-offset:1px}
@media (max-width:600px){
	.qsc{right:12px;left:12px;bottom:12px}
	.qsc-launch{max-width:none;width:100%}
	.qsc-panel{width:auto;left:0;right:0;max-height:calc(100vh - 110px)}
}
@media (prefers-reduced-motion:reduce){.qsc *{transition:none!important}}
/* r2 site-wide (12-rd 2026-10-24): compact launcher on every page, the lead launcher on /quick-serve/, buy + capture + resting */
.qsc-launch--compact{flex-direction:row;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;max-width:none}
.qsc-launch--compact .qsc-launch-t{display:none}
.qsc-launch--compact .qsc-launch-k{font-size:12.5px;color:#fff}
.qsc-launch--compact::before{content:"";width:10px;height:10px;border-radius:50%;background:#54F0E2;box-shadow:0 0 0 3px rgba(84,240,226,.25)}
.qsc-launch--lead{border-left:4px solid #C96524}
.qsc.is-open .qsc-launch{display:none}
.qsc--resting .qsc-launch{text-decoration:none;opacity:.92}
.qsc--resting .qsc-launch-k{color:#C4D3DE}
.qsc-buy{align-self:flex-start;display:inline-block;background:#C96524;color:#fff;font-weight:700;text-decoration:none;border-radius:10px;padding:9px 14px;font-size:14px}
.qsc-buy:focus-visible{outline:3px solid #031A30;outline-offset:2px}
.qsc-capture{align-self:stretch;border:1px dashed #9aa7b2;border-radius:10px;padding:8px 10px}
.qsc-capform{display:flex;flex-direction:column;gap:6px}
.qsc-capform .qsc-attach{padding:0;font-size:12px}
.qsc-capform .qsc-attach input[type=checkbox]{width:auto!important;margin:0 6px 0 0}
@media (min-width:901px){.qsc--rail{right:16px;bottom:24px}} /* r4.3: 4 px AWAY from the side-panel card (it sits down-left); r2 moved 4 px toward it (03-3 17:3x) */
@media (max-width:600px){
	.qsc-launch--compact{width:auto;margin-left:auto;padding:12px 14px}
	.qsc{left:auto}
	.qsc.is-open{left:12px}
}
@media (max-width:600px){ /* r4.4 (Foreman 18:1x): at phone width the lead launcher is the compact pill until tapped, never a full-width bar */
	.qsc:has(.qsc-launch--lead):not(.is-open){left:auto} /* r4.7: closed only; open, the sheet spans the screen (03-3 22:2x: the open container was 0 px wide on /quick-serve/) */
	.qsc-launch--lead{width:auto;flex-direction:row;align-items:center;gap:8px;margin-left:auto;padding:12px 14px;border-radius:999px;border-left:0}
	.qsc-launch--lead .qsc-launch-t{display:none}
	.qsc-launch--lead .qsc-launch-k{font-size:12.5px;color:#fff}
	.qsc-launch--lead::before{content:"";width:10px;height:10px;border-radius:50%;background:#54F0E2;box-shadow:0 0 0 3px rgba(84,240,226,.25)}
	.qsc.is-open{left:12px;right:12px} /* r4.7: opened from the pill OR the edge tab, the panel is a full-width sheet at phone width */
}
/* r4.9 (03-3 r3m CLS): tab and hidden change NO layout. The box keeps the pill's footprint; the tab is the pill slid right with a
 * transform until a 24 px sliver shows (a teal dot drawn in the sliver), hidden is opacity. Paint and compositor only. */
.qsc{transition:transform .2s ease,opacity .2s ease}
.qsc--tab .qsc-launch{border-top-right-radius:0;border-bottom-right-radius:0;background-image:radial-gradient(circle at 12px 50%,#54F0E2 0 5px,transparent 6px)}
.qsc--tab .qsc-launch-k,.qsc--tab .qsc-launch-t,.qsc--tab .qsc-launch::before{opacity:0}
.qsc--away{opacity:0;visibility:hidden;pointer-events:none}
@media (prefers-reduced-motion:reduce){.qsc{transition:none}}
/* r4.4 (Jordan 20:0x, "could layout better"): rows never overlap at any width. Only the message list grows and scrolls; every
 * other row keeps its own height (input + Send, then Talk to a person / email / Clear chat, then the trademark line). A scoped
 * reset keeps the host theme's form, textarea, button and link rules from reaching the widget. No absolute positioning in rows. */
.qsc-head,.qsc-disc,.qsc-tabs,.qsc-form,.qsc-draft,.qsc-attach,.qsc-foot,.qsc-legal{flex:0 0 auto;position:static}
.qsc-ask{min-height:112px;overflow:hidden} /* never shorter than the list padding (24 px) + the input row (about 84 px), so the input is never cut */
.qsc-fill{min-height:auto;overflow:visible} /* the paste tab keeps its natural height */
.qsc-list{flex:1 1 auto;min-height:0} /* grows the panel to its max height, and is the only row that gives up height: it scrolls */
.qsc-panel{overflow-y:auto} /* a very short window: the panel scrolls; rows never paint over each other */
.qsc-form{align-items:flex-end;margin:0}
.qsc form,.qsc textarea,.qsc input,.qsc button,.qsc p,.qsc a{position:static;float:none;box-sizing:border-box;transform:none;top:auto;left:auto;right:auto;bottom:auto}
.qsc textarea.qsc-in{display:block;min-height:44px;max-height:120px;height:auto;margin:0;line-height:1.4;width:auto}
.qsc .qsc-send{flex:0 0 auto;width:auto;height:auto;min-height:40px;margin:0;line-height:1.2}
.qsc .qsc-foot,.qsc .qsc-legal{margin:0}
