/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.app-shell{height:100vh;overflow:hidden;min-height:0!important}.workspace{flex-direction:column;height:100vh;min-height:0;display:flex;overflow:hidden}.topbar{flex:0 0 86px}.metrics{flex:none}.inbox-grid{flex:1;height:auto!important;min-height:0!important}.conversation-panel,.chat-panel{min-height:0;overflow:hidden}.panel-heading,.chat-header{flex:0 0 72px}.conversation-list{scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.message-area{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow-y:auto}.reply-area{flex:none}.details-panel{scrollbar-gutter:stable;min-height:0;overflow-y:auto}.conversation-list,.message-area,.details-panel{scrollbar-width:thin;scrollbar-color:#aeb2ab transparent}.conversation-list::-webkit-scrollbar{width:10px}.message-area::-webkit-scrollbar{width:10px}.details-panel::-webkit-scrollbar{width:10px}.conversation-list::-webkit-scrollbar-thumb{background:#aeb2ab padding-box padding-box;border:2px solid #0000;border-radius:10px}.message-area::-webkit-scrollbar-thumb{background:#aeb2ab padding-box padding-box;border:2px solid #0000;border-radius:10px}.details-panel::-webkit-scrollbar-thumb{background:#aeb2ab padding-box padding-box;border:2px solid #0000;border-radius:10px}@media (width<=800px){.topbar{flex-basis:72px}.inbox-grid{height:auto!important;min-height:0!important}}.app-shell{--ja-canvas:#faf9f5;--ja-surface:#fff;--ja-rail:#f0eee6;--ja-rail-deep:#e7e3d8;--ja-line:#e5e2d9;--ja-line-soft:#f0ede5;--ja-ink:#3d3929;--ja-ink-soft:#6b6555;--ja-ink-faint:#948d7a;--ja-accent:#c96442;--ja-accent-soft:#f6e4dc;--ja-green:#64845e;background:var(--ja-canvas);min-height:100vh;color:var(--ja-ink)}.app-shell .sidebar{border-right:1px solid var(--ja-line);background:var(--ja-rail);width:232px;color:var(--ja-ink);padding:26px 16px 20px}.app-shell .brand-mark{border:1px solid var(--ja-ink);width:52px;height:52px;color:var(--ja-ink);background:#ffffff73;margin:0 10px 38px;font-size:22px}.app-shell .nav-item{min-height:44px;color:var(--ja-ink-soft);border-radius:11px;padding:11px 13px;font-size:14px;font-weight:560}.app-shell .nav-item:hover{color:var(--ja-ink);background:#ffffff94}.app-shell .nav-item.active{color:var(--ja-ink);background:var(--ja-surface);box-shadow:0 1px 3px #3d392914}.app-shell .nav-item b{background:var(--ja-accent);color:#fff}.app-shell .sidebar-bottom{gap:18px}.app-shell .agent-mini{border-color:var(--ja-rail-deep)}.app-shell .agent-mini>span,.app-shell .avatar{background:var(--ja-accent-soft);color:var(--ja-accent)}.app-shell .agent-mini small{color:var(--ja-ink-faint);font-size:12px}.app-shell .agent-mini strong{font-size:13px}.app-shell .workspace{background:var(--ja-canvas);width:calc(100% - 232px);margin-left:232px;padding:0 28px 28px}.app-shell .topbar{height:94px}.app-shell .topbar h1{color:var(--ja-ink);letter-spacing:-.015em;margin-bottom:5px;font:600 28px/1.1 Georgia,Iowan Old Style,serif}.app-shell .topbar p{color:var(--ja-ink-faint);font-size:13px}.app-shell .online,.app-shell .demo-pill{border-color:var(--ja-line);background:var(--ja-surface);color:var(--ja-ink-soft);padding:8px 13px;font-size:12px}.app-shell .online i,.app-shell .chat-person i{background:var(--ja-green)}.app-shell .sign-out-button{border-color:var(--ja-line);color:var(--ja-ink-soft);border-radius:999px;padding:8px 13px;font-size:12px}.app-shell .metrics{gap:14px;margin-bottom:16px}.app-shell .metrics article{border-color:var(--ja-line);border-radius:14px;min-height:92px;padding:17px 19px;box-shadow:0 1px 1px #3d392905}.app-shell .metrics span{color:var(--ja-ink-faint);font-size:12px}.app-shell .metrics strong{color:var(--ja-ink);font-size:27px}.app-shell .metrics em{font-size:11px}.app-shell .metrics .good{color:var(--ja-green)}.app-shell .metrics .warn{color:var(--ja-accent)}.app-shell .inbox-grid{border-color:var(--ja-line);background:var(--ja-surface);border-radius:20px;grid-template-columns:minmax(300px,340px) minmax(470px,1fr) 300px;height:calc(100vh - 220px);min-height:660px;box-shadow:0 10px 32px #3d39290e}.app-shell .conversation-panel,.app-shell .details-panel{border-color:var(--ja-line)}.app-shell .conversation-panel{background:var(--ja-canvas)}.app-shell .panel-heading,.app-shell .chat-header{border-color:var(--ja-line);height:78px;padding:17px 19px}.app-shell .panel-heading h2,.app-shell .chat-header h2{color:var(--ja-ink);font-size:16px}.app-shell .panel-heading span{color:var(--ja-ink-faint);font-size:12px}.app-shell .search-box{border-color:var(--ja-line);background:var(--ja-surface);border-radius:10px;height:42px;margin:14px 16px 10px}.app-shell .search-box input{color:var(--ja-ink);font-size:13px}.app-shell .filters{gap:6px;padding:0 16px 13px}.app-shell .filters button{border-color:var(--ja-line);color:var(--ja-ink-soft);border-radius:999px;padding:6px 10px;font-size:11px}.app-shell .filters button:hover{border-color:#d5d0c3}.app-shell .filters button.selected{border-color:var(--ja-accent);background:var(--ja-accent);color:#fff}.app-shell .conversation{border-color:var(--ja-line-soft);background:var(--ja-canvas);min-height:82px;padding:15px 16px}.app-shell .conversation:hover{background:#f4f1e9}.app-shell .conversation.selected{background:var(--ja-surface)}.app-shell .conversation.selected:before{background:var(--ja-accent)}.app-shell .contact-avatar,.app-shell .large-avatar{background:var(--ja-accent-soft);color:var(--ja-accent-deep,#b0543a)}.app-shell .contact-avatar{width:40px;height:40px;font-size:11px}.app-shell .conversation-copy strong{color:var(--ja-ink);font-size:13px}.app-shell .conversation-copy time{color:var(--ja-ink-faint);font-size:11px}.app-shell .conversation-copy small{color:var(--ja-ink-faint);margin:4px 0;font-size:11px}.app-shell .conversation-copy p{color:var(--ja-ink-soft);font-size:12px}.app-shell .unread{background:var(--ja-accent);width:19px;height:19px;font-size:10px}.app-shell .chat-panel{background:var(--ja-canvas)}.app-shell .chat-header{background:var(--ja-surface)}.app-shell .chat-person{gap:12px}.app-shell .chat-person h2{font-size:15px}.app-shell .chat-person p,.app-shell .chat-actions label{color:var(--ja-ink-faint);font-size:11px}.app-shell .chat-actions select{color:var(--ja-ink);font-size:11px}.app-shell .history-button{border-color:var(--ja-line)!important;color:var(--ja-ink-soft)!important;border-radius:999px!important;padding:7px 11px!important;font-size:11px!important}.app-shell .channel-notice{background:#fbf2ee;border-color:#ead8cf;margin:12px 16px 0;padding:10px 12px}.app-shell .channel-notice>span{color:var(--ja-accent)}.app-shell .channel-notice p{color:var(--ja-ink-soft);font-size:11px}.app-shell .channel-notice strong{color:var(--ja-ink)}.app-shell .toggle.on{background:var(--ja-accent)}.app-shell .message-area{padding:8px 24px 16px}.app-shell .date-rule{color:var(--ja-ink-faint);font-size:10px}.app-shell .date-rule span{background:var(--ja-canvas)}.app-shell .message-row{max-width:78%;margin:16px 0}.app-shell .message-row>div>p{border-color:var(--ja-line);color:var(--ja-ink);border-radius:5px 14px 14px;padding:11px 14px;font-size:13px;line-height:1.55}.app-shell .message-row.customer p{border-color:var(--ja-rail-deep);color:var(--ja-ink);background:#ece8dd;border-radius:14px 5px 14px 14px}.app-shell .message-row.agent p{background:var(--ja-accent-soft);border-color:#ead8cf}.app-shell .message-row time{color:var(--ja-ink-faint);font-size:10px}.app-shell .message-avatar{background:var(--ja-rail-deep);width:28px;height:28px;color:var(--ja-ink-soft);font-size:9px}.app-shell .reply-area{border-color:var(--ja-line);padding:13px 16px}.app-shell .composer{border-color:var(--ja-line);border-radius:12px;padding:10px}.app-shell .composer textarea{min-height:48px;color:var(--ja-ink);font-size:13px}.app-shell .composer span{color:var(--ja-ink-faint);font-size:10px}.app-shell .composer button{background:var(--ja-accent);border-radius:8px;padding:8px 13px;font-size:11px}.app-shell .details-panel{background:var(--ja-surface)}.app-shell .customer-card{border-color:var(--ja-line);padding:24px 17px}.app-shell .large-avatar{width:56px;height:56px}.app-shell .customer-card h2{color:var(--ja-ink);font-size:15px}.app-shell .customer-card p{color:var(--ja-ink-faint);font-size:11px}.app-shell .customer-tag{background:var(--ja-rail);color:var(--ja-ink-soft);font-size:10px}.app-shell .detail-section{border-color:var(--ja-line);padding:17px 18px}.app-shell .detail-title h3{color:var(--ja-ink);font-size:12px}.app-shell .detail-section dl,.app-shell .order-card dl{grid-template-columns:78px 1fr;gap:9px;font-size:11px}.app-shell .detail-section dt,.app-shell .order-card dt{color:var(--ja-ink-faint)}.app-shell .detail-section dd,.app-shell .order-card dd{color:var(--ja-ink-soft)}.app-shell .profile-overview{background:linear-gradient(145deg,#fff8f4,#faf9f5);border-color:#ead8cf}.app-shell .profile-overview-title>span{background:var(--ja-accent)}.app-shell .profile-overview h3{color:var(--ja-ink);font-size:12px}.app-shell .profile-overview p{color:var(--ja-ink-faint);font-size:10px}.app-shell .profile-metrics strong,.app-shell .profile-metrics div:nth-child(2) strong,.app-shell .profile-history-link{color:var(--ja-accent)}.app-shell .settings-card,.app-shell .empty-dashboard{border-color:var(--ja-line);border-radius:18px;box-shadow:0 8px 28px #3d39290a}.app-shell .settings-kicker{color:var(--ja-accent)}.app-shell .primary-action{background:var(--ja-accent)}@media (width<=1240px){.app-shell .inbox-grid{grid-template-columns:310px 1fr}.app-shell .details-panel{display:none}}@media (width<=800px){.app-shell .sidebar{width:68px;padding:18px 8px}.app-shell .workspace{width:calc(100% - 68px);margin-left:68px;padding:0 12px 12px}.app-shell .brand-mark{width:42px;height:42px;margin:0 auto 28px}.app-shell .topbar h1{font-size:23px}.app-shell .inbox-grid{grid-template-columns:1fr}}body.dashboard-locked{height:100dvh;overflow:hidden}.reference-support-shell{--ref-ink:#181818;--ref-muted:#777;--ref-line:#e3e3e1;--ref-cream:#f7f7f6;--ref-blush:#eeeeec;--ref-coral:#242424;--ref-coral-dark:#000;height:100dvh;min-height:0;color:var(--ref-ink);background:#ececeb;grid-template-rows:minmax(0,1fr);grid-template-columns:250px minmax(330px,430px) minmax(500px,1fr);padding:24px;font-family:Helvetica Neue,Arial,ui-sans-serif,sans-serif;display:grid;overflow:hidden}.reference-support-shell button,.reference-support-shell input,.reference-support-shell textarea{font:inherit;color:inherit}.reference-support-shell button{cursor:pointer}.reference-support-shell svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.reference-rail{background:#f3f3f1;border-radius:24px 0 0 24px;flex-direction:column;height:100%;min-height:0;padding:28px 20px 22px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000001a}.reference-brand{justify-items:start;width:180px;margin:0 10px 28px;display:grid}.reference-brand img{object-fit:contain;width:112px;height:72px;display:block}.reference-brand strong{letter-spacing:.04em;color:#252525;margin-top:5px;font:600 13px Georgia,Times New Roman,serif}.reference-primary-nav,.reference-channel-nav{gap:7px;display:grid}.reference-primary-nav button,.reference-rail-bottom>button{color:#6f6f6b;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;height:48px;padding:0 14px;display:flex}.reference-primary-nav button span,.reference-rail-bottom>button span{font-weight:600}.reference-primary-nav button b{min-width:25px;color:var(--ref-coral);text-align:center;background:#fff;border-radius:12px;margin-left:auto;padding:3px 7px;font-size:11px}.reference-primary-nav button.active,.reference-rail-bottom>button.active{color:var(--ref-ink);background:#fff;box-shadow:0 7px 22px #0000000f}.reference-primary-nav button:disabled{opacity:.48;cursor:default}.reference-channel-nav{margin-top:34px}.reference-channel-nav>p{color:#90908b;text-transform:uppercase;letter-spacing:.16em;margin:0 13px 8px;font-size:9px;font-weight:800}.reference-channel-nav button{color:#696966;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;height:42px;padding:0 12px;display:flex}.reference-channel-nav button svg{flex:none;width:18px;height:18px}.reference-channel-nav button span{font-weight:600}.reference-channel-nav button b{margin-left:auto;font-size:11px;font-weight:600}.reference-channel-nav button.active{color:#222;background:#e4e4e1}.reference-rail-bottom{gap:18px;margin-top:auto;display:grid}.reference-agent{border-top:1px solid #ddddda;align-items:center;gap:11px;padding:20px 8px 0;display:flex}.reference-agent>span{color:#fff;background:#2a2a2a;border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid}.reference-agent div{gap:2px;display:grid}.reference-agent strong{font-size:12px}.reference-agent small{color:#777774;font-size:10px}.reference-workspace{background:#fff;border-radius:0 24px 24px 0;grid-column:2/4;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(330px,430px) minmax(500px,1fr);height:100%;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:22px 20px 60px #0000001a}.dashboard-error{z-index:4;position:absolute;top:12px;left:18px;right:18px}.reference-list-panel{border-right:1px solid var(--ref-line);background:#fbfbfa;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.reference-list-panel>header{flex:0 0 92px;height:92px;padding:32px 28px 20px}.reference-list-panel h1{margin:0;font:500 28px Georgia,serif}.reference-search{color:#999996;background:#fff;border:1px solid #dededb;border-radius:13px;flex:0 0 46px;align-items:center;gap:10px;height:46px;margin:0 22px 15px;padding:0 14px;display:flex}.reference-search svg{width:18px}.reference-search input{background:0 0;border:0;outline:0;width:100%;font-size:13px}.reference-list{overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:18px;overflow-y:auto}.reference-list>button{text-align:left;background:0 0;border:0;border-top:1px solid #ededeb;align-items:center;gap:13px;width:100%;min-height:84px;padding:17px 22px;display:flex;position:relative}.reference-list>button:hover,.reference-list>button.selected{background:#eeeeec}.reference-list>button.selected:before{content:"";background:var(--ref-coral);width:4px;position:absolute;top:0;bottom:0;left:0}.reference-avatar{color:#303030;background:#e2e2df;border-radius:50%;flex:none;place-items:center;width:43px;height:43px;font-size:11px;font-weight:800;display:grid}.reference-list-copy{flex:1;min-width:0}.reference-list-copy>span{align-items:center;gap:10px;display:flex}.reference-list-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.reference-list-copy time{color:#888884;white-space:nowrap;margin-left:auto;font-size:9px}.reference-list-copy p{color:#70706c;white-space:nowrap;text-overflow:ellipsis;margin:6px 0 0;font-size:11px;overflow:hidden}.reference-list>button>i{background:var(--ref-coral);border-radius:50%;flex:none;width:8px;height:8px}.reference-list-empty{text-align:center;color:var(--ref-muted);padding:30px 16px;font-size:12px}.reference-thread{background:#f7f7f5;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.reference-thread>header{border-bottom:1px solid var(--ref-line);background:#fff;flex:0 0 92px;justify-content:space-between;align-items:center;gap:18px;height:92px;padding:20px 28px;display:flex}.reference-thread h1{margin:0 0 6px;font:500 23px Georgia,serif}.reference-thread header p{color:var(--ref-muted);margin:0;font-size:11px}.reference-thread-actions{align-items:center;gap:20px;display:flex}.reference-thread-actions>button{background:#fff;border:1px solid #dededb;border-radius:10px;padding:9px 13px;font-size:11px}.reference-thread-actions label{color:#656561;white-space:nowrap;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.reference-thread-actions .toggle{background:#bcbcb8;width:36px;height:20px;padding:2px}.reference-thread-actions .toggle i{width:16px;height:16px}.reference-thread-actions .toggle.on{background:var(--ref-coral)}.reference-thread-actions .toggle.on i{transform:translate(16px)}.reference-messages{overscroll-behavior:contain;background:linear-gradient(#f7f7f5f7,#f7f7f5f7),radial-gradient(circle at 80% 0,#e8e8e5,#0000 35%);flex:1;min-height:0;padding:30px clamp(28px,4vw,64px);overflow-y:auto}.reference-message{margin:0 0 21px;display:flex}.reference-message>div{max-width:min(680px,78%)}.reference-message>div>span{color:#757571;margin:0 0 5px;font-size:10px;font-weight:700;display:block}.reference-message p{background:#fff;border:1px solid #e1e1de;border-radius:5px 16px 16px;margin:0;padding:13px 16px;font-size:13px;line-height:1.55;box-shadow:0 5px 15px #00000009}.reference-message time{color:#858581;margin-top:6px;font-size:9px;display:block}.reference-message.customer,.reference-message.agent{justify-content:flex-end}.reference-message.customer>div>span,.reference-message.customer time,.reference-message.agent>div>span,.reference-message.agent time{text-align:right}.reference-message.customer p{background:#e9e9e6;border-color:#ddddda;border-radius:16px 5px 16px 16px}.reference-message.agent p{color:#fff;background:#282828;border-color:#282828;border-radius:16px 5px 16px 16px}.reference-message.assistant p{background:#fff;border-color:#e1e1de}.reference-reply{background:#efefed;border:1px solid #d8d8d5;border-radius:18px;flex:none;margin:0 28px 28px;padding:14px 16px}.reference-reply textarea{resize:none;background:0 0;border:0;outline:0;width:100%;height:58px;font-size:13px;line-height:1.5}.reference-reply footer{justify-content:space-between;align-items:center;display:flex}.reference-reply footer span{color:#777774;font-size:10px}.reference-reply footer button{background:var(--ref-coral);color:#fff;border:0;border-radius:50%;place-items:center;width:40px;height:40px;font-size:21px;display:grid}.reference-reply footer button:hover{background:var(--ref-coral-dark)}.reference-reply footer button:disabled{opacity:.45;cursor:not-allowed}.reference-no-thread,.reference-empty{text-align:center;place-content:center;height:100%;padding:40px;display:grid}.reference-no-thread h2,.reference-empty h2{margin:0 0 9px;font:500 25px Georgia,serif}.reference-no-thread p{color:var(--ref-muted);margin:0}.reference-empty{grid-column:1/-1}.reference-empty button{background:var(--ref-coral);color:#fff;border:0;border-radius:10px;margin:12px auto 0;padding:10px 15px}.reference-settings{overscroll-behavior:contain;background:#f7f7f5;border-radius:0 24px 24px 0;grid-column:2/4;height:100%;min-height:0;padding:34px;overflow-y:auto;box-shadow:22px 20px 60px #0000001a}.reference-settings>header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.reference-settings h1{margin:0 0 5px;font:500 29px Georgia,serif}.reference-settings header p{color:var(--ref-muted);margin:0}.reference-settings header>button{border:1px solid var(--ref-line);background:#fff;border-radius:9px;padding:9px 13px}.reference-settings .settings-card{border-color:var(--ref-line);border-radius:16px}.reference-settings .connection-icon.connected{color:var(--ref-coral);background:#e4e4e1}.reference-settings .settings-kicker{color:var(--ref-coral)}.reference-settings .primary-action{background:var(--ref-coral)}.reference-avatar{overflow:hidden}.reference-avatar img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=1050px){.reference-support-shell{grid-template-columns:82px 330px minmax(420px,1fr);padding:0}.reference-rail,.reference-workspace,.reference-settings{border-radius:0;height:100dvh;min-height:0}.reference-rail{padding:22px 12px}.reference-brand{width:58px;margin:0 auto 32px}.reference-brand img{width:58px;height:58px}.reference-brand strong{display:none}.reference-primary-nav button,.reference-rail-bottom>button{justify-content:center}.reference-primary-nav button span,.reference-primary-nav button b,.reference-rail-bottom>button span,.reference-channel-nav,.reference-agent div{display:none}.reference-agent{justify-content:center;padding-left:0;padding-right:0}.reference-workspace{grid-column:2/4;grid-template-columns:330px minmax(420px,1fr)}.reference-settings{grid-column:2/4}}@media (width<=760px){.reference-support-shell{padding:0;display:block}.reference-rail{display:none}.reference-workspace{height:100dvh;min-height:0;display:block}.reference-list-panel{display:none}.reference-thread{height:100dvh;min-height:0}.reference-thread>header{padding:15px 18px}.reference-thread-actions>button{display:none}.reference-messages{padding:22px 16px}.reference-message>div{max-width:88%}.reference-reply{margin:0 14px 14px}.reference-settings{border-radius:0;height:100dvh;min-height:0;padding:22px}.reference-thread-actions label{font-size:0}.reference-thread-actions label:before{content:"Elizabeth";font-size:10px}}:root{--ink:#161712;--muted:#6f736c;--line:#e7e8e3;--cream:#f7f5f0;--green:#2b8b64;--soft-green:#e7f3ed;--nav:#121410}@media (width<=1180px){.details-panel{display:none}.inbox-grid{grid-template-columns:290px 1fr}}@media (width<=800px){.sidebar{width:64px;padding:18px 8px}.brand-mark{width:40px;height:40px;margin:0 auto 26px}.nav-item{justify-content:center}.nav-item span,.nav-item b,.agent-mini div{display:none}.agent-mini{justify-content:center}.workspace{width:calc(100% - 64px);margin-left:64px;padding:0 10px 10px}.metrics{grid-template-columns:repeat(2,1fr)}.inbox-grid{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 260px)}.conversation-panel{display:none}.topbar{height:72px}.topbar p,.demo-pill,.chat-actions label{display:none}}.access-page{background:radial-gradient(circle at top,#f7f7f5 0,#e9e9e7 65%);place-items:center;min-height:100vh;padding:24px;display:grid}.access-card{text-align:center;background:#fff;border:1px solid #dededb;border-radius:18px;width:min(460px,100%);padding:42px;box-shadow:0 20px 60px #00000014}.access-logo{place-items:center;width:210px;height:130px;margin:0 auto 15px;display:grid}.access-logo img{object-fit:contain;width:100%;height:100%;display:block}.access-kicker{text-transform:uppercase;letter-spacing:.14em;color:#747470;font-size:10px}.access-card h1{margin:13px 0;font:600 30px Georgia,serif}.access-card>p:not(.access-kicker){color:#666662;font-size:13px;line-height:1.65}.access-card a{color:#fff;background:#171915;border-radius:8px;margin-top:14px;padding:11px 18px;font-size:12px;text-decoration:none;display:inline-block}.nav-item.disabled{opacity:.6;cursor:default}.dashboard-error{color:#8a3d2d;background:#fff1ed;border:1px solid #e2b9af;border-radius:8px;margin:0 0 12px;padding:10px 14px;font-size:11px}.empty-dashboard{border:1px solid var(--line);text-align:center;background:#fff;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 204px);min-height:520px;padding:40px;display:flex}.empty-mark{letter-spacing:-2px;border:1px solid #242620;place-items:center;width:62px;height:62px;margin-bottom:20px;font:700 26px Georgia,serif;display:grid}.empty-dashboard h2,.settings-card h2{margin:0 0 10px;font:600 24px Georgia,serif}.empty-dashboard p{max-width:520px;color:var(--muted);line-height:1.65}.primary-action{color:#fff;cursor:pointer;background:#171915;border:0;border-radius:8px;padding:11px 16px;font-size:11px;font-weight:700}.primary-action:disabled{opacity:.6;cursor:wait}.settings-view{gap:16px;max-width:920px;display:grid}.settings-card{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:48px 1fr;gap:18px;padding:28px;display:grid}.settings-card.compact{max-width:700px}.connection-icon{color:#9a6a2f;background:#f5eee1;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.connection-icon.connected{background:var(--soft-green);color:var(--green)}.settings-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--green);margin:3px 0 8px;font-size:9px;font-weight:700}.settings-card>div>p:not(.settings-kicker){color:var(--muted);max-width:680px;line-height:1.65}.pairing-code{flex-wrap:wrap;align-items:center;gap:9px;margin-top:20px;display:flex}.pairing-code span{letter-spacing:.12em;border:1px solid var(--line);background:#f4f3ef;border-radius:8px;padding:10px 13px;font:700 28px ui-monospace,SFMono-Regular,Menlo,monospace}.pairing-code small{width:100%;color:var(--muted);font-size:10px}.connection-details{grid-template-columns:100px 1fr;gap:8px;margin-top:18px;font-size:11px;display:grid}.connection-details dt{color:var(--muted)}.connection-details dd{margin:0}.contact-avatar,.large-avatar{background:#dceee5}.list-empty,.detail-empty{color:var(--muted);padding:18px;font-size:10px}.thread-empty,.detail-empty-card{text-align:center;height:100%;color:var(--muted);place-content:center;padding:30px;display:grid}.thread-empty h2{color:var(--ink);margin:0 0 8px;font:600 22px Georgia,serif}.thread-empty p{margin:0}.detail-link{color:var(--green);margin-top:12px;font-size:9px;text-decoration:none;display:block}.composer button:disabled{opacity:.45;cursor:not-allowed}.sign-out-button{color:#4a4e47;cursor:pointer;background:#fff;border:1px solid #d6d8d2;border-radius:7px;padding:7px 11px;font:600 10px inherit}.auth-form{text-align:left;gap:14px;margin-top:24px;display:grid}.auth-form label,.staff-create-form label{color:#494d46;gap:6px;font-size:11px;font-weight:700;display:grid}.auth-form input,.staff-create-form input,.staff-create-form select{color:#171915;background:#fff;border:1px solid #d7d9d3;border-radius:8px;outline:none;width:100%;padding:11px 12px;font:14px inherit}.auth-form input:focus,.staff-create-form input:focus,.staff-create-form select:focus{border-color:#2b8b64;box-shadow:0 0 0 3px #2b8b641f}.auth-form button{color:#fff;cursor:pointer;background:#171915;border:0;border-radius:8px;padding:12px;font-weight:700}.auth-form button:disabled{opacity:.6}.auth-error,.auth-notice{border-radius:7px;padding:10px 12px!important;font-size:11px!important}.auth-error{background:#fff0ed;border:1px solid #efc6bd;color:#973e2c!important}.auth-notice{background:#edf8f1;border:1px solid #cde7d7;color:#256d4e!important}.staff-create-form{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.staff-create-form .primary-action{align-self:end;min-height:42px}.team-admin-card{max-width:920px}.staff-list{border-top:1px solid var(--line);margin-top:18px;display:grid}.staff-row{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(150px,1fr) auto auto auto;align-items:center;gap:10px;padding:12px 0;display:grid}.staff-initials{color:#256d4e;background:#e7f3ed;border-radius:50%;place-items:center;width:32px;height:32px;font-size:9px;font-weight:800;display:grid}.staff-row>div{gap:3px;display:grid}.staff-row strong{font-size:11px}.staff-row small{color:var(--muted);font-size:9px}.staff-row button{color:#4e524b;cursor:pointer;background:#fff;border:1px solid #d9dbd5;border-radius:7px;padding:7px 9px;font-size:9px}.staff-status{color:#9a4d3c;background:#fff0ed;border-radius:12px;padding:5px 8px;font-size:8px}.staff-status.active{color:#256d4e;background:#e7f3ed}@media (width<=700px){.staff-create-form{grid-template-columns:1fr}.staff-row{grid-template-columns:34px 1fr auto}.staff-row>button{grid-column:auto}.staff-status{grid-column:3}.team-admin-card{grid-template-columns:1fr}.team-admin-card>.connection-icon{display:none}}.history-button{cursor:pointer;color:#383d35!important;background:#fff!important;border:1px solid #d9ddd6!important;border-radius:7px!important;padding:6px 9px!important;font:600 9px inherit!important}.profile-overview{background:linear-gradient(135deg,#f2f7ff,#fbf8ff);border:1px solid #dce7ff;border-radius:10px;margin:13px;padding:11px}.profile-overview-title{align-items:center;gap:8px;display:flex}.profile-overview-title>span{color:#fff;background:#367bf4;border-radius:50%;place-items:center;width:28px;height:28px;font-size:18px;display:grid}.profile-overview h3,.profile-overview p{margin:0}.profile-overview h3{font-size:10px}.profile-overview p{color:#6c778a;margin-top:2px;font-size:8px}.profile-metrics{text-align:center;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:11px;display:grid}.profile-metrics strong,.profile-metrics span{display:block}.profile-metrics strong{color:#2869d9;font:600 15px Georgia,serif}.profile-metrics div:nth-child(2) strong{color:#8d34df}.profile-metrics div:nth-child(3) strong{color:#299358;margin-top:3px;font-size:10px}.profile-metrics span{color:#6d7788;margin-top:3px;font-size:7px}.profile-history-link{color:#2669d6;cursor:pointer;background:0 0;border:0;border-top:1px solid #dce3ed;justify-content:space-between;align-items:center;width:100%;margin-top:10px;padding:9px 0 0;font:600 8px inherit;display:flex}.profile-history-link svg{stroke:currentColor;fill:none;stroke-width:2px;width:12px}.history-overlay{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12141073;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.history-modal{background:#fff;border-radius:16px;grid-template-rows:auto auto 1fr;width:min(720px,100%);max-height:min(760px,100vh - 60px);display:grid;overflow:hidden;box-shadow:0 24px 80px #00000040}.history-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.history-modal header p{color:#3571d7;letter-spacing:.13em;margin:0 0 5px;font-size:9px;font-weight:700}.history-modal header h2{color:#172032;margin:0;font:600 22px Georgia,serif}.history-modal header span{color:#717987;margin-top:5px;font-size:10px;display:block}.history-modal header button{color:#637085;cursor:pointer;background:#f2f4f7;border:0;border-radius:50%;width:35px;height:35px;font-size:25px}.history-summary{border-bottom:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.history-summary div{background:#fafbfc;padding:15px 20px}.history-summary strong,.history-summary span{display:block}.history-summary strong{color:#172032;font:600 18px Georgia,serif}.history-summary span{color:#758094;margin-top:3px;font-size:9px}.history-thread{background:#f8f8f6;padding:18px 24px;overflow:auto}.history-entry{max-width:78%;margin:0 0 12px}.history-entry.customer{text-align:right;margin-left:auto}.history-entry span,.history-entry time{color:#77808f;font-size:8px;display:block}.history-entry p{border:1px solid var(--line);text-align:left;background:#fff;border-radius:4px 12px 12px;margin:4px 0;padding:10px 12px;font-size:10px;line-height:1.5}.history-entry.customer p{color:#fff;background:#181a17;border-color:#181a17;border-radius:12px 4px 12px 12px}.history-entry.support p{background:#e9f3ed;border-color:#d7e7dc}.profile-history-empty{color:var(--muted);text-align:center;padding:40px}@media (width<=800px){.history-overlay{padding:12px}.history-modal{max-height:calc(100vh - 24px)}.history-modal>header{padding:17px}.history-modal header h2{font-size:18px}.history-thread{padding:14px}.history-entry{max-width:88%}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}