.support-chat { position:fixed; right:22px; bottom:20px; z-index:100; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; color:#e8f1f5; }
.chat-launcher { min-width:82px; height:46px; display:flex; align-items:center; justify-content:center; gap:8px; padding:0 14px; border:1px solid rgba(55,220,233,.42); border-radius:24px; background:#0a2230; color:#d8f8fa; box-shadow:0 14px 35px rgba(0,0,0,.35); cursor:pointer; }.chat-launcher span { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:#37dce9; color:#04151b; font-size:13px; font-weight:900; }.chat-launcher b { font-size:11px; }
.chat-window { position:absolute; right:0; bottom:58px; width:min(380px,calc(100vw - 28px)); overflow:hidden; border:1px solid #28495c; border-radius:14px; background:#071521; box-shadow:0 25px 70px rgba(0,0,0,.55); }.chat-window[hidden] { display:none; }.chat-window>header { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:12px 14px; border-bottom:1px solid #1e394b; background:#0a1c2a; }.chat-window>header>div { display:flex; align-items:center; gap:10px; }.chat-window>header>div>span { width:35px; height:35px; display:grid; place-items:center; border:1px solid #2f6974; border-radius:8px; color:#62e5ed; font-size:10px; font-weight:900; }.chat-window>header>div>div { display:grid; gap:3px; }.chat-window>header b { font-size:11px; }.chat-window>header small { color:#738d9f; font-size:8px; }.chat-window>header button { width:32px; height:32px; border:0; background:transparent; color:#7e98a9; cursor:pointer; font-size:22px; }
.chat-safety { padding:9px 13px; border-bottom:1px solid #1d3748; background:#0b202d; color:#829bac; font-size:8px; line-height:1.45; }.chat-safety b { color:#f0c477; }
.chat-messages { height:285px; display:flex; flex-direction:column; gap:9px; overflow:auto; padding:13px; }.chat-messages article { max-width:86%; padding:10px 11px; border-radius:9px 9px 9px 2px; background:#102738; color:#b8c8d2; font-size:10px; line-height:1.55; }.chat-messages article.user { align-self:flex-end; border-radius:9px 9px 2px 9px; background:#164451; color:#e3f8f9; }.chat-messages p { margin:0; white-space:pre-wrap; }
.chat-window form { padding:11px 12px; border-top:1px solid #1d3748; background:#091824; }.chat-window textarea { width:100%; min-height:50px; resize:none; padding:10px; border:1px solid #284859; border-radius:8px; outline:0; background:#06121d; color:#e7f0f5; font:10px/1.45 inherit; }.chat-window textarea:focus { border-color:#37dce9; }.chat-window form>div { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:8px; }.chat-window form small { color:#668193; font-size:7px; }.chat-window form button { min-height:32px; padding:0 13px; border:0; border-radius:6px; background:#37dce9; color:#03151b; cursor:pointer; font-size:9px; font-weight:850; }
.chat-ticket { min-height:39px; display:flex; align-items:center; justify-content:center; border-top:1px solid #1d3748; background:#0b1c29; color:#7ce7ed; font-size:9px; font-weight:750; }.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media(max-width:520px){.support-chat{right:14px;bottom:13px}.chat-window{bottom:56px}.chat-messages{height:260px}}

/* Readability refresh */
.chat-launcher{min-width:96px;height:50px;padding:0 16px;border-radius:14px;background:linear-gradient(135deg,#123347,#10283a);font-size:14px}.chat-launcher span{width:27px;height:27px;font-size:14px}.chat-launcher b{font-size:13px}.chat-window{width:min(410px,calc(100vw - 28px));border-radius:17px}.chat-window>header{min-height:72px;padding:14px 16px}.chat-window>header>div>span{width:40px;height:40px;border-radius:10px;font-size:11px}.chat-window>header b{font-size:14px}.chat-window>header small{font-size:10px}.chat-safety{padding:11px 15px;font-size:11px}.chat-messages{height:315px;padding:15px;gap:11px}.chat-messages article{padding:12px 13px;font-size:13px;line-height:1.6}.chat-window form{padding:13px 14px}.chat-window textarea{min-height:62px;padding:11px 12px;font-size:13px}.chat-window form small{font-size:10px}.chat-window form button{min-height:38px;padding:0 16px;border-radius:8px;font-size:12px}.chat-ticket{min-height:44px;font-size:12px}

/* V9 canonical GridCove mark in support chat headers. */
.chat-window>header>div>span{
  position:relative;display:block;width:19px;height:19px;flex:0 0 19px;padding:0;border:0;border-radius:0;
  background:transparent;color:transparent;font-size:0;line-height:0;transform:rotate(45deg);box-shadow:none;overflow:visible
}
.chat-window>header>div>span::before{
  content:"";position:absolute;left:0;top:0;width:8px;height:8px;border-radius:2px;
  background:linear-gradient(135deg,#55d8e8,#9887ff);
  box-shadow:11px 0 0 #7aafea,0 11px 0 #66d7ce,11px 11px 0 #9887ff
}
.chat-window>header>div>.gridcove-home-mark.chat-brand-mark{
  display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:3px;
  width:19px;height:19px;flex:0 0 19px;border:0;background:transparent;transform:rotate(45deg);box-shadow:none
}
.chat-window>header>div>.gridcove-home-mark.chat-brand-mark::before{display:none}
.chat-window>header>div>.gridcove-home-mark.chat-brand-mark i{display:block;border-radius:2px;background:linear-gradient(135deg,#55d8e8,#9887ff)}


/* V10 canonical chat logo. */
.gridcove-chat-logo{display:block;width:24px;height:24px;flex:0 0 24px;object-fit:contain;transform:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}

/* V11: slightly larger canonical support logo. */
.gridcove-chat-logo{width:28px;height:28px;flex:0 0 28px}


/* V12 canonical support mark. */
.gridcove-chat-logo{width:32px!important;height:32px!important;flex:0 0 32px!important}
.support-chat .chat-window>header>div>span:first-child:not(.customer-brand-text){display:block!important;width:32px!important;height:32px!important;flex:0 0 32px!important;border:0!important;border-radius:0!important;background:transparent url("/images/gridcove-mark-v12.svg?v=20260723-canonical-brand-v12") center/contain no-repeat!important;box-shadow:none!important;font-size:0!important;color:transparent!important}