/* One expandable help tile with an integrated, independently scrollable chat. */
.ticket-facts{grid-template-columns:1fr 1fr auto;align-items:center}
.ticket-facts-social{justify-self:end}
.ticket-facts .ticket-facebook{margin:0;justify-self:end;gap:8px;font-size:12px;white-space:nowrap}
.ticket-support-card{margin-top:48px;border:1px solid #44647c77;border-radius:16px;background:#0e2130dd;overflow:hidden}
.ticket-support-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;cursor:pointer;list-style:none}
.ticket-support-disclosure>summary::-webkit-details-marker{display:none}
.ticket-support-disclosure>summary strong{display:block;font-size:24px;line-height:1.3;letter-spacing:-.025em}
.ticket-support-disclosure>summary small{display:block;color:#9fb7c7;font-size:13px;line-height:1.6;margin-top:5px}
.support-expand{font-size:28px;color:#ffac72;transition:transform .15s}
.ticket-support-disclosure[open] .support-expand{transform:rotate(45deg)}
.ticket-support-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;padding:0 28px 28px;align-items:start}
.support-chat,.support-reference{min-width:0}
.support-chat{border:1px solid #44647c99;border-radius:14px;background:#102737;overflow:hidden;box-shadow:0 12px 32px #04111d33}
.support-chat-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px 20px 0;text-align:center}
.support-chat h2{font-size:20px;margin:0;line-height:1.4}
.support-avatar{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffac7277;border-radius:50%;background:#ffac7212;color:#ffb982;font-size:20px;font-weight:750}
.support-intro{font-size:13px;color:#a9c1d1;line-height:1.6;text-align:center;margin:10px 20px 20px}
.support-messages{display:flex;flex-direction:column;gap:14px;height:340px;overflow:auto;overscroll-behavior:contain;scroll-padding:18px;padding:20px 18px;background:#081b29;border-block:1px solid #44647c55;scrollbar-width:thin;scrollbar-color:#44647c #081b29}
.support-empty{margin:auto;max-width:280px;padding:24px 0;text-align:center;color:#a9c1d1;font-size:14px;line-height:1.7}
.support-empty strong{display:block;color:#e7f1f7;font-size:18px}
.support-empty p{margin:8px 0 0}
.support-message{flex:none;max-width:90%;padding:12px 16px;border-radius:15px;background:#173347;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.support-message[data-role=user]{align-self:flex-end;background:#294253;border:1px solid #52708955;border-bottom-right-radius:4px}
.support-message[data-role=assistant]{align-self:flex-start;border:1px solid #44647c55;border-bottom-left-radius:4px}
.support-message>small{display:block;color:#ffb982;font-size:10px;margin-bottom:5px;white-space:normal}
.support-message>p{margin:0}
.support-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 18px 0}
.support-suggestions button{padding:8px 10px;border:1px solid #496a81;border-radius:16px;background:#0b2030;color:#c4d8e5;font-size:12px;cursor:pointer;text-align:left}
.support-suggestions button:hover{border-color:#ffac72}
.support-compose{padding:16px 18px 0;margin:0}
.support-compose label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.support-compose>div{display:flex;align-items:stretch;gap:10px}
.bs-ticket-page .support-chat textarea{display:block;box-sizing:border-box;width:100%;min-width:0;border:1px solid #496a81;border-radius:10px;background:#091c2b;color:#edf4f8;font:16px/1.5 system-ui,sans-serif;padding:11px 12px}
.bs-ticket-page .support-compose textarea{flex:1;height:48px;min-height:48px;max-height:48px;resize:none;overflow-y:auto}
.support-send{display:grid;place-items:center;flex:0 0 48px;box-sizing:border-box;width:48px;height:48px;margin:0;padding:0;border:0;border-radius:10px;background:#ff9b43;color:#08131e;font-size:28px!important;line-height:1;cursor:pointer}
.support-send:hover{background:#ffb065}
.support-status{min-height:1.6em;margin:8px 18px 12px;font-size:12px;color:#b9cdd9;overflow-wrap:anywhere}
.support-chat button:disabled{opacity:.55;cursor:wait}
.support-chat :is(button,textarea,input):focus-visible,.support-messages:focus-visible{outline:2px solid #ffac72;outline-offset:3px}
.support-messages:focus-visible{outline-offset:-3px}
.support-handoff{border-top:1px solid #44647c77;margin:0;padding:10px 18px 20px}
.support-handoff label{display:block;color:#c4d3dd;font-size:13px;margin:14px 0 7px}
.support-handoff textarea{resize:vertical}
.support-handoff h3,.support-email h3{font-size:16px;margin:12px 0}
.support-handoff .support-consent{display:flex;align-items:flex-start;gap:8px;line-height:1.6;margin-top:18px}
.support-consent input{flex:none;margin:2px 0 0!important}
.support-handoff .ticket-primary{margin-top:18px}
.support-receipt{padding:18px;background:#143b35;border:1px solid #6fa899;border-radius:10px;margin:0 18px 18px;line-height:1.8;font-size:14px;overflow-wrap:anywhere;white-space:pre-line}
.support-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.support-reference{border-left:1px solid #44647c66;padding-left:28px}
.support-reference #ticket-help{border:0;background:none;margin:0;padding:22px 0 0}
.support-reference #ticket-help h2{font-size:18px;line-height:1.5;margin:0 0 10px}
.support-reference #ticket-help details{padding:13px 0}
.support-email{border-top:1px solid #44647c77;margin-top:24px;padding-top:10px;font-size:13px;overflow-wrap:anywhere}
.support-email p{color:#9fb7c7;font-size:12px}
@media(max-width:1100px){.ticket-facts{grid-template-columns:1fr 1fr}.ticket-facts-social{grid-column:1/-1;justify-self:start}.ticket-support-content{grid-template-columns:1fr}.support-reference{border-left:0;border-top:1px solid #44647c66;padding-left:0}}
@media(max-width:640px){.ticket-support-card{margin-top:32px}.ticket-support-disclosure>summary{padding:20px 16px}.ticket-support-disclosure>summary strong{font-size:21px}.ticket-support-content{padding:0 12px 16px;gap:24px}.support-chat-heading{padding:20px 14px 0}.support-intro{margin-inline:14px}.support-message{max-width:94%;padding:11px 13px}.support-messages{height:320px;padding:16px 12px}.support-compose{padding:14px 12px 0}.support-compose>div{gap:8px}.support-suggestions{margin-inline:12px}.support-status{margin-inline:12px}.support-handoff{padding-inline:12px}.support-receipt{margin-inline:12px}.support-reference{margin-inline:4px}}