:root{--page:#0b050a;--page-gradient:radial-gradient(circle at 50% -20%, #3a0d2a 0%, #150611 65%, #050104 100%);--page-muted:#120710;--surface:#190c17;--surface-soft:#231221;--surface-panel:#11050f;--surface-hover:#32122b;--text:#f5edf3;--text-strong:#fff;--muted:#c8b9c6;--muted-2:#9d899b;--placeholder:#b7a4b5;--accent:#e83f91;--accent-strong:#f5b3dc;--accent-soft:#e83f911c;--accent-line:#e83f913b;--danger:#ff557c;--danger-soft:#ff557c1f;--line:#e83f9114;--line-strong:#e83f912e;--focus:#e83f9142;--radius:8px;--panel-shadow:none;--font-ui:"SF Pro Text", "Segoe UI", Aptos, ui-sans-serif, system-ui, sans-serif;--font-display:"SF Pro Display", "Segoe UI", Aptos, ui-sans-serif, system-ui, sans-serif;--text-caption:.75rem;--text-micro:.8125rem;--text-body:.9375rem;--text-lead:1.0625rem;--text-title:1.25rem;--text-display:1.75rem;--leading-tight:1.15;--leading-copy:1.5;--leading-ui:1.35;--track-caps:.055em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:var(--page-gradient,var(--page)) no-repeat fixed}body{color:var(--text);font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--leading-ui);letter-spacing:0;font-kerning:normal;font-optical-sizing:auto;text-rendering:optimizelegibility;background:0 0;overflow-x:hidden}h1,h2,h3,p{margin-block:0}h1,h2,h3{color:var(--text-strong);font-family:var(--font-display);line-height:var(--leading-tight);text-wrap:balance}p,li{text-wrap:pretty}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{letter-spacing:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-icon{flex:none;width:18px;height:18px}.app-shell{height:100dvh;min-height:100dvh;padding:0;overflow:hidden}.staff-shell{align-items:stretch;display:grid}.center-shell{background:var(--page-gradient,var(--page)) no-repeat fixed;place-items:center;min-height:100dvh;padding:0;display:grid}.login-panel{width:100vw;min-height:100dvh;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;display:grid}.login-panel__body{width:min(260px,100% - 32px)}.login-brand-mark{object-fit:cover;border-radius:20px;width:96px;height:96px;margin:0 auto 20px;display:block}.form-grid{gap:10px;display:grid}.field{min-width:0;display:grid}.input,.textarea{background:var(--surface);width:100%;min-width:0;color:var(--text);border:1px solid #353238;border-radius:5px;outline:none;transition:border-color .16s,box-shadow .16s,background .16s}.input{height:34px;font-size:var(--text-micro);padding:0 10px}.input-with-icon{padding-left:35px}.textarea{resize:vertical;min-height:82px;max-height:176px;padding:12px}.input::placeholder,.textarea::placeholder{color:var(--placeholder);opacity:1}.input:hover,.textarea:hover{background:#251322}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.input:disabled,.textarea:disabled{color:var(--muted-2);cursor:not-allowed;background:#1a0e18}.button{cursor:pointer;min-height:34px;font-size:var(--text-micro);border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:600;line-height:1;transition:border-color .16s,transform .16s,background .16s,color .16s;display:inline-flex}.order-topbar__price{color:var(--text-strong);font-variant-numeric:tabular-nums;font-weight:650}.button .ui-icon{width:15px;height:15px}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:focus-visible,.conversation-item:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:0}.button[disabled]{cursor:not-allowed;opacity:.48;transform:none}.button-primary{color:#fff;background:#df3b8d}.button-primary:hover{background:#ec5aa6}.discord-login-button{color:#fff;background:#5865f2;min-height:34px}.discord-login-button:hover{background:#4752c4}.discord-login-button svg{fill:currentColor;width:17px;height:17px}.mybe-receiver-modal{z-index:60;color:#f2edf1;background:#000000ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mybe-receiver-modal__panel{background:#1c1c1f;border:1px solid #e83f915c;border-radius:8px;width:min(100%,500px);position:relative;overflow:hidden;box-shadow:0 18px 48px #00000061}.mybe-receiver-modal__bar{background:#e83f91;height:3px}.mybe-receiver-modal__content{gap:18px;padding:28px;display:grid}.mybe-receiver-modal__header{gap:8px;display:grid}.mybe-receiver-modal__eyebrow{color:#ff62ad;letter-spacing:0;font-size:12px;font-weight:800}.mybe-receiver-modal__title{color:#fff;letter-spacing:0;margin:0;font-size:30px;font-weight:800;line-height:1.05}.mybe-receiver-modal__copy{color:#b7aeb8;max-width:46ch;margin:0;font-size:14px;line-height:1.45}.mybe-receiver-modal__form{gap:14px;display:grid}.mybe-receiver-modal__label{color:#f2edf1;gap:9px;font-size:13px;font-weight:700;display:grid}.mybe-receiver-modal__input{color:#fff;width:100%;min-height:48px;font:inherit;background:#222124;border:1px solid #353238;border-radius:5px;outline:none;padding:0 14px;transition:border-color .16s,box-shadow .16s,background .16s}.mybe-receiver-modal__input:focus{background:#242227;border-color:#e83f91;box-shadow:0 0 0 3px #e83f9142}.mybe-receiver-modal__input::placeholder{color:#b0a7b1;opacity:1}.mybe-receiver-modal__status{color:#b7aeb8;min-height:18px;margin:0;font-size:13px;line-height:1.35}.mybe-receiver-modal__status.is-error{color:#ff8aa5}.mybe-receiver-modal__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mybe-receiver-modal__actions-single{grid-template-columns:1fr}.mybe-receiver-modal__button{cursor:pointer;min-height:46px;font:inherit;letter-spacing:0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;font-weight:800;transition:transform .16s,border-color .16s,background .16s,color .16s,opacity .16s;display:inline-flex}.mybe-receiver-modal__button:active{transform:translateY(1px)}.mybe-receiver-modal__button[disabled]{cursor:wait;opacity:.58}.mybe-receiver-modal__button--primary{color:#fff;background:#e83f91}.mybe-receiver-modal__button--primary:hover{background:#ff62ad}.button-secondary{color:var(--text-strong);background:#1e0e1b;border-color:#301a2a}.button-secondary:hover{border-color:var(--accent-line);background:var(--surface-hover)}.button-danger{background:var(--danger-soft);color:var(--danger);border-color:#c23a5942}.alert{border-radius:var(--radius);font-size:var(--text-micro);line-height:var(--leading-ui);overflow-wrap:anywhere;border:1px solid #0000;padding:10px 12px}.alert-error{background:var(--danger-soft);color:#ffc0cf;border-color:#c23a594d}.messages-workspace{background:var(--surface);width:100vw;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0;grid-template-columns:clamp(272px,22vw,338px) minmax(0,1fr);margin:0;display:grid;overflow:hidden}.mobile-queue-button,.mobile-drawer-backdrop,.mobile-drawer-close{display:none}.messages-panel{border-right:1px solid var(--line);background:var(--surface-panel);grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.messages-panel__top{justify-content:space-between;align-items:center;gap:12px;padding:18px 14px 10px;display:flex}.section-title{color:var(--text-strong);font-size:var(--text-body);font-weight:650;line-height:var(--leading-tight);align-items:center;gap:8px;margin:0;display:flex}.title-icon{background:var(--accent-soft);width:24px;height:24px;color:var(--accent);border-radius:7px;place-items:center;display:grid}.title-icon .ui-icon{width:15px;height:15px}.panel-count,.panel-meta,.conversation-item__time{color:var(--muted);font-size:var(--text-caption);line-height:1.35}.order-progress-meta{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.order-status-panel__header>div{flex:auto;min-width:0}.order-progress-count{color:#c9c7cf;white-space:nowrap;background:#c9c7cf14;border:1px solid #c9c7cf42;border-radius:999px;align-items:center;min-height:20px;margin-left:auto;padding:0 8px;font-size:.6875rem;font-weight:500;line-height:1;display:inline-flex}.order-progress-count-complete{color:#c9c7cf;background:#c9c7cf14;border-color:#c9c7cf42}.search-field{padding:0 14px 12px;display:block;position:relative}.search-field__icon{color:#9e96a0;pointer-events:none;position:absolute;top:7px;left:25px}.search-field__icon .ui-icon{width:16px;height:16px}.conversation-list{border-top:1px solid var(--line);scrollbar-color:var(--accent-line) transparent;align-content:start;min-height:0;display:grid;overflow-y:auto}.conversation-item{border:0;border-bottom:1px solid var(--line);width:100%;min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;transition:background .16s;display:grid;position:relative}.conversation-item:hover,.conversation-item-active{background:var(--surface-hover)}.conversation-avatar-container{flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.conversation-avatar-container .conversation-avatar{width:38px;height:38px;margin:0}.chat-waiting-arrow{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .16s,opacity .16s;display:inline-flex}.chat-waiting-arrow .ui-icon{width:12px;height:12px}.conversation-item-waiting-for-staff .chat-waiting-arrow{background:#1d9bf0}.conversation-item-waiting-for-customer .chat-waiting-arrow{background:#ef4444}.conversation-item-waiting-for-staff .conversation-item__name{color:#1d9bf0}.conversation-item-waiting-for-customer .conversation-item__name{color:var(--text-strong)}.conversation-item-waiting-for-staff:before{content:"";background:#1d9bf0;border-radius:0 999px 999px 0;width:4px;position:absolute;top:8px;bottom:8px;left:0}.conversation-avatar{object-fit:cover;background:#231221;border-radius:999px;width:34px;height:34px}.conversation-avatar-fallback{color:var(--accent-strong);font-size:var(--text-body);place-items:center;font-weight:600;display:grid}.user-icon-avatar{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-strong);place-items:center;display:grid}.user-icon-avatar .ui-icon{width:17px;height:17px}.conversation-item__main,.conversation-item__side{gap:3px;min-width:0;display:grid}.conversation-item__side{align-content:center;justify-items:end;gap:7px}.conversation-item__heading{align-items:center;gap:6px;min-width:0;display:flex}.conversation-item__name{min-width:0;color:var(--text-strong);font-size:var(--text-micro);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.25;overflow:hidden}.conversation-stage-pill{border:1px solid var(--accent-line);background:var(--surface-soft);min-height:20px;color:var(--accent-strong);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:0 8px;font-size:.6875rem;font-weight:700;line-height:1;display:inline-flex}.conversation-item__order,.conversation-item__preview{color:var(--muted);font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.conversation-item__order{color:#d5ced7;font-weight:500}.pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;min-height:20px;padding:0 7px;font-size:.6875rem;font-weight:600;line-height:1;display:inline-flex}.pill-open,.pill-busy{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-strong)}.pill-resolved{color:#dfd4de;background:#20101c;border-color:#2d1a2a}.chat-panel{background:var(--surface);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.chat-panel__header{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:12px 14px;display:flex}.chat-panel__title{color:var(--text-strong);font-size:var(--text-body);font-weight:650;line-height:var(--leading-tight);overflow-wrap:anywhere;margin:0 0 4px}.chat-heading{align-items:center;gap:11px;min-width:0;display:flex}.chat-user-avatar{object-fit:cover;background:#231221;border-radius:999px;flex:none;width:36px;height:36px}.chat-user-avatar.user-icon-avatar .ui-icon{width:18px;height:18px}.chat-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.message-list{scrollbar-color:var(--accent-line) transparent;background:0 0;flex-direction:column;gap:11px;min-height:0;padding:16px 14px;display:flex;overflow-y:auto}.message{background:var(--surface);border-radius:6px;max-width:min(64%,560px);padding:10px 12px}.message-staff{background:var(--accent);color:#fff;align-self:flex-end}.message-system{max-width:min(92%,680px);color:var(--text);background:#1a0a17;border:1px solid #2d1a2a;align-self:center}.message__meta{color:var(--muted);font-size:var(--text-caption);justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;font-weight:500;line-height:1.3;display:flex}.message__author{align-items:center;gap:6px;min-width:0;display:inline-flex}.message__author-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.message__avatar{object-fit:cover;border-radius:999px;flex:none;width:18px;height:18px}.message__body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-micro);line-height:var(--leading-copy);margin:0}.message__link{color:#6e99f0;text-underline-offset:3px;overflow-wrap:anywhere;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.message__link:hover{color:#5083eb}.message__image{border:1px solid var(--line-strong);object-fit:contain;background:#0d040a;border-radius:6px;width:min(280px,100%);max-height:320px;margin-top:8px;display:block}.message__body+.message__image{margin-top:10px}.composer{border-top:1px solid var(--line);background:var(--surface);gap:9px;padding:12px;display:grid}.composer__actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.composer-photo-button{justify-self:start;width:max-content;max-width:100%}.composer-photo-button.is-disabled{pointer-events:none}.composer-attachment{border:1px solid var(--line);background:#1e0d1b;border-radius:6px;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:8px;display:grid}.composer-attachment img{object-fit:cover;background:#0d040a;border-radius:5px;width:44px;height:44px}.composer-attachment span{min-width:0;color:var(--text);font-size:var(--text-micro);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.composer-attachment__remove{border:1px solid var(--line-strong);width:28px;height:28px;color:var(--muted);cursor:pointer;background:#1b1b1d;border-radius:5px;justify-content:center;align-items:center;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.composer-attachment__remove:hover{border-color:var(--accent-line);background:var(--surface-hover);color:var(--text-strong)}.composer-attachment__remove .ui-icon{width:15px;height:15px}.chat-panel__empty{min-height:360px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:7px;padding:28px;display:grid}.chat-panel__empty strong,.empty-state strong{color:var(--text-strong);font-size:var(--text-body);font-weight:600;display:block}.topbar{border-bottom:1px solid var(--line);background:var(--surface-panel);justify-content:space-between;align-items:center;gap:14px;min-width:0;min-height:58px;padding:12px 16px;display:flex}.topbar__brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.topbar__mark{background:var(--accent);color:#fff;width:34px;height:34px;font-size:var(--text-body);border-radius:8px;flex:none;place-items:center;font-weight:650;display:grid}.topbar__avatar{border:1px solid var(--accent-line);object-fit:cover;background:#231221;border-radius:8px;flex:none;width:34px;height:34px}.topbar__brand-copy{gap:2px;min-width:0;display:grid}.topbar__title{color:var(--text-strong);font-size:var(--text-body);font-weight:650;line-height:var(--leading-tight);margin:0}.topbar__meta{min-width:0;color:var(--muted);font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.35;overflow:hidden}.topbar__actions{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.single-chat-layout{background:var(--surface);width:100vw;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0;margin:0;overflow:hidden}.customer-shell{place-items:stretch stretch;min-height:100dvh;padding:0;display:grid}.customer-shell .chat-panel{width:100vw;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0;overflow:hidden}.customer-order-shell,.staff-single-board{background:0 0;grid-template-rows:auto minmax(0,1fr);min-width:0;height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.customer-order-shell{grid-template-rows:auto auto minmax(0,1fr)}.customer-support-shell{grid-template-rows:auto minmax(0,1fr)}.customer-chat-navbar{border-bottom:1px solid var(--line);background:var(--surface-panel);justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:58px;padding:10px 28px;display:flex}.customer-chat-navbar__brand{flex:none;align-items:center;display:inline-flex}.customer-chat-navbar__brand img{object-fit:cover;border-radius:10px;width:44px;height:44px}.customer-chat-navbar__links{justify-content:flex-end;align-items:center;gap:18px;min-width:0;display:flex}.customer-chat-navbar__link{min-width:0;color:var(--muted);font-size:var(--text-micro);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:600;line-height:1;transition:color .16s;display:inline-flex}.customer-chat-navbar__link:hover{color:var(--text-strong)}.customer-chat-navbar__link:disabled{color:var(--muted-2);cursor:wait}.customer-chat-navbar__link .ui-icon{width:16px;height:16px}.customer-chat-layout,.customer-complete-layout,.staff-chat-grid{grid-template-columns:minmax(0,1fr) clamp(292px,24vw,360px);min-width:0;min-height:0;display:grid;overflow:hidden}.staff-chat-grid-support{grid-template-columns:minmax(0,1fr)}.customer-support-layout{grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.staff-chat-board{background:var(--surface);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.staff-chat-board-support{grid-template-rows:minmax(0,1fr)}.staff-thread-grid{width:100vw}.chat-panel-with-agent{grid-template-rows:auto minmax(0,1fr) auto auto}.chat-panel-support{grid-template-rows:minmax(0,1fr) auto;min-height:0}.order-topbar{border-bottom:1px solid var(--line);background:var(--surface-panel);flex-wrap:wrap;align-content:center;align-items:center;gap:10px;min-width:0;min-height:56px;padding:10px 18px;display:flex;overflow:visible}.order-topbar__item,.connection-badge,.account-badge{min-width:0;min-height:30px;color:var(--text);font-size:var(--text-micro);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-weight:500;display:inline-flex;overflow:hidden}.order-topbar__item{border-right:1px solid var(--line);padding-right:14px}.order-topbar__order{color:var(--text-strong);font-size:var(--text-body);flex:260px;font-weight:650}.order-topbar .ui-icon{width:16px;height:16px;color:var(--accent-strong)}.connection-badge{border-radius:999px;padding:0 11px}.connection-badge-good{color:#4ade80;background:#22c55e24;border:1px solid #22c55e6b}.connection-badge-mid{color:#facc15;background:#facc1524;border:1px solid #facc1570}.connection-badge-bad{color:#f87171;background:#f8717124;border:1px solid #f8717175}.connection-badge-good .ui-icon,.connection-badge-mid .ui-icon,.connection-badge-bad .ui-icon{color:currentColor}.account-badge{border:1px solid var(--line-strong);background:var(--surface-soft);border-radius:6px;margin-left:auto;padding:0 11px}.account-badge strong{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.customer-account-card{z-index:2;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#e83f912b,#1c0c18f5);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:16px 18px;display:grid;position:relative;overflow:visible}.customer-account-card__avatar{width:58px;height:58px;color:var(--accent-strong);background:#231221;border:2px solid #e83f918a;border-radius:999px;place-items:center;display:inline-grid;overflow:hidden}.customer-account-card__avatar img{object-fit:cover;width:100%;height:100%;display:block}.customer-account-card__avatar .ui-icon{width:24px;height:24px}.customer-account-card__copy{gap:5px;min-width:0;display:grid}.customer-account-card__copy>span{flex-wrap:wrap;align-items:center;gap:9px;min-width:0;display:flex}.customer-account-card__copy strong{min-width:0;color:var(--text-strong);font-size:var(--text-title);font-weight:650;line-height:var(--leading-tight);overflow-wrap:anywhere}.customer-account-card__copy small{color:var(--muted);font-size:var(--text-micro);font-weight:400;line-height:var(--leading-ui)}.customer-account-card__tool{border:1px solid var(--line);width:34px;height:34px;color:var(--text);cursor:pointer;background:#0d0c0f57;border-radius:999px;place-items:center;list-style:none;transition:border-color .16s,background .16s,color .16s;display:inline-grid}.customer-account-card__tool::-webkit-details-marker{display:none}.customer-account-card__tool:hover,.customer-account-card__menu[open] .customer-account-card__tool{border-color:var(--accent-line);color:var(--accent-strong);background:#e83f911a}.customer-account-card__tool .ui-icon{width:18px;height:18px}.customer-account-card__menu{min-width:34px;position:relative}.customer-account-card__dropdown{z-index:20;min-width:148px;max-width:calc(100vw - 28px);position:absolute;top:calc(100% + 8px);right:0}.customer-account-card__dropdown .button{white-space:nowrap;justify-content:flex-start;width:100%}.delivery-agent{border-top:1px solid var(--line);background:linear-gradient(90deg,#e83f9121,#160a12f7);justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:12px 18px;display:flex}.delivery-agent__identity,.delivery-agent__actions{align-items:center;gap:10px;min-width:0;display:flex}.delivery-agent__identity{flex:auto}.delivery-agent__avatar{background:#231221;border:2px solid #e83f918a;border-radius:999px;flex:none;width:48px;height:48px;padding:3px;position:relative}.delivery-agent__avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.delivery-agent__online{border:2px solid var(--surface-panel);background:var(--accent);border-radius:999px;width:12px;height:12px;position:absolute;bottom:2px;right:1px}.delivery-agent__copy{gap:2px;min-width:0;display:grid}.delivery-agent__label{color:var(--muted);font-size:var(--text-caption);letter-spacing:var(--track-caps);text-transform:uppercase;font-weight:600;line-height:1.1}.delivery-agent__copy strong{color:#fff3fc;font-size:var(--text-body);overflow-wrap:anywhere;font-weight:600}.order-status-panel{overscroll-behavior:contain;border-left:1px solid var(--line);background:var(--surface-panel);scrollbar-color:var(--accent-line) transparent;align-content:start;gap:16px;min-width:0;min-height:0;padding:18px;display:grid;overflow-y:auto}.order-status-panel__header{align-items:center;gap:10px;display:flex}.order-status-panel__header .title-icon{color:#f2a8e8;background:0 0;border-radius:0;width:30px;height:30px}.order-status-panel__header .title-icon .ui-icon{width:24px;height:24px}.order-status-panel__title{color:#f2a8e8;font-size:var(--text-lead);font-weight:650;line-height:var(--leading-tight);margin:0 0 3px}.order-progress{background:#231221;border-radius:999px;height:8px;overflow:hidden}.order-progress span{border-radius:inherit;transform-origin:0;background:#e83f91c7;width:100%;height:100%;transition:transform .18s;display:block}.order-status-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.order-status-step{grid-template-columns:42px minmax(0,1fr);gap:12px;min-width:0;padding:0 0 24px;display:grid;position:relative}.order-status-step:before{content:"";background:var(--accent-line);width:2px;position:absolute;top:42px;bottom:0;left:20px}.order-status-step:last-child{padding-bottom:0}.order-status-step:last-child:before{display:none}.order-status-step__icon{z-index:1;color:#9e9aaa;background:#9e9aaa29;border-radius:999px;outline:1px solid #9e9aaa3d;place-items:center;width:42px;height:42px;display:grid}.order-status-step__icon .ui-icon{width:21px;height:21px}.order-status-step__body{align-content:start;gap:6px;min-width:0;padding-top:2px;display:grid}.order-status-step__body strong{color:#f2a8e8;font-size:var(--text-body);font-weight:600;line-height:1.2}.order-status-step__body>span:not(.order-status-step__state){color:#9e9aaa;font-size:var(--text-micro);line-height:1.35}.order-status-step__state{color:#9e9aaa;width:fit-content;font-size:var(--text-caption);align-items:center;gap:5px;font-weight:500;display:inline-flex}.order-status-step__state .ui-icon{width:14px;height:14px}.order-status-step__state .icon-loader,.order-status-step__icon .icon-loader{animation:.9s linear infinite status-loader-spin}@keyframes status-loader-spin{to{transform:rotate(360deg)}}.order-status-step-complete .order-status-step__icon{color:#fff;background:#c86ceb;outline:1px solid #c86ceb6b}.order-status-step-complete .order-status-step__state{color:#2bd97b}.order-status-step-active .order-status-step__icon{color:#fff;background:#f59e0b4d;outline:1px solid #f59e0b99}.order-status-step-active .order-status-step__body strong,.order-status-step-active .order-status-step__state{color:#facc15}.order-status-step-waiting .order-status-step__icon{color:#9e9aaa;background:#9e9aaa29;outline:1px solid #9e9aaa3d}.order-status-step-waiting .order-status-step__body strong{color:#9e9aaa}.status-action{width:fit-content;margin-top:4px}.order-items{border-top:1px solid var(--line);gap:10px;padding-top:15px;display:grid}.order-items h3{color:#f2a8e8;font-size:var(--text-body);margin:0;font-weight:650}.order-item{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:12px;min-width:0;padding:10px;display:flex;position:relative}.order-item__media{flex:none;width:50px;height:50px;position:relative}.order-item__media img{object-fit:cover;background:#2b2634;border-radius:6px;width:50px;height:50px}.order-item__quantity{color:#fff;background:#5f5d66;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.6875rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #00000047}.order-item__details{flex:auto;gap:4px;min-width:0;display:grid}.order-item strong{color:var(--text-strong);font-size:var(--text-micro);overflow-wrap:anywhere;font-weight:600}.order-item small{color:#f2a8e8;font-size:var(--text-micro);font-weight:600}.item-fulfillment-tag{white-space:nowrap;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;min-height:22px;padding:0 8px;font-size:.6875rem;font-weight:700;line-height:1;display:inline-flex}.item-fulfillment-tag-unfulfilled{color:#facc15;background:#facc1521;border-color:#facc156b}.item-fulfillment-tag-fulfilled{color:#2bd97b;background:#2bd97b1f;border-color:#2bd97b61}.item-fulfillment-action{color:#7cf3ae;cursor:pointer;opacity:0;pointer-events:none;background:#2bd97b29;border:1px solid #2bd97b6b;border-radius:999px;place-items:center;width:30px;height:30px;transition:opacity .16s,transform .16s,background .16s,color .16s;display:inline-grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)scale(.96)}.item-fulfillment-action .ui-icon{width:17px;height:17px}.order-item-actionable:hover .item-fulfillment-action,.order-item-actionable:focus-within .item-fulfillment-action{opacity:1;pointer-events:auto;transform:translateY(-50%)scale(1)}.order-item-actionable:hover .item-fulfillment-tag,.order-item-actionable:focus-within .item-fulfillment-tag{opacity:0}.item-fulfillment-action:hover{color:#07140d;background:#2bd97b}.item-fulfillment-action:disabled{cursor:not-allowed;opacity:.42;pointer-events:none}.order-complete-view{text-align:center;background:0 0;align-content:center;justify-items:center;gap:18px;min-width:0;min-height:0;padding:34px 22px;display:grid;overflow-y:auto}.order-complete__badge{color:#2bd97b;background:#2bd97b29;border:1px solid #2bd97b5c;border-radius:999px;place-items:center;width:86px;height:86px;display:grid}.order-complete__badge .ui-icon{width:46px;height:46px}.order-complete-view h1{color:#2bd97b;font-size:var(--text-display);text-wrap:balance;margin:0;font-weight:650;line-height:1.08}.order-complete-view p{max-width:54ch;color:var(--muted);font-size:var(--text-body);line-height:var(--leading-copy);margin:0}.order-complete-view p strong{color:#2bd97b;font-weight:600}.verified-customer-card{border:1px solid var(--accent-line);background:var(--surface);text-align:left;border-radius:8px;align-items:center;gap:14px;width:min(100%,470px);min-height:86px;padding:14px 18px;display:flex}.verified-customer-card img,.verified-customer-card .chat-user-avatar{object-fit:cover;border-radius:8px;flex:none;width:56px;height:56px}.verified-customer-card strong{min-width:0;color:var(--text-strong);font-size:var(--text-lead);overflow-wrap:anywhere;font-weight:600}.verified-pill{color:#4ade80;font-size:var(--text-caption);background:#22c55e24;border:1px solid #22c55e6b;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-weight:600;display:inline-flex}.verified-pill .ui-icon{width:14px;height:14px}.feedback-box{border:1px solid var(--accent-line);background:var(--surface);border-radius:8px;justify-items:center;gap:12px;width:min(100%,470px);padding:24px;display:grid}.feedback-box h2{color:var(--text-strong);font-size:var(--text-title);margin:0;font-weight:650}.feedback-box p{max-width:44ch;color:var(--muted);font-size:var(--text-body);line-height:var(--leading-copy)}.feedback-button{color:#07140d;text-transform:uppercase;background:#2bd97b;min-width:min(100%,300px);min-height:44px}.feedback-button:hover{color:#07140d;background:#7cf3ae}.empty-state{border-radius:var(--radius);color:var(--muted);background:var(--surface-soft);text-align:center;border:1px dashed #38343a;padding:18px}.brand-strip{background:var(--accent);border-radius:999px;width:54px;height:4px}.brand-kicker{color:var(--accent-strong);font-size:var(--text-caption);letter-spacing:var(--track-caps);text-transform:uppercase;margin:0 0 8px;font-weight:600;line-height:1.2}.page-title{color:var(--text-strong);font-size:var(--text-display);text-wrap:balance;margin:0;font-weight:650;line-height:1.08}.page-copy{max-width:62ch;color:var(--muted);font-size:var(--text-body);line-height:var(--leading-copy);text-wrap:pretty;margin:12px 0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.button:hover{transform:none}.order-status-step__state .icon-loader,.order-status-step__icon .icon-loader{animation:none}}@media (max-width:768px){.topbar{flex-direction:column;align-items:flex-start;gap:10px;min-height:auto;padding:12px}.topbar__brand,.topbar__actions{width:100%}.topbar__actions .button{flex:1 1 0;min-height:40px}.order-topbar{flex-wrap:wrap;align-content:start;align-items:stretch;gap:8px;min-height:auto;padding:10px 12px;overflow:visible}.order-topbar__item,.connection-badge,.account-badge{min-height:32px;font-size:var(--text-caption)}.order-topbar__item{border:1px solid var(--line);background:#1e0d1b;border-radius:6px;padding:0 9px}.order-topbar__order,.account-badge{flex:100%}.connection-badge,.order-topbar__item:not(.order-topbar__order){flex:calc(50% - 4px)}.account-badge{justify-content:flex-start;margin-left:0}}@media (max-width:680px){.app-shell,.customer-shell,.center-shell{padding:0}.login-panel{width:100vw;min-height:100dvh}.messages-workspace{grid-template-columns:1fr;height:auto;min-height:100dvh}.messages-panel{border-right:0;border-bottom:1px solid var(--line);max-height:42dvh}.conversation-list{overflow-y:auto}.chat-panel{min-height:560px}.single-chat-layout,.customer-shell .chat-panel{height:100dvh;min-height:560px}}@media (max-width:980px){.staff-shell,.staff-thread-shell{height:auto;min-height:100dvh;overflow:visible}.messages-workspace{grid-template-columns:minmax(240px,32vw) minmax(0,1fr);height:auto;min-height:100dvh;overflow:visible}.customer-order-shell,.staff-single-board,.staff-chat-board{height:auto;min-height:100dvh;overflow:visible}.customer-support-shell{height:100dvh;min-height:100dvh;overflow:hidden}.customer-chat-layout,.customer-support-layout,.customer-complete-layout,.staff-chat-grid{grid-template-columns:1fr;overflow:visible}.customer-support-layout{min-height:0;overflow:hidden}.staff-chat-board{align-content:start}.staff-chat-board-support{align-content:stretch;overflow:hidden}.chat-panel-with-agent,.chat-panel-support{min-height:620px}.customer-support-shell .chat-panel-support,.staff-chat-board-support .chat-panel-support{height:100%;min-height:0}.order-status-panel{border-left:0;border-top:1px solid var(--line)}}@media (max-width:560px){.staff-shell,.staff-thread-shell{min-width:0}.messages-workspace{grid-template-columns:1fr;width:100%}.messages-panel{max-height:34dvh}.staff-chat-board{min-height:66dvh}.staff-chat-grid{width:100%}.staff-chat-grid .order-status-panel{max-height:none}.topbar__title{font-size:var(--text-micro)}.order-topbar{grid-template-columns:.9fr 1fr 1fr;gap:6px;padding:8px;display:grid}.order-topbar__item,.account-badge{border-radius:6px;min-width:0;min-height:30px;padding:0 8px}.order-topbar__item{border-right:0}.order-topbar__order{font-size:var(--text-micro)}.connection-badge{display:none}.account-badge{grid-column:1/-1;width:100%}.account-badge strong{text-overflow:ellipsis;min-width:0;overflow:hidden}.messages-panel__top,.chat-panel__header{flex-direction:column;align-items:flex-start}.chat-actions,.composer__actions{width:100%}.composer__actions{align-items:flex-end}.chat-actions .button{flex:120px}.conversation-item{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:10px}.conversation-item__side{grid-column:auto;justify-items:end;gap:5px}.conversation-item__time{display:none}.conversation-item .pill{text-overflow:ellipsis;max-width:86px;overflow:hidden}.message{max-width:94%}.customer-account-card{grid-template-columns:44px minmax(0,1fr) 32px;align-items:center;gap:9px;padding:12px}.customer-account-card__menu{justify-self:end}.customer-account-card__menu[open]{grid-column:1/-1;justify-items:end;width:100%;display:grid}.customer-account-card__dropdown{width:100%;min-width:136px;max-width:none;margin-top:8px;position:static}.customer-account-card__dropdown .button{justify-content:center;min-height:40px}.customer-account-card__avatar{width:44px;height:44px}.customer-account-card__copy{gap:3px}.customer-account-card__copy strong{font-size:var(--text-lead);line-height:1.18}.customer-account-card__copy small{font-size:var(--text-caption)}.customer-account-card__tool{width:32px;height:32px}.delivery-agent{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.delivery-agent__identity{grid-template-columns:42px minmax(0,1fr) auto;gap:9px;width:100%;display:grid}.delivery-agent__avatar{width:42px;height:42px}.delivery-agent__copy{min-width:0}.delivery-agent__label,.delivery-agent__copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.delivery-agent__actions{width:100%}.delivery-agent__actions .button{width:100%;min-height:40px}}@media (max-width:380px){.order-topbar{grid-template-columns:1fr 1fr}.order-topbar__order{grid-column:1/-1}.customer-account-card{grid-template-columns:40px minmax(0,1fr) 32px;gap:8px;padding:10px}.customer-account-card__avatar{width:40px;height:40px}.customer-account-card__copy>span{gap:6px}.customer-account-card__copy small{display:none}.verified-pill{padding:3px 6px;font-size:.6875rem}}@media (pointer:coarse){.button,.input,.composer-attachment__remove,.customer-account-card__tool{min-height:44px}.button{padding-inline:16px}.conversation-item{min-height:64px}.order-item-actionable{padding-right:52px}.order-item-actionable .item-fulfillment-action{opacity:1;pointer-events:auto;transform:translateY(-50%)scale(1)}.order-item-actionable .item-fulfillment-tag{display:none}}@media (max-width:760px){html,body{min-height:100svh}.app-shell,.staff-shell,.staff-thread-shell,.customer-order-shell,.staff-single-board{width:100%;height:auto;min-height:100svh;overflow:visible}.center-shell,.login-panel{min-height:100svh;padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.login-panel{width:100%}.login-panel__body{width:min(100%,320px)}.login-brand-mark{width:104px;height:104px;margin-bottom:22px}.discord-login-button{width:100%;min-height:46px}.messages-workspace{grid-template-columns:1fr;width:100%;height:auto;min-height:100svh;overflow:visible}.mobile-queue-button{left:max(12px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));z-index:30;border:1px solid var(--accent-line);background:var(--accent);color:#fff;min-height:46px;font-size:var(--text-micro);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:650;display:inline-flex;position:fixed;box-shadow:0 6px 8px #0000003d}.mobile-queue-button .ui-icon{width:17px;height:17px}.mobile-queue-button span{min-width:22px;height:22px;font-size:var(--text-caption);font-variant-numeric:tabular-nums;background:#ffffff2e;border-radius:999px;place-items:center;display:inline-grid}.mobile-drawer-backdrop{z-index:35;opacity:0;pointer-events:none;background:#00000094;border:0;transition:opacity .18s;display:block;position:fixed;inset:0}.mobile-drawer-backdrop.is-open{opacity:1;pointer-events:auto}.messages-panel{z-index:40;border-bottom:0;border-right:0;border-right:1px solid var(--line-strong);grid-template-rows:auto auto minmax(0,1fr);width:min(88vw,360px);height:100svh;max-height:none;transition:transform .19s;position:fixed;top:0;bottom:0;left:0;transform:translate(calc(-100% - 12px));box-shadow:8px 0 10px #0000003d}.messages-panel-open{transform:translate(0)}.messages-panel__top{z-index:4;background:var(--surface-panel);padding:14px 14px 10px;position:sticky;top:0}.mobile-drawer-close{border:1px solid var(--line);background:var(--surface-soft);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:8px;place-items:center;display:inline-grid}.mobile-drawer-close .ui-icon{width:17px;height:17px}.search-field{z-index:4;background:var(--surface-panel);padding:0 14px 12px;position:sticky;top:49px}.search-field .input{height:42px;font-size:var(--text-body)}.search-field__icon{top:11px}.conversation-list{min-height:0;max-height:none}.conversation-item{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:11px 12px}.conversation-avatar{width:38px;height:38px}.conversation-item__name,.conversation-item__order{font-size:var(--text-micro)}.conversation-item__preview{font-size:var(--text-caption)}.staff-chat-board,.customer-chat-layout,.customer-support-layout,.customer-complete-layout,.staff-chat-grid,.staff-thread-grid{grid-template-columns:1fr;width:100%;min-height:0;overflow:visible}.customer-chat-layout,.customer-support-layout,.staff-thread-grid{flex-direction:column;display:flex}.customer-support-layout{min-height:0;display:grid;overflow:hidden}.customer-chat-navbar{z-index:55;min-height:0;padding:max(8px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 10px max(14px, env(safe-area-inset-left));flex-direction:column;justify-content:center;align-items:center;gap:10px;position:sticky;top:0}.customer-chat-navbar__brand img{border-radius:9px;width:40px;height:40px}.customer-chat-navbar__links{flex-wrap:wrap;justify-content:center;gap:8px 14px;width:100%}.customer-chat-navbar__link{min-height:34px;font-size:var(--text-caption);justify-content:center}.customer-chat-layout .order-status-panel,.staff-thread-grid .order-status-panel{border-top:1px solid var(--line);padding:16px 12px max(18px, env(safe-area-inset-bottom));border-bottom:0;order:2}.order-topbar{z-index:50;border-bottom-color:var(--line-strong);min-height:auto;padding:max(8px, env(safe-area-inset-top)) 10px 10px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:7px;display:grid;position:sticky;top:0;overflow:visible}.order-topbar__item,.connection-badge,.account-badge{border:1px solid var(--line);min-width:0;min-height:38px;font-size:var(--text-caption);background:#1e0d1b;border-radius:7px;padding:0 10px}.order-topbar__item{border-right:1px solid var(--line)}.order-topbar__order{font-size:var(--text-micro);grid-column:1/-1}.order-topbar__price{justify-content:center}.connection-badge{display:none}.account-badge{grid-column:1/-1;margin-left:0}.chat-panel,.chat-panel-with-agent{min-height:57svh}.customer-account-card{z-index:10;grid-template-columns:46px minmax(0,1fr) 44px;gap:10px;padding:12px}.customer-account-card__avatar{width:46px;height:46px}.customer-account-card__copy>span{gap:7px}.customer-account-card__copy strong{font-size:var(--text-lead);line-height:1.18}.customer-account-card__copy small{font-size:var(--text-caption)}.customer-account-card__tool{width:44px;height:44px}.customer-account-card__menu{z-index:12;justify-self:end;position:relative}.customer-account-card__menu[open]{justify-items:initial;grid-column:auto;width:auto;display:block}.customer-account-card__dropdown{z-index:60;border:1px solid var(--line-strong);background:var(--surface-panel);border-radius:8px;width:max-content;min-width:154px;max-width:calc(100vw - 24px);margin-top:8px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 12px #00000052}.customer-account-card__dropdown .button{justify-content:center;width:auto;min-width:154px;min-height:44px;padding-inline:12px}.message-list{gap:10px;min-height:300px;padding:14px 10px}.message{max-width:94%;padding:10px 11px}.message__meta{gap:8px}.message__image{width:min(240px,100%);max-height:260px}.delivery-agent{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.delivery-agent__identity{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;width:100%;display:grid}.delivery-agent__avatar{width:42px;height:42px}.delivery-agent__actions,.delivery-agent__actions .button{width:100%}.composer{z-index:20;padding:12px max(10px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));gap:10px;position:sticky;bottom:0}.textarea{min-height:92px;font-size:1rem;line-height:var(--leading-copy)}.composer__actions{align-items:stretch;gap:8px}.composer-photo-button,.composer__actions .button{min-height:44px}.composer__actions .button{min-width:112px}.order-status-panel{border-left:0;border-top:1px solid var(--line);max-height:none;padding:16px 12px max(18px, env(safe-area-inset-bottom));overflow:visible}.order-status-step{grid-template-columns:36px minmax(0,1fr);gap:10px;padding-bottom:18px}.order-status-step:before{top:36px;left:17px}.order-status-step__icon{width:36px;height:36px}.order-status-step__icon .ui-icon{width:18px;height:18px}.status-action{width:100%;margin-top:6px}.order-item{align-items:flex-start}.order-item-actionable{padding-right:52px}.order-item-actionable .item-fulfillment-action{opacity:1;pointer-events:auto;transform:translateY(-50%)scale(1)}.order-item-actionable .item-fulfillment-tag{display:none}.order-complete-view{min-height:auto;padding:28px 14px max(22px, env(safe-area-inset-bottom));align-content:start;gap:16px}.order-complete__badge{width:72px;height:72px}.order-complete__badge .ui-icon{width:38px;height:38px}.order-complete-view h1{font-size:1.625rem}.verified-customer-card{grid-template-columns:52px minmax(0,1fr);gap:12px;width:100%;min-height:0;padding:12px;display:grid}.verified-customer-card .verified-pill{grid-column:2;width:fit-content}.feedback-box{width:100%;padding:18px 14px}.feedback-button{width:100%}}@media (max-width:420px){.order-topbar{grid-template-columns:1fr}.order-topbar__order,.order-topbar__price,.account-badge{grid-column:auto}.order-topbar__item,.account-badge{justify-content:flex-start}.customer-account-card{grid-template-columns:42px minmax(0,1fr) 44px;padding:10px}.customer-account-card__avatar{width:42px;height:42px}.verified-pill{max-width:100%}.message-list{padding-inline:8px}}.chat-date-divider{width:100%;color:var(--muted);font-size:var(--text-caption);grid-template-columns:minmax(24px,1fr) auto minmax(24px,1fr);align-items:center;gap:14px;margin:6px 0 10px;font-weight:700;display:grid}.chat-date-divider:before,.chat-date-divider:after{content:"";background:var(--line-strong);height:1px}.chat-date-divider span{border:1px solid var(--line);background:var(--surface-soft);min-width:0;color:var(--text);border-radius:999px;padding:5px 10px;line-height:1;box-shadow:0 8px 22px #0000002e}.message-list{background:0 0;gap:14px;padding:22px 18px}.message{background:0 0;border:0;border-radius:0;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;width:min(68%,600px);max-width:min(68%,600px);padding:0;display:grid}.message-customer{border:0;align-self:flex-start}.message-staff{color:var(--text);background:0 0;grid-template-columns:minmax(0,1fr) 42px;align-self:flex-end}.message-system{color:var(--text);background:0 0;border:0;align-self:flex-start}.message-staff .message__side-avatar{order:2}.message-staff .message__bubble{order:1}.message__side-avatar{border:1px solid var(--line-strong);background:var(--surface-soft);width:42px;height:42px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;box-shadow:0 8px 22px #0003}.message__side-avatar img{object-fit:cover;width:100%;height:100%}.message__side-avatar .ui-icon{width:20px;height:20px}.message__bubble{border:1px solid var(--accent-line);background:linear-gradient(135deg, #e83f910e, #ffffff05), var(--surface);border-radius:8px;min-width:0;padding:12px 14px 10px;box-shadow:0 10px 18px #0003}.message-staff .message__bubble{background:linear-gradient(135deg, #ffffff0b, #e83f910d), var(--surface-soft);border-color:#ffffff29}.message-system .message__bubble{border-color:var(--line-strong);background:linear-gradient(135deg, #e83f910a, #ffffff04), var(--surface-panel)}.message__meta{align-items:center;margin-bottom:8px}.message__author{color:var(--accent-strong);font-weight:750}.message__tag{border:1px solid var(--accent-line);background:var(--accent-soft);min-height:18px;color:var(--accent-strong);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:0 6px;font-size:.6875rem;font-weight:750;line-height:1;display:inline-flex}a.message__author{transition:color .16s}a.message__author:hover{color:var(--text-strong)}.message__avatar{width:20px;height:20px}.message__avatar-fallback{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-strong);justify-content:center;align-items:center;display:inline-flex}.message__avatar-fallback .ui-icon{width:12px;height:12px}.message-staff .message__meta{color:var(--muted)}.message__body{color:var(--text);font-size:var(--text-body);line-height:1.58}.message-system .message__body{color:var(--text)}.message__image{border-color:var(--accent-line);border-radius:8px}.composer{border-top:1px solid var(--line-strong);background:linear-gradient(180deg, #ffffff05, transparent), var(--surface-panel);grid-template-columns:48px minmax(0,1fr) 54px;align-items:center;gap:10px;padding:14px 16px;display:grid}.composer .alert,.composer-attachment{grid-column:1/-1}.composer .textarea{background:var(--surface);resize:none;border-color:#0000;border-radius:8px;grid-area:2/2;min-height:54px;max-height:120px;padding:16px 14px;box-shadow:inset 0 0 0 1px #ffffff09}.composer .textarea:hover,.composer .textarea:focus{background:var(--surface-soft)}.composer-photo-button{width:48px;height:54px;min-height:54px;color:var(--muted);background:0 0;border:0;grid-area:2/1;justify-self:stretch;padding:0;font-size:0}.composer-photo-button:hover{background:var(--surface-hover);color:var(--accent-strong)}.composer-photo-button .ui-icon{width:24px;height:24px}.composer__actions{grid-area:2/3;justify-content:center;align-items:center;min-width:0;display:flex}.composer__actions>span{display:none}.composer__actions .button{width:48px;min-width:48px;height:48px;min-height:48px;box-shadow:0 0 0 4px var(--accent-soft), 0 10px 18px #e83f9124;border-radius:999px;padding:0;font-size:0}.composer__actions .button .ui-icon{width:22px;height:22px}@media (max-width:720px){.message-list{gap:12px;padding:16px 10px}.message,.message-customer,.message-staff,.message-system{grid-template-columns:36px minmax(0,1fr);gap:9px;width:100%;max-width:100%}.message-staff{grid-template-columns:minmax(0,1fr) 36px}.message__side-avatar{width:36px;height:36px}.message__bubble{padding:11px 12px 10px}.message__body{font-size:var(--text-micro)}.message-system .message__bubble{border-color:var(--line);background:linear-gradient(135deg, #e83f910a, #ffffff04), var(--surface-panel)}.message-system .message__meta{flex-wrap:wrap;gap:6px 8px}.message-system .message__author,.message-system .message__author-name{min-width:0}.message-system .message__author{gap:6px}.message-system .message__author-name{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}.message-system .message__meta>span:last-child{white-space:nowrap}.message-system .message__body{color:var(--text);overflow-wrap:anywhere;line-height:1.45}.chat-date-divider{grid-template-columns:minmax(14px,1fr) auto minmax(14px,1fr);gap:8px;margin:4px 0 8px}.chat-date-divider span{white-space:normal;text-align:center;max-width:calc(100vw - 72px);padding:5px 9px;line-height:1.2}.composer{padding:10px max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));grid-template-columns:42px minmax(0,1fr) 48px;gap:8px}.composer .textarea{min-height:50px;padding:14px 12px;font-size:1rem}.composer-photo-button{width:42px;height:50px;min-height:50px}.composer__actions .button{width:44px;min-width:44px;height:44px;min-height:44px}}@media (max-width:1180px) and (min-width:761px){.staff-shell .messages-workspace{grid-template-columns:clamp(260px,26vw,302px) minmax(0,1fr)}.staff-shell .staff-chat-grid{grid-template-columns:minmax(0,1fr) minmax(280px,32vw)}.staff-shell .order-topbar{gap:8px;padding:8px 12px}.staff-shell .order-topbar__item,.staff-shell .connection-badge,.staff-shell .account-badge{min-height:28px;font-size:var(--text-caption)}.staff-shell .customer-account-card,.staff-shell .delivery-agent,.staff-shell .order-status-panel{padding-inline:14px}.staff-shell .message,.staff-shell .message-customer,.staff-shell .message-staff,.staff-shell .message-system{width:min(68%,600px);max-width:min(68%,600px)}}@media (max-width:980px) and (min-width:761px){.staff-shell .messages-workspace{grid-template-columns:clamp(250px,30vw,286px) minmax(0,1fr);min-height:100dvh;overflow:hidden}.staff-shell .staff-chat-board{min-height:0;overflow:hidden}.staff-shell .staff-chat-grid{grid-template-columns:1fr;overflow-y:auto}.staff-shell .staff-chat-board-support .staff-chat-grid-support{height:100%;overflow:hidden}.staff-shell .chat-panel-with-agent{min-height:620px}.staff-shell .order-status-panel{border-left:0;border-top:1px solid var(--line);min-width:0}}@media (max-width:760px){.staff-shell .messages-workspace{grid-template-rows:auto minmax(0,1fr);min-height:100svh;display:grid}.staff-shell .mobile-queue-button{z-index:60;border:0;border-bottom:1px solid var(--line-strong);background:var(--surface-panel);width:100%;min-height:48px;color:var(--text-strong);padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));box-shadow:none;border-radius:0;justify-content:space-between;display:flex;position:sticky;inset:0 auto auto}.staff-shell .mobile-queue-button span{background:var(--accent);color:#fff}.staff-shell .mobile-drawer-backdrop{z-index:70}.staff-shell .messages-panel{z-index:80;width:min(92vw,380px)}.staff-shell .staff-chat-board{min-height:0}.staff-shell .staff-chat-board-support{height:calc(100svh - 48px);overflow:hidden}.staff-shell .order-topbar{position:static}.staff-shell .staff-chat-grid{gap:0;display:grid;overflow:visible}.staff-shell .chat-panel,.staff-shell .chat-panel-with-agent{min-height:calc(100svh - 48px)}.staff-shell .staff-chat-board-support .staff-chat-grid-support,.staff-shell .staff-chat-board-support .chat-panel-support{height:100%;min-height:0;overflow:hidden}.staff-shell .order-status-panel{min-width:0}}@media (max-width:420px){.staff-shell .messages-panel{width:100vw}.staff-shell .conversation-item{grid-template-columns:36px minmax(0,1fr)}.staff-shell .conversation-item__side{grid-column:2;justify-items:start}}