.topbar.standalone-topbar>.container{justify-content:space-between;min-height:42px}
.topbar.standalone-topbar .topbar-contact{margin:0;width:auto;min-width:0}
.topbar.standalone-topbar .standalone-tagline,.topbar.standalone-topbar .top-label{display:block;line-height:1.6}
@media(max-width:700px){.topbar.standalone-topbar>.container{gap:14px;padding-block:5px}.topbar.standalone-topbar .standalone-tagline{flex:1;min-width:0}.topbar.standalone-topbar .topbar-contact{flex:2;gap:8px}.topbar.standalone-topbar .top-label{min-width:0}}
.standalone-topbar .language-options{inset-inline-start:auto;inset-inline-end:0}
.standalone-header{background:#fff;border-bottom:1px solid #e3edf4;padding:21px 0}
.standalone-header>.container{display:flex;justify-content:center}
.standalone-header .brand{cursor:default;gap:14px}
.standalone-header .brand-logo{width:68px;height:68px;object-fit:contain}
.standalone-header .brand-wordmark .brand-en{font-size:42px;line-height:1.15}
.standalone-header .brand-ar{font-size:14px;line-height:1.5}
main.chat-only{min-height:calc(100svh - 153px);padding:32px 0 80px;align-content:start;align-items:start}
.feedback-only .page-heading{max-width:960px;padding-top:36px;padding-bottom:26px}
.feedback-only .page-heading h1{font-size:clamp(1.8rem,3.5vw,2.5rem)}
.feedback-only .page-heading h1 br{display:none}
.feedback-only .feedback-layout{max-width:960px;grid-template-columns:minmax(0,1fr);gap:24px;padding-bottom:60px}
@media(max-width:700px){
  .standalone-header{padding:18px 0}
  .standalone-header .brand{gap:12px}
  .standalone-header .brand-logo{width:56px;height:56px}
  .standalone-header .brand-wordmark .brand-en{font-size:34px}
  .standalone-header .brand-ar{font-size:12px}
  main.chat-only{min-height:0;padding-top:24px}
  .feedback-only .page-heading{padding-top:28px;padding-bottom:20px}
}

.chat-intro .chat-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:25px}
.chat-overview .chat-intro .chat-ticket-description{color:#687583;font-size:1rem;line-height:1.9;max-width:100%;margin:14px 0 0}

.chat-overview .support-hours,.chat-overview .chat-intro{text-align:center}
.chat-overview .hours-heading,.chat-overview .hours-time,.chat-overview .chat-actions,.chat-overview .chat-preparation{justify-content:center}
.chat-overview .chat-preparation p{margin-inline:0}
body:has(.chat-only) .standalone-header .brand-wordmark{align-items:center;text-align:center}

/* Keep the customer chat introduction aligned with its actions. */
.chat-overview .chat-heading{text-align:center}
.chat-overview .chat-heading>p{margin-inline:auto}