.support-chat{--support-accent:#d90b0d;--support-accent-dark:#9f080a;position:fixed;z-index:70;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));font:14px/1.4 -apple-system-body,ui-sans-serif,-apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif;color:#19202a}.support-chat-staff{--support-accent:#1769df;--support-accent-dark:#103b86}.support-chat-launcher{width:56px;min-width:56px;height:56px;min-height:56px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:var(--support-accent);color:#fff;box-shadow:0 12px 35px rgb(18 29 52/28%);cursor:pointer}.support-chat-launcher svg{display:block;width:24px;height:24px}.support-chat a:focus-visible,.support-chat button:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}.support-chat-panel{position:absolute;right:0;bottom:68px;width:min(390px,calc(100vw - 24px));height:min(570px,calc(100dvh - 108px));grid-template-rows:auto minmax(0,1fr) auto auto;border:1px solid #d8dee8;border-radius:20px;background:#fff;box-shadow:0 24px 80px rgb(18 29 52/32%);overflow:hidden}.support-chat-panel:not([hidden]){display:grid}.support-chat-panel>header{padding:17px 18px;background:linear-gradient(135deg,var(--support-accent),var(--support-accent-dark));color:#fff}.support-chat-panel h2{margin:2px 0 0;color:inherit;font-size:20px;line-height:1.1}.support-chat-close{width:44px;height:44px;flex:0 0 auto;border:1px solid rgb(255 255 255/45%);border-radius:50%;background:rgb(255 255 255/13%);color:#fff;font-size:28px;line-height:1;cursor:pointer}.support-chat-messages{display:flex;flex-direction:column;gap:11px;min-height:0;padding:16px;overflow:auto;background:#f6f8fb}.support-chat-message{max-width:88%;padding:10px 12px;border:1px solid #dfe4ec;border-radius:14px;background:#fff}.support-chat-message.is-user{align-self:flex-end;background:var(--support-accent);color:#fff}.support-chat-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.support-chat-message a{display:inline-flex;min-height:44px;align-items:center;margin-top:9px;padding:8px 11px;border-radius:10px;background:#edf3ff;color:#164caa;font-weight:700;text-decoration:none}.support-chat-phone,.support-chat-private{min-height:44px;margin:0;padding:12px 16px;border-top:1px solid #e6e9ef;color:var(--support-accent-dark);font-weight:700;text-align:center;text-decoration:none}.support-chat-form{display:grid;gap:7px;padding:13px 15px max(13px,env(safe-area-inset-bottom));border-top:1px solid #e6e9ef}.support-chat-form textarea{min-height:58px;resize:none;padding:10px 11px;border:1px solid #cfd6e1;border-radius:11px;outline:0;box-shadow:none}.support-chat-form>div,.support-chat-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-chat-form button{min-width:94px;min-height:44px;border:0;border-radius:11px;background:var(--support-accent);color:#fff;font-weight:700;cursor:pointer}.support-chat-form button:disabled{cursor:default;opacity:.55}@media(max-width:600px){.support-chat{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.support-chat-panel{right:0;bottom:68px;width:calc(100vw - 24px);height:min(610px,calc(100dvh - 96px));border-radius:16px}}
body .support-chat-phone{font-weight:400}
body[data-support-audience] .support-chat.support-chat{display:block;z-index:100}
.support-chat.is-open{z-index:110}
@media(max-width:600px){body[data-support-audience="customer"] .confirmation{padding-bottom:64px}}
@media(max-width:340px) and (max-height:650px){body[data-support-audience="customer"] .cards-screen .offer-copy{display:none}}
@media(max-width:340px) and (max-height:650px){body[data-support-audience="staff"] .customer-list>.customer-row:first-child{margin-bottom:76px}}
@media(min-width:341px) and (max-width:900px){body[data-support-audience="staff"] .customer-list{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-support-audience="staff"] .customer-row{grid-template-columns:50px minmax(0,1fr);gap:10px}body[data-support-audience="staff"] .customer-row>.customer-status-cell{grid-column:2;justify-self:start}body[data-support-audience="staff"] .customer-row>.icon:last-child{display:none}}
@media(min-width:341px) and (max-width:420px){body[data-support-audience="staff"] .customer-row{height:130px;min-height:130px;align-content:center;padding:10px;grid-template-columns:42px minmax(0,1fr);gap:8px}body[data-support-audience="staff"] .customer-row :is(img,.customer-avatar-fallback){width:42px;height:42px}body[data-support-audience="staff"] .customer-row strong{display:-webkit-box;overflow:hidden;font-size:15px;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}body[data-support-audience="staff"] .customer-row .status-pill{min-height:25px;padding:3px 6px;font-size:11px}}
@media(min-width:341px) and (max-width:420px) and (max-height:820px){body[data-support-audience="staff"] .customer-row{height:114px;min-height:114px}}
@media(max-width:600px){.support-chat-launcher{width:48px;min-width:48px;height:48px;min-height:48px}.support-chat-panel{bottom:60px;height:min(610px,calc(100dvh - 88px))}}
@media(max-width:600px){body[data-support-audience="customer"] .support-chat-launcher{width:44px;min-width:44px;height:44px;min-height:44px}}
@media(max-width:600px){.support-chat-panel{position:absolute;right:0;bottom:60px}}
.support-chat-form textarea[aria-invalid="true"]{border-color:#c0161f}.support-chat-form-error{margin:0;color:#a40d15;font-size:13px;font-weight:700}
.support-chat-panel{position:absolute;right:0;bottom:68px}
@media(max-width:600px){.support-chat-panel{right:0;bottom:60px}}

.support-chat-panel.is-contact-only{height:auto;grid-template-rows:auto auto}

.support-chat-messages[hidden],.support-chat-form[hidden]{display:none}

/* The chat uses the same customer form field; keep its primary action identical on both apps. */
.support-chat-form button.primary { display:inline-flex; min-height:48px; align-items:center; justify-content:center; gap:8px; padding:0 20px; border:1px solid #0e5ce9; border-radius:12px; background:#1769ff; color:#fff; font-size:16px; font-weight:700; box-shadow:0 4px 12px rgba(23,105,255,.18); }
.support-chat-form button.primary:hover { background:#0d5de8; }
.support-chat-form.new-customer-form .customer-access-input { min-height:27px; border:0; border-radius:0; padding:0; background:transparent; }
.support-chat-form.new-customer-form { font-family:-apple-system-body,ui-sans-serif,-apple-system,"system-ui","Segoe UI",Helvetica,Arial,sans-serif; font-size:16px; }