/* Bubble Card MIT (c) 2023 Cloos: configurable popup/button radii adapted
   from pop-up/styles.css and button/styles.css. XPopup Apache-2.0,
   Copyright 2019 li-xiaojun: ScaleAlphaAnimator .95 scale/opacity/pivot
   translated to CSS. Modified for Omercado; upstream sources and licenses
   in integrations/bubble-card and integrations/xpopup. */
:root{--bubble-pop-up-border-radius:30px;--bubble-button-border-radius:999px;--on-popup-shadow:0 16px 48px #052a2526}
#quick-help-dialog,#delivery-dialog,#stock-review-dialog{border-radius:var(--bubble-pop-up-border-radius);box-shadow:var(--on-popup-shadow);border:1px solid #dcece4;overscroll-behavior:contain}
#quick-help-dialog{padding:20px;transform-origin:bottom right}
#quick-help-dialog[open]{animation:on-popup-enter .3s cubic-bezier(.2,.8,.3,1) both}
.quick-help-heading{padding-bottom:12px;border-bottom:1px solid #e3eee8}
#quick-help-close,#delivery-dialog-close,#stock-review-dialog button[aria-label]{border-radius:50%;width:34px;height:34px;background:#edf6f1;color:#23684b;border:0;cursor:pointer}
.quick-help-faq button,#quick-help-question,#quick-help-send{border-radius:var(--bubble-button-border-radius)}
.quick-help-faq button{background:#edf7f1;border:1px solid #dcece3;padding:8px 12px}
#quick-help-open{box-shadow:0 8px 24px #00C85333;border:2px solid #ffffffb3}
#quick-help-open:hover{background:#00C853}
.offer-unbox{border-radius:24px;border:1px solid #f1d7d7;border-top:4px solid #db272e;padding:14px;box-shadow:var(--on-popup-shadow)}
.offer-unbox button{border-radius:var(--bubble-button-border-radius)}
.offer-unbox img{border-radius:16px}
#delivery-dialog .panel{border-radius:22px}
#stock-review-dialog .primary,#delivery-dialog .primary{border-radius:var(--bubble-button-border-radius)}
body[data-theme="dark"] #quick-help-dialog,body[data-theme="dark"] #delivery-dialog,body[data-theme="dark"] #stock-review-dialog{border-color:#285846;background:#142c24}
body[data-theme="dark"] .quick-help-heading{border-color:#285846}
body[data-theme="dark"] .quick-help-faq button,body[data-theme="dark"] #quick-help-close{background:#203f32;color:#dcf8e8;border-color:#315b47}
body[data-theme="dark"] .offer-unbox{background:#192c25;border-color:#6b383b;border-top-color:#ed5259}
@keyframes on-popup-enter{from{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:600px){:root{--bubble-pop-up-border-radius:26px}#quick-help-dialog{padding:16px}.offer-unbox{padding:12px;border-radius:22px}}
@media(prefers-reduced-motion:reduce){#quick-help-dialog[open]{animation:none}}
/* Simplified help: one heading, quiet shortcuts, conversation, composer. */
#quick-help-dialog{background:#fff;padding:18px;border-radius:24px;box-shadow:0 8px 28px #123b271a}
#quick-help-title{font-size:15px;font-weight:600;color:#25332a}
#quick-help-dialog .quick-help-heading{border:0;padding:0 0 8px}
#quick-help-close{background:transparent;color:#758078;width:28px;height:28px}
#quick-help-dialog .quick-help-faq{gap:6px;margin:4px 0 16px}
#quick-help-dialog .quick-help-faq button{background:transparent;border:0;padding:5px 7px;font-size:11px;color:#627469;font-weight:400}
#quick-help-dialog .quick-help-faq button:hover{background:#f0f5f2;color:#00C853}
#quick-help-messages{gap:10px;padding:0 0 8px;max-height:230px}
#quick-help-dialog #quick-help-messages .help-message-assistant{background:#f4f6f5;border:0;color:#37443b;border-radius:14px;padding:10px 12px;line-height:1.5}
#quick-help-dialog #quick-help-messages .help-message-customer{border-radius:14px;padding:10px 12px;line-height:1.5}
#quick-help-form{margin-top:10px}
#quick-help-form input{background:#fafbfa;border-color:#e5eae7;font-size:13px}
body[data-theme="dark"] #quick-help-title{color:#e4eee8}
body[data-theme="dark"] #quick-help-dialog{background:#18241f}
body[data-theme="dark"] #quick-help-dialog .quick-help-faq button{background:transparent;color:#acbdb2;border:0}
body[data-theme="dark"] #quick-help-dialog #quick-help-messages .help-message-assistant{background:#24332b;color:#dce8e0}
body[data-theme="dark"] #quick-help-form input{background:#202f27;border-color:#374b3e;color:#e4eee8}
#quick-help-dialog[open]{display:flex;flex-direction:column;gap:0;max-height:min(470px,calc(100dvh - 170px));overflow:hidden;width:min(350px,calc(100vw - 32px));padding:20px}
#quick-help-dialog .quick-help-heading{flex:none;padding-bottom:12px}
#quick-help-dialog .quick-help-faq{flex:none;margin:0 0 18px;gap:4px}
#quick-help-title{font-size:16px;letter-spacing:-.2px}
#quick-help-messages{flex:1;min-height:82px;max-height:260px;overflow:auto;scrollbar-width:thin}
#quick-help-messages .help-message:only-child{background:transparent!important;padding:4px 2px!important;font-size:14px!important;color:#627469!important;max-width:100%}
#quick-help-form{flex:none;margin-top:12px;padding-top:12px;border-top:1px solid #eef1ef}
#quick-help-form input{box-sizing:border-box;padding:12px 48px 12px 14px;border-radius:18px;min-height:46px;outline:none;box-shadow:none}
#quick-help-form input:focus-visible{border-color:#00C853;outline:2px solid #00C85320;outline-offset:1px;box-shadow:none}
#quick-help-send{top:17px;width:34px;height:34px;font-size:20px}
#quick-help-dialog button:focus-visible{outline:2px solid #00C853;outline-offset:2px}
body[data-theme="dark"] #quick-help-form{border-color:#2e4035}
body[data-theme="dark"] #quick-help-messages .help-message:only-child{color:#acbdb2!important}
@media(max-width:600px){#quick-help-dialog[open]{padding:18px;width:calc(100vw - 32px);right:16px;bottom:148px}}
/* Direct conversation, without inner cards or message bubbles. */
#quick-help-dialog #quick-help-messages .help-message{background:transparent!important;border:0!important;border-radius:0!important;padding:6px 0!important;max-width:100%;width:100%;color:#37443b;box-shadow:none;font-size:13px;line-height:1.6}
#quick-help-dialog #quick-help-messages .help-message-customer{color:#00C853;font-weight:500;text-align:right}
#quick-help-form{padding-top:8px;border-top:0}
#quick-help-form input{background:transparent!important;border:0;border-bottom:1px solid #d8e1db;border-radius:0;padding:12px 42px 12px 0;box-shadow:none!important;outline:none!important}
#quick-help-form input:focus-visible{border-color:#00C853;outline:none;box-shadow:none}
#quick-help-send{top:14px;right:0;background:transparent;color:#00C853;border-radius:0;width:30px;height:30px;font-size:22px}
body[data-theme="dark"] #quick-help-dialog #quick-help-messages .help-message{background:transparent!important;color:#dce8e0}
body[data-theme="dark"] #quick-help-dialog #quick-help-messages .help-message-customer{color:#00C853}
body[data-theme="dark"] #quick-help-form input{border-bottom-color:#496151}
body[data-theme="dark"] #quick-help-send{color:#00C853}
/* Softer help surface in automatic light and dark themes. */
#quick-help-dialog{background:#fcfefd;border-color:#edf3ef;box-shadow:0 4px 18px #234d3310}
body[data-theme="dark"] #quick-help-dialog{background:#34443c;border-color:#495b50;box-shadow:0 4px 18px #00000018}
body[data-theme="dark"] #quick-help-title{color:#f4f8f5}
body[data-theme="dark"] #quick-help-dialog .quick-help-faq button{color:#d2ded6}
body[data-theme="dark"] #quick-help-close{background:transparent;color:#d2ded6}
body[data-theme="dark"] #quick-help-dialog #quick-help-messages .help-message{color:#edf3ef}
body[data-theme="dark"] #quick-help-messages .help-message:only-child{color:#d2ded6!important}
body[data-theme="dark"] #quick-help-form input{color:#f4f8f5;border-bottom-color:#81968a}
body[data-theme="dark"] #quick-help-form input::placeholder{color:#c4d1c9;opacity:1}
/* Customer request: pale question field, thin outline, text-only send. */
#quick-help-form{border:0;padding-top:0;display:flex;align-items:center;gap:10px}
#quick-help-form input{flex:1;min-width:0;width:auto;background:#f7faf8!important;border:1px solid #e1e9e4;border-radius:12px;padding:12px;min-height:44px}
#quick-help-form input:focus-visible{border-color:#8dbba1}
#quick-help-send{position:static;flex:none;width:auto;height:auto;padding:8px 0;background:transparent!important;border:0;box-shadow:none;border-radius:0;font-size:12px;font-weight:600;color:#00C853}
body[data-theme="dark"] #quick-help-form{border:0}
body[data-theme="dark"] #quick-help-form input{background:#40534a!important;border:1px solid #73897c;color:#f4f8f5}
body[data-theme="dark"] #quick-help-send{color:#b0edcc}
#quick-help-form{align-items:flex-end}
#quick-help-form input{font:inherit;font-size:14px;line-height:1.5;min-height:92px;max-height:150px;resize:vertical;padding:12px;box-sizing:border-box;margin:0;outline:none}
#quick-help-form input:focus-visible{border-color:#8dbba1}
#quick-help-send{margin-bottom:4px}
/* Consistent typography and rhythm throughout the help panel. */
#quick-help-dialog[open]{padding:20px;gap:0;font-size:14px;line-height:1.5}
#quick-help-title{font-size:16px;font-weight:600;line-height:24px}
#quick-help-dialog .quick-help-heading{padding:0 0 16px;align-items:center}
#quick-help-close{font-size:16px;line-height:24px;width:28px;height:28px;padding:0}
#quick-help-dialog .quick-help-faq{gap:14px;margin:0 0 20px;align-items:center}
#quick-help-dialog .quick-help-faq button{font-size:13px;font-weight:400;line-height:20px;padding:2px 0}
#quick-help-dialog #quick-help-messages .help-message,#quick-help-messages .help-message:only-child{font-size:14px!important;line-height:1.6!important}
#quick-help-messages{min-height:56px;padding:0 0 4px}
#quick-help-form{gap:12px;margin-top:16px;align-items:center}
#quick-help-form label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#quick-help-form input{font-size:14px;line-height:1.5;min-height:88px;padding:12px}
#quick-help-send{font-size:14px;font-weight:500;line-height:22px;padding:8px 0;margin:0}
@media(max-width:600px){#quick-help-dialog[open]{padding:18px}#quick-help-dialog .quick-help-faq{gap:14px}}

/* Compact single-line question field. */
#quick-help-form input{height:44px;min-height:44px;max-height:44px;resize:none;padding:10px 12px;line-height:22px}
#quick-help-form input{font-size:16px;line-height:22px}
#quick-help-form{gap:16px}
#quick-help-form input{padding:10px 16px}