/* AiLogoFix brand colors, shared across the website. */
:root,:root[data-theme=light]{--blue:#0081FB;--blue-hover:#0064E0;--ink:#1C1D21;--text:#404145;--muted:#404145;--paper:#FFFFFF;--light:#F2EEFF;--soft:#F2EEFF}
:root[data-theme=light]{--canvas:#FFFFFF;--panel:#FFFFFF;--panel-2:#FFFFFF;--panel-3:#F2EEFF;--received:#F2EEFF;--field:#FFFFFF;--sidebar:#FFFFFF;--quiet:#404145;--line:#40414512;--line-strong:#40414526;--hover:#F2EEFF;--shadow:0 10px 35px #1c1d2108}
[data-theme=light] body{background:#FFFFFF}
.button:hover,.primary:hover{background-color:#0064E0}
.button.secondary:hover,.button.button-ghost:hover{background:#F2EEFF}
.message.mine .bubble{background:#0081FB;color:#FFFFFF}
.message.mine .bubble.emoji-only,.message.mine .bubble.attachment-only,.message.mine .bubble:has(.message-attachments){background:transparent!important}
.send-button,[data-theme=light] .send-button{background:#0081FB;color:#FFFFFF;box-shadow:none}
.send-button:not(:disabled):hover{background:#0064E0}
.send-button:disabled,[data-theme=light] .send-button:disabled{background:#F2EEFF;color:#404145;opacity:1;box-shadow:none;cursor:default}
.send-button .icon{color:inherit;stroke:currentColor}
[data-theme=light] .primary{background:#0081FB;color:#FFFFFF}
[data-theme=light] .primary:hover{background:#0064E0}
[data-theme=light] .primary.secondary{background:#F2EEFF;color:#404145}
/* Reference welcome banner: greeting, full explanatory copy, and team portraits. */
.welcome,[data-theme=light] .welcome{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#F2EEFF;border:0;border-radius:16px;padding:16px 24px;margin-bottom:28px;min-height:137px;overflow:visible}
.welcome:after{display:none}.welcome>div:first-child{flex:1;min-width:0}
.welcome h2{font-size:24px;line-height:1.25;font-weight:700;letter-spacing:0;color:#0064E0;margin:0 0 8px}
.welcome p:not(.welcome-kicker){font-size:12px;line-height:1.6;font-weight:400;color:#404145;max-width:740px}
.welcome-team,.is-team .welcome-team{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:190px;flex-shrink:0;margin:0}
.welcome-team>span{order:-1;font-size:12px;font-weight:500;line-height:1.4;max-width:none;text-align:center;color:#1C1D21;white-space:nowrap}
.welcome-avatars{display:flex;padding-left:9px}.welcome-avatars img{width:48px;height:48px;object-fit:cover;border-radius:50%;border:2px solid #F2EEFF;margin-left:-9px;filter:grayscale(1)}
/* Compact reference service cards. */
.sidebar-services{display:flex;flex-direction:column;gap:7px;max-height:360px;overflow:auto;scrollbar-width:thin;padding-right:3px}
.mini-service{display:flex;align-items:center;gap:8px;min-height:70px;flex-shrink:0;padding:6px;border:1px solid #40414526;border-radius:6px;background:#FFFFFF;margin:0}
.mini-service:hover{border-color:#0081FB;background:#F2EEFF}
.mini-service img{width:72px;height:48px;object-fit:cover;border-radius:0;flex-shrink:0}
.mini-service-copy{display:block;flex:1;min-width:0}.mini-service strong{display:block;font-size:10px;line-height:1.35;font-weight:600;color:#1C1D21;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-service .mini-service-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:9px;line-height:1.35;color:#404145;margin:0 0 4px}
.mini-service .mini-service-meta{display:flex;align-items:center;gap:3px;margin:0;white-space:nowrap;font-size:8px;line-height:1.2;color:#404145}
.mini-service-meta b{font-size:9px;font-weight:600;color:#0081FB}.mini-service-meta small{font-size:8px;color:#404145}
.mini-service-meta .mini-service-rating{display:flex;align-items:center;gap:2px;font-size:8px;margin:0 0 0 auto;color:#404145}.mini-service-rating .icon{height:9px;width:9px;color:#0064E0;fill:#0064E0}
@media(max-width:1100px){.welcome{gap:20px;padding:18px 22px}.welcome h2{font-size:22px}.welcome-team{min-width:170px}.welcome-avatars img{height:42px;width:42px}.welcome-team>span{font-size:11px}}
@media(max-width:780px){.welcome,[data-theme=light] .welcome{display:block;padding:20px;min-height:0}.welcome h2{font-size:22px}.welcome p:not(.welcome-kicker){font-size:12px}.welcome-team,.is-team .welcome-team{display:flex;align-items:flex-start;margin-top:17px;gap:8px;min-width:0}.welcome-team>span{font-size:11px;text-align:left}.welcome-avatars img{height:38px;width:38px}}

/* Square upload thumbnails, with progress directly over each file. */
.queue-files{display:grid;grid-template-columns:repeat(auto-fill,72px);gap:9px;max-height:170px;overflow:auto;padding:5px 5px 5px 0}
.queued-file{display:block;position:relative;width:72px;height:72px;min-width:72px;max-width:72px;padding:0;border:1px solid #40414526;border-radius:9px;background:#F2EEFF;overflow:visible}
.queued-file>img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.queued-file .queue-file-icon{width:100%;height:100%;border-radius:8px;background:#F2EEFF;color:#0064E0;gap:5px}.queue-file-icon .icon{width:25px;height:25px}.queue-file-icon small{font-size:9px}
.queue-remove{position:absolute;top:-5px;right:-5px;z-index:3;display:grid;place-items:center;align-self:auto;width:21px;height:21px;border:1px solid #40414526;background:#FFFFFF;border-radius:50%;color:#1C1D21;box-shadow:0 2px 6px #1c1d2110}
.queue-remove:hover{background:#F2EEFF;color:#0064E0}.queue-remove .icon{width:13px;height:13px;stroke-width:2.5}
.queue-upload-overlay{position:absolute;inset:0;background:#1c1d2199;color:#FFFFFF;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:600;padding:10px 7px;text-align:center}
.queue-upload-overlay progress{height:4px;width:100%;border:0;border-radius:3px;overflow:hidden;background:#FFFFFF66}.queue-upload-overlay progress::-webkit-progress-bar{background:#FFFFFF66}.queue-upload-overlay progress::-webkit-progress-value{background:#0081FB}.queue-upload-error{font-size:9px;background:#1c1d21cc}.queue-upload-error button{font-size:10px;color:#FFFFFF;text-decoration:underline;padding:1px 5px}
.attachment-queue{padding:10px 0}.queue-heading{margin-bottom:6px;font-size:10px;color:#404145}
.avatar[class*="color-"]{background:#F2EEFF;color:#404145}
.my-avatar,.message>.team-avatar{background:#0081FB;color:#FFFFFF}
.contact-avatar>.icon{background:#0081FB;color:#FFFFFF;border-color:#0064E0}

.guest-divider{display:flex;align-items:center;gap:12px;color:#404145;font-size:11px;margin:23px 0 18px}.guest-divider:before,.guest-divider:after{content:'';height:1px;flex:1;background:#40414526}.guest-start-form{text-align:left}.guest-start-form label{display:block;font-size:12px;color:#1C1D21;margin-bottom:8px}.guest-start-form label span{font-weight:400;color:#404145}.guest-start-form input{width:100%;padding:12px 13px;border:1px solid #40414526;border-radius:9px;background:#FFFFFF;color:#1C1D21;font-size:13px}.guest-start-form>.primary{width:100%;margin-top:12px}.guest-start-form .auth-note{font-size:10px;color:#404145;line-height:1.7;text-align:center;margin-top:13px}.guest-start-form .form-error{margin-top:8px}.auth-gate{padding-block:24px}.auth-card{margin:auto 0}.auth-gate .preview-links{margin-top:18px;padding-top:17px}

/* Reactions sit on the bubble edge; message actions are centered on the bubble. */
.message-content{position:relative;min-width:0}
.message-content .message-more{position:absolute;top:50%;bottom:auto;transform:translateY(-50%);right:-31px;left:auto;width:24px;height:24px;border-radius:50%;background:#F2EEFF;color:#404145;display:grid;place-items:center}
.message.mine .message-content .message-more{left:-31px;right:auto}
.message-more .icon{width:15px;height:15px}
.message-reactions,.message.mine .message-reactions{position:absolute;bottom:-12px;right:6px;left:auto;display:flex;align-items:center;justify-content:flex-end;gap:3px;flex-wrap:wrap;margin:0;z-index:2;width:max-content;max-width:min(240px,65vw)}
.message:not(.mine) .message-reactions{left:6px;right:auto;justify-content:flex-start}
.reaction-chip{min-width:25px;height:24px;padding:2px 5px;gap:3px;border:1px solid #40414520;border-radius:14px;background:#FFFFFF;color:#404145;box-shadow:0 1px 4px #1c1d2114}
.reaction-chip[aria-pressed=true]{border-color:#0081FB60;background:#FFFFFF;color:#404145}
.reaction-chip .emoji-inline{font-size:17px;margin:0;vertical-align:0}
.reaction-chip .reaction-count{font-size:10px;line-height:1}
.message-content.has-reactions+.message-meta{margin-top:18px}
.message:has(.has-reactions)>.avatar{margin-bottom:33px}
/* Reference account dropdown. */
.popup.account-menu{width:250px;max-width:calc(100vw - 24px);padding:10px 12px 8px;background:#FFFFFF;border:1px solid #40414515;border-radius:10px;box-shadow:0 6px 24px #1c1d2124;max-height:calc(100dvh - 80px);overflow:auto;color:#404145}
.account-menu-header{display:flex;align-items:center;gap:9px;padding:6px 3px 12px;border-bottom:1px solid #40414526;margin-bottom:3px}.account-menu-header>.avatar{height:34px;width:34px;background:#F2EEFF;color:#404145;font-size:11px}.account-menu-header>div{min-width:0;flex:1}.account-menu-header strong{display:block;font-size:12px;line-height:1.4;font-weight:700;color:#1C1D21;overflow-wrap:anywhere}.account-menu-header span:not(.avatar),.account-menu-header small{display:block;font-size:10px;color:#404145;opacity:.7;line-height:1.45;overflow-wrap:anywhere}
.account-menu-links>button,.account-menu-links>a,.account-legal>summary{display:flex;align-items:center;width:100%;text-align:left;font-size:12px;font-weight:500;line-height:1.4;padding:9px 8px;min-height:34px;border-radius:5px;color:#404145;text-decoration:none}.account-menu-links>button:hover,.account-menu-links>a:hover,.account-legal summary:hover,.account-legal>a:hover{background:#F2EEFF}
.account-legal>summary{list-style:none;cursor:pointer;justify-content:space-between}.account-legal>summary::-webkit-details-marker{display:none}.account-legal>summary .icon{height:14px;width:14px;transition:transform .15s}.account-legal[open]>summary .icon{transform:rotate(180deg)}.account-legal>a{display:block;padding:8px 10px 8px 18px;font-size:11px;color:#404145;border-radius:5px}
.account-details{display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:12px;margin:22px 0 28px}.account-details dt{color:#404145}.account-details dd{margin:0;color:#1C1D21;overflow-wrap:anywhere}.account-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.account-stats>div{padding:20px;border:1px solid #40414520;border-radius:10px;background:#F2EEFF}.account-stats strong{display:block;font-size:25px;color:#0064E0}.account-stats span{font-size:11px;color:#404145}.account-dashboard-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.account-order{padding:18px;border:1px solid #40414520;border-radius:10px;margin-bottom:20px}.account-order strong{display:block;margin:8px 0}.account-order small,.account-order p{font-size:11px;color:#404145}.support-options .quick-item{display:flex;align-items:center;justify-content:space-between}
.guest-start-form label{margin-top:14px}.guest-email-help{font-size:10px;color:#404145;line-height:1.6;margin-top:6px}.guest-signin-link{display:block;text-align:center;font-size:11px;color:#0064E0;margin-top:18px}.guest-signin-link:hover{text-decoration:underline}
@media(max-width:650px){.message-content .message-more{right:-27px;width:22px;height:22px}.message.mine .message-content .message-more{left:-27px;right:auto}.popup.account-menu{max-height:calc(100dvh - 60px)}.account-details{grid-template-columns:88px 1fr;font-size:11px}}