@font-face{font-family:CarTech;src:url('/fonts/FrutigerLTArabic-55Roman.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--cartech-primary:#BB2024;--cartech-background:#F0F2F3;--cartech-text:#263238;--brand-color:var(--cartech-primary);--link-color:var(--cartech-primary);--font-family:CarTech,Arial,sans-serif}
html,body{margin:0;min-height:100%;font-family:CarTech,Arial,sans-serif;background:var(--cartech-background);color:var(--cartech-text)}
.cartech-brand{box-sizing:border-box;min-height:64px;display:flex;align-items:center;gap:16px;padding:8px 16px;background:#fff;border-bottom:1px solid #CBD2D6}
.cartech-brand img{width:140px;height:auto}.cartech-brand span{font-size:14px}
#conversejs{position:relative;height:calc(100dvh - 66px);min-height:440px}
converse-brand-heading,converse-brand-logo{display:none!important}
#conversejs .converse-fullscreen{top:66px!important}
#conversejs .conversejs,#conversejs .conversejs[data-converse-theme]{--normal-font:CarTech,Arial,sans-serif;--heading-font:CarTech,Arial,sans-serif;--branding-font:CarTech,Arial,sans-serif;--primary-color:var(--cartech-primary);--primary-color-rgb:187,32,36;--background-color:var(--cartech-background);--foreground-color:var(--cartech-text);--chat-color:var(--cartech-primary);--chat-header-bg-color:var(--cartech-primary);--chat-header-fg-color:#fff;--muc-color:var(--cartech-primary);--muc-header-bg-color:var(--cartech-primary);--muc-header-fg-color:#fff;--controlbox-color:var(--cartech-primary);--link-color:var(--cartech-primary);--link-color-hover:#9C191D;--fullpage-chat-height:calc(100dvh - 66px)}

/* Bound upstream absolute flyouts to their own embedded column, not the iframe. */
#conversejs .converse-embedded > .chatbox{position:relative}

#back-to-chats{display:none;font:inherit;color:var(--cartech-primary);border:1px solid #CBD2D6;border-radius:6px;background:#fff;padding:6px 12px;cursor:pointer}
@media(max-width:767px){
 .cartech-brand{gap:8px;padding:8px}.cartech-brand img{width:110px}.cartech-brand span{font-size:12px}
 body.chat-active #back-to-chats{display:block;margin-inline-start:auto}
 #conversejs .converse-embedded>.chatbox{width:100%;max-width:100%;flex:0 0 100%}
 body.chat-active #conversejs .converse-embedded>converse-controlbox{display:none}
 body:not(.chat-active) #conversejs .converse-embedded>.chatbox:not(converse-controlbox){display:none}
}

#conversejs .chatbox textarea{box-sizing:border-box;width:calc(100% - 16px);max-width:calc(100% - 16px)}