/* Qiaoyu V2 · independent workspaces and blue customer widget */
:root{--green:#4387f5;--green-deep:#2d6de0;--mint:#edf4ff;--mint-strong:#d6e5ff;--ink:#26354b;--text:#536076;--subtle:#929aab;--line:#e9edf3;--canvas:#f5f7fa;--shadow:0 12px 50px #38537814}
body{color:#536076;background:#f5f7fa}.nav-rail{width:206px;flex-basis:206px;background:#fff;border-right:1px solid #e9edf4;color:#7b8698;padding:26px 16px 18px;align-items:stretch}.brand-mark{background:none;color:#3c82ef;width:auto;height:40px;gap:10px;justify-content:flex-start;padding-left:7px}.brand-mark>svg{width:35px;height:35px;background:#4387f5;color:white;border-radius:10px;padding:5px}.brand-mark>span{font-size:22px;font-weight:700;letter-spacing:1px}.brand-mark small{display:block;font-size:7px;font-weight:500;letter-spacing:1.4px;margin-top:3px;color:#9aa7bb}.sidebar-caption{font-size:10px;color:#a3adbd;padding:17px 8px 0;display:flex;justify-content:space-between}.sidebar-caption>span{color:#78a0e2;background:#eef4ff;border:1px solid #e6efff;border-radius:3px;font-size:8px;padding:1px 4px}.rail-links{margin-top:23px;gap:6px}.rail-link{width:100%;height:43px;flex-direction:row;justify-content:flex-start;gap:12px;color:#7e8a9e;font-size:12px;letter-spacing:.2px;padding:0 16px;border-radius:7px}.rail-link svg{width:18px;height:18px}.rail-link.active{background:#edf4ff;color:#4387f5;font-weight:600}.rail-link.active:before{display:none}.rail-link:hover{background:#f5f8fd;color:#4287f5}.rail-indicator{top:13px;right:16px;background:#ff9c72}.sidebar-group-label{font-size:9px;color:#afb8c6;padding:21px 15px 9px;letter-spacing:1px}.rail-bottom{gap:18px;align-items:stretch}.sidebar-plan{border:1px solid #e4ecf9;background:linear-gradient(125deg,#f7faff,#eef5ff);border-radius:9px;padding:15px 13px;display:flex;flex-direction:column;gap:8px}.sidebar-plan>span{font-size:9px;color:#9baac2}.sidebar-plan strong{font-size:11px;color:#5c7cac;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-plan button{font-size:10px;text-align:left;padding:0;color:#5288dc;margin-top:3px}.rail-profile{align-self:flex-start;margin-left:8px;background:#eaf1ff;color:#6d95d5}.rail-profile span{border-color:#fff;background:#66bba1}.workspace-header{height:84px;background:white;padding:0 30px}.workspace-heading{gap:0}.workspace-heading .wordmark,.workspace-heading .header-divider{display:none}.workspace-heading h1{font-size:19px;color:#34445e;font-weight:600}.workspace-heading p{font-size:10px;color:#a0a9b8;margin-top:6px}.online-pill{color:#91a0b6}.online-pill i{background:#4ab692}.header-avatar{background:#ecf2ff;color:#749be0}.icon-button{color:#99a6ba}.icon-button:hover{background:#f0f5ff;color:#4e8ef8}.conversation-panel{background:#fff;width:285px}.conversation-heading h2{color:#42526c;font-size:16px}.conversation-heading h2>span{color:#8ca4cc;background:#edf3fd}.add-button{background:#eff5ff;color:#6597ed}.search-box{background:#f7f9fc;border-color:#edf0f5}.search-box:focus-within{border-color:#98bcfa}.search-box svg{color:#a2afc4}.conversation-tabs{background:#f2f5f9}.conversation-tabs button{color:#929eb0}.conversation-tabs button.active{color:#568ced;background:white}.conversation-tabs button span{background:#eaf2ff;color:#7198d7}.conversation-item:hover{background:#f5f8ff}.conversation-item.active{background:#edf4ff}.conversation-item.active:before{background:#6298f2}.conversation-name{color:#42516c}.conversation-preview,.conversation-item.active .conversation-preview{color:#9aa5b6}.conversation-time{color:#a3adbd}.unread-badge{background:#669af1}.conversation-kind{color:#8ea9d4;border-color:#dce8fb}.list-section-label{color:#a9b3c2}.inbox-footer{border-color:#edf0f5;color:#a8b3c5}.version-label{color:#b3bfd1}.chat-title h2{color:#3b4b65}.chat-title h2 .title-tag{color:#90aadc;border-color:#e4edfb}.chat-title p{color:#a6b2c4}.chat-title p i{background:#6fbda4}.resolve-button{border-color:#e3ebf6;color:#8ca1c1}.resolve-button:hover{color:#4e8ff5;background:#f0f6ff}.message-viewport{background:#fafbfe}.chat-day{color:#b0bacb}.chat-day:before,.chat-day:after{background:#e8edf5}.message-bubble{background:#fff;border-color:#edf0f6;color:#5a6780;box-shadow:0 1px 3px #6e87b204}.message-row.own .message-bubble{background:#eaf2ff;border-color:#e3edff;color:#4b6eab}.message-meta,.message-status{color:#aeb9cc}.message-meta .sender-name{color:#8a9ab4}.message-meta .agent-label{background:#eff5ff;color:#8caae0}.message-system{color:#acb8cb}.message-system span{background:#f0f4f9}.composer{border-color:#e5ebf5;box-shadow:none}.composer:focus-within{border-color:#aac6f8;box-shadow:0 0 0 3px #5794f807}.tool-button{color:#97a6be}.tool-button:hover,.tool-button.active{color:#4c8af1;background:#f0f5ff}.composer-private{color:#b0bbcd}.send-button{background:#4b8ef8}.send-button:hover:enabled{background:#397dea}.send-button:disabled{background:#b5ccf2}.composer-caption{color:#bac4d4}.composer-hint{color:#b0bdd1}.detail-panel{background:#fff}.detail-heading{color:#8d9fbd}.profile-summary h3{color:#536783}.profile-summary>p{color:#b1bdd0}.profile-tags .tag{background:#eff5ff;color:#95b0dc}.profile-tags .tag.outline{background:#fff;border-color:#e5edf9;color:#a0b4d3}.detail-section h3{color:#90a2bf}.detail-section h3 span{color:#bec8d8}.detail-row{color:#99a9c3}.detail-row>svg{color:#b9c6db}.detail-row-label{color:#afbdd1}.detail-row-value{color:#91a4c3}.source-badge{background:#f2f7ff;color:#96b5e7;border-color:#e7effd}.local-notes{border-color:#e4ecf9;color:#93a8c8}.local-notes:focus{border-color:#adc8f4}.notes-footer,.detail-tip{color:#b3c1d7}.detail-tip>svg{color:#b1c2de}.detail-section,.profile-summary{border-color:#edf1f7}.group-member{color:#8ea5c8}.group-member .role{color:#b5c4dc}.switch[aria-checked=true]{background:#6399ee}.switch{background:#dce6f5}.switch-row strong{color:#819dc9}.switch-row p{color:#aec0dc}.copy-invite{border-color:#e1eafa;color:#8caee3}.copy-invite:hover{background:#f0f6ff}.empty-icon{background:#edf4ff;color:#8fb1e5}.empty-state h3{color:#819ac1}.empty-state p{color:#a0b2ce}.primary-button{background:#4d8df5}.primary-button:hover{background:#3b7de8}.secondary-button{border-color:#dde7f8;color:#83a1d0}.secondary-button:hover{background:#f3f7ff}.modal{background:#fff;border-color:#e3ebf8}.modal-header .modal-title h2{color:#506b98}.modal-title p{color:#9fb1ce}.modal-footer{background:#f9fbff;border-color:#e9eff9}.form-label{color:#829bc2}.form-label small{color:#b0bfd8}.text-input,.member-selector{border-color:#e0e8f5;background:#fff}.text-input:focus{border-color:#8fb6f4;box-shadow:0 0 0 3px #91b6f40b}.modal-info{background:#f2f7ff;border-color:#e6effe;color:#93add4}.modal-info strong{color:#6b90c6}.selection-help{color:#a2b6d5}.form-error{color:#c57670}.modal-title h2{color:#506b98}.group-select{border-color:#eef2f9}.group-select .name{color:#7d9ac5}.group-select .contact{color:#afc1db}.toast{background:#467bc7;border-color:#5389d4}.toast.error{background:#b76d69;border-color:#be7e78}.aux-page{background:#f5f7fb;padding:30px}.aux-toolbar h2{color:#42577a;font-size:23px;font-weight:600}.aux-toolbar p{color:#9cacc4}.aux-kicker{color:#a6b6cf}.data-table-wrap,.files-grid{border-color:#e4ebf6}.data-table th{background:#f9fbff;border-color:#ebf0f8;color:#9aacc8}.data-table td{border-color:#edf2f9;color:#97a9c6}.table-person{color:#718eb9}.table-action{color:#6293df}.file-list-row{border-color:#edf2f9}.file-list-row h3{color:#6f8bb5}.file-list-row p,.file-list-row .file-date{color:#a3b5d1}.file-type-icon{color:#84a6d8;border-color:#dfe9f8}.attachment-file .attachment-name{color:#6d91c7}.attachment-size,.media-caption{color:#a6bad8}.copy-link-field{border-color:#e1eaf8}.copy-link-field input{color:#9bb1d2}.copy-link-field button{background:#edf4ff;color:#6d96d5}.settings-section h3{color:#6e90c4}.settings-section p{color:#9fb5d6}.history-control button{color:#91aed8;background:#f0f6ff;border-color:#e2edff}.history-control button:hover{background:#e8f1ff}.new-message-marker{color:#6f98d5;border-color:#e1eafb}
.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#ecf4ff,#f9fbff);border:1px solid #e4edfb;border-radius:12px;padding:27px 29px;margin-bottom:23px}.dashboard-welcome h2{font-size:22px;color:#4c6387;font-weight:600}.dashboard-welcome p{font-size:11px;color:#95abc9;margin-top:12px;line-height:1.8}.dashboard-welcome .welcome-symbol{height:72px;width:72px;border-radius:23px;background:#dceaff;color:#78a8f4;display:flex;align-items:center;justify-content:center;margin-right:12px;transform:rotate(-8deg)}.welcome-symbol svg{width:35px;height:35px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e6edf7;border-radius:10px;padding:22px}.stat-card .stat-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9bacc8}.stat-top svg{color:#a8c3ec;width:17px;height:17px}.stat-card strong{display:block;font-size:30px;line-height:1.3;font-weight:550;color:#4e668b;margin-top:14px}.stat-card small{display:block;font-size:9px;color:#b6c3d8;margin-top:9px}.dashboard-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:23px}.surface-panel{border:1px solid #e4ecf7;border-radius:10px;background:white;overflow:hidden}.surface-panel-heading{padding:20px 23px;border-bottom:1px solid #edf2f9;display:flex;align-items:center;justify-content:space-between}.surface-panel-heading h3{font-size:13px;color:#6a86b0;font-weight:500}.surface-panel-heading button{font-size:10px;color:#94aed4;display:flex;align-items:center;gap:5px}.surface-panel-heading button svg{width:12px;height:12px}.recent-row{display:flex;align-items:center;gap:11px;padding:17px 23px;border-bottom:1px solid #f0f4fa;width:100%;text-align:left}.recent-row:last-child{border:0}.recent-row .recent-main{min-width:0;flex:1}.recent-row h4{margin:0;font-size:11px;color:#7a96be;font-weight:500}.recent-row p{font-size:9px;color:#acbdd6;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-row time{font-size:9px;color:#b4c4dc}.quick-link{display:flex;align-items:center;gap:12px;padding:19px 23px;border-bottom:1px solid #eef3fb;width:100%;text-align:left}.quick-link:last-child{border:0}.quick-link .quick-icon{background:#eef5ff;color:#93b5e9;height:35px;width:35px;display:flex;align-items:center;justify-content:center;border-radius:9px}.quick-icon svg{width:17px;height:17px}.quick-link strong{font-size:11px;color:#829dc6;font-weight:500}.quick-link p{font-size:9px;color:#b1c2dc;margin-top:5px}.quick-link>svg{margin-left:auto;color:#bed0e8;width:14px}.workspace-isolation{margin-top:21px;font-size:10px;color:#acbed9;display:flex;align-items:center;gap:7px}.workspace-isolation svg{width:13px;height:13px}.content-page-list{display:flex;flex-direction:column;gap:13px}.content-item{background:#fff;border:1px solid #e4ecf7;border-radius:9px;padding:22px 24px;display:flex;gap:18px}.content-item-icon{background:#eff5ff;color:#91b4eb;width:37px;height:37px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.content-item-icon svg{width:18px;height:18px}.content-item-main{flex:1;min-width:0}.content-item h3{font-size:13px;color:#6b88b3;font-weight:500;line-height:1.6}.content-item p{font-size:11px;color:#a2b5d2;line-height:1.9;white-space:pre-wrap;margin-top:9px;overflow-wrap:anywhere}.content-item time{font-size:9px;color:#bbcae0;display:block;margin-top:12px}.content-item-actions{display:flex;align-items:flex-start;gap:5px}.content-item-actions button{font-size:10px;color:#8aa9d6;padding:5px 9px;border-radius:5px}.content-item-actions button:hover{background:#f0f6ff}.content-item-actions .delete-content{color:#c59592}.form-textarea{width:100%;min-height:130px;resize:vertical;border:1px solid #e0e9f7;background:#fff;padding:12px;border-radius:7px;line-height:1.9;font-size:11px;color:#7794be}.form-textarea:focus{border-color:#9ebff2}.check-option{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #e6eefb;border-radius:7px;margin-top:10px;background:#f9fbff;cursor:pointer}.check-option input{margin:2px 0 0;accent-color:#4d8ff6}.check-option strong{font-size:11px;color:#849fc6;font-weight:500}.check-option small{display:block;font-size:9px;color:#b0c1dc;line-height:1.8;margin-top:4px}.setting-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:23px}.settings-card{background:#fff;border:1px solid #e2ebf8;border-radius:11px;padding:24px}.settings-card h3{font-size:14px;color:#718db9;font-weight:500;margin-bottom:14px}.settings-card>p{font-size:10px;color:#a2b6d4;line-height:1.9}.settings-card .primary-button{margin-top:20px}.settings-card+.settings-card{margin-top:20px}.setting-grid>div>.settings-card{margin-top:0}.setting-grid>div>.settings-card+.settings-card{margin-top:20px}.embed-code{border:1px solid #e3ebf8;background:#f8faff;color:#8fa9cf;resize:vertical;width:100%;min-height:110px;padding:13px;font-size:10px;line-height:1.8;border-radius:6px;overflow-wrap:anywhere;margin-top:13px}.settings-header-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.settings-header-row h3{margin:0}.settings-header-row button{font-size:10px;color:#86a7d8}.auth-overlay:before{background:linear-gradient(150deg,#3478e4,#5a9cf8);width:43%}.auth-story{color:#fff}.auth-story h2{font-weight:500;letter-spacing:2px}.auth-story p{color:#c0d9ff}.auth-wordmark small{color:#c4dbff}.auth-story .auth-caption{color:#b0d2ff}.auth-chat{background:#75a8f1;border-color:#9bc3ff}.auth-chat i{background:#daeaff}.auth-chat.small{background:#d0e3ff;border-color:#e0edff}.auth-chat.small svg{color:#77a3df}.auth-card{border-color:#e3eaf6;box-shadow:0 18px 65px #4f83d30b}.auth-card h1{color:#4c6996}.auth-card>p{color:#a0b4d1}.auth-eyebrow{color:#9ab7e0}.auth-card .auth-fine-print,.auth-card .auth-footnote{color:#b0c1d9}.auth-tabs{display:flex;padding:4px;background:#f1f6fe;border-radius:7px;margin-bottom:24px}.auth-tabs button{flex:1;padding:9px;border-radius:5px;font-size:11px;color:#9bb4d9}.auth-tabs button.active{background:#fff;color:#6697df;box-shadow:0 2px 7px #6592d313}.auth-card .auth-footnote{border-color:#edf2fa}.auth-card .form-label{margin-top:15px}.auth-card .primary-button{margin-top:17px}.auth-link{color:#91b0de}.quota-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 27px}.quota-card{padding:20px;background:#fff;border:1px solid #e4ecf7;border-radius:10px}.quota-card>span{font-size:11px;color:#a0b5d2}.quota-card strong{display:block;font-size:17px;color:#6e8dbb;font-weight:500;margin:13px 0}.quota-track{height:5px;border-radius:5px;background:#edf3fc;overflow:hidden}.quota-track i{display:block;height:100%;min-width:2px;max-width:100%;background:#75a8f6;border-radius:5px}.quota-card small{font-size:9px;color:#b2c4df;display:block;margin-top:10px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.plan-card{background:#fff;border:1px solid #e2eaf7;border-radius:11px;padding:25px;position:relative}.plan-card.current{border-color:#99bef8;background:linear-gradient(#f9fbff,#fff)}.plan-current-tag{position:absolute;right:15px;top:15px;background:#ecf4ff;color:#8bafe6;border:1px solid #dceaff;border-radius:4px;padding:3px 7px;font-size:8px}.plan-card h3{font-size:17px;color:#6989bb;font-weight:600}.plan-price{font-size:30px;color:#5f83b9;margin:23px 0 9px;font-weight:550}.plan-price small{font-size:10px;font-weight:400;color:#acc0dd;margin-left:5px}.plan-card>p{font-size:9px;color:#aec0dc;line-height:1.9}.plan-features{padding:18px 0 13px;margin:0;list-style:none}.plan-features li{font-size:10px;color:#9cb4d6;line-height:2.4;display:flex;align-items:center;gap:7px}.plan-features svg{width:12px;height:12px;color:#91b5ec}.plan-card button{width:100%;margin-top:13px}.plans-notice{background:#fff8ed;border:1px solid #f5ead8;border-radius:8px;padding:13px 16px;color:#bfac8e;font-size:10px;line-height:1.9;margin:23px 0}.plan-requests{margin-top:25px}.plan-requests h3{font-size:13px;color:#91abd1;font-weight:500;margin-bottom:13px}.pending-tag{font-size:9px;color:#bcad8c;background:#fff8ea;padding:3px 8px;border-radius:5px}.plan-status{font-size:10px;color:#95b0d8;background:#edf5ff;border:1px solid #e1ecfe;border-radius:5px;padding:5px 9px}.account-menu-button{font-size:10px;color:#93abd1}.guest-body{background:#edf0f5}.guest-app{width:400px;max-width:100%;height:100dvh;min-height:0;position:relative;border:1px solid #e5e8ee;box-shadow:0 10px 60px #3c496b0b;background:#f5f7fa;overflow:hidden;margin:0 auto}.guest-topbar{height:76px;min-height:76px;background:#fff;border-bottom:1px solid #f1f3f7;display:flex;align-items:center;padding:0 27px 0 31px;gap:17px}.headphone-brand{width:50px;height:50px;min-width:50px;background:#4c8cfa;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 14px #4e8cff28}.headphone-brand svg{width:25px;height:25px;stroke-width:1.8}.guest-workspace-title{flex:1;min-width:0}.guest-workspace-title h1{font-size:16px;line-height:1.5;font-weight:600;letter-spacing:.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}.guest-workspace-title p{font-size:12px;color:#989ca5;margin-top:3px}.guest-close{color:#161c27;width:25px;height:30px;margin-right:-3px}.guest-close svg{width:18px;height:18px;stroke-width:1.7}.guest-main{height:auto;min-height:0;flex:1;width:100%;display:flex;position:relative;margin:0;border:0;border-radius:0;box-shadow:none;background:#f5f7fa;overflow:hidden}.guest-main .conversation-panel{width:100%;border:0;background:#f5f7fa;display:flex;overflow-y:auto;flex-shrink:0}.guest-filters{height:63px;min-height:63px;background:white;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #fafbfc}.guest-main .conversation-tabs{display:flex;flex-shrink:0;gap:1px;height:43px;width:252px;margin:0;border-radius:25px;padding:4px;background:#f0f2f6;align-items:center}.guest-main .conversation-tabs button{height:35px;min-width:0;border-radius:22px;font-size:12px;color:#8c9096;font-weight:500;gap:5px;padding:0 13px;flex:1}.guest-main .conversation-tabs button>svg{height:13px;width:13px;stroke-width:1.8}.guest-main .conversation-tabs button.active{background:#fff;color:#798bff;box-shadow:0 3px 10px #7e99ff29}.guest-main .conversation-tabs button span{background:none;color:inherit;padding:0;font-size:12px}.guest-main .conversation-list{flex:0 0 auto;overflow:visible;padding:8px 12px 0;scrollbar-width:none}.guest-main .conversation-item{margin:0 0 8px;border-radius:14px;background:white;padding:15px 13px;min-height:80px;gap:16px;border:1px solid #fafbfd;box-shadow:0 2px 8px #3b527205;align-items:center}.guest-main .conversation-item:hover,.guest-main .conversation-item.active{background:white;box-shadow:0 3px 12px #4970a20b}.guest-main .conversation-item.active:before{display:none}.guest-main .conversation-item .avatar{height:48px;width:48px;min-width:48px;border-radius:11px;box-shadow:0 2px 6px #48619a12;border:2px solid #fff;font-size:17px;letter-spacing:0}.guest-main .conversation-item .avatar svg{width:23px;height:23px}.guest-main .avatar .status-dot{display:none}.guest-main .conversation-content{padding-top:0}.guest-main .conversation-name{font-size:16px;color:#333b45;font-weight:600;max-width:210px;line-height:1.5;gap:4px}.guest-main .conversation-name>svg,.guest-main .conversation-kind{display:none}.guest-main .conversation-time{font-size:12px;color:#93969d;align-self:flex-start;padding-top:2px}.guest-main .conversation-preview,.guest-main .conversation-item.active .conversation-preview{font-size:12px;color:#a1a4ab;line-height:1.8;margin-top:5px;max-width:262px}.guest-main .conversation-content{min-width:0}.guest-main .conversation-item .unread-badge{background:#5b9bff;font-size:9px;min-width:15px;height:15px;line-height:15px;margin-top:4px}.guest-list-end{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:.7px;color:#bdc2ca;padding:24px 0 30px;margin:0}.guest-list-end svg{width:13px;height:13px;fill:#b7bcc5;color:#f5f7fa;stroke-width:1.5}.guest-main .chat-panel{display:none;width:100%;min-width:0;flex:1;background:#f5f7fa}.guest-main.mobile-chat-open .conversation-panel{display:none}.guest-main.mobile-chat-open .chat-panel{display:flex}.guest-main .chat-header{height:68px;min-height:68px;padding:0 13px;background:#fff}.guest-main .chat-header .mobile-back{display:flex;width:25px}.guest-main .chat-header .avatar{height:35px;width:35px;min-width:35px;border-radius:10px}.guest-main .chat-title h2{font-size:14px;color:#536079}.guest-main .chat-title h2 .title-tag{display:none}.guest-main .chat-title p{font-size:9px;color:#abb5c5}.guest-main .message-viewport{background:#f5f7fa;padding:22px 14px;min-height:25px}.guest-main .chat-day{font-size:9px;color:#b5bfcd}.guest-main .message-content{max-width:82%}.guest-main .message-bubble{font-size:12px;line-height:1.85;border-radius:2px 11px 11px 11px;padding:10px 12px;color:#626e83;border-color:#eef1f7}.guest-main .message-row.own .message-bubble{background:#e5efff;border-color:#dae8ff;color:#5879ac;border-radius:11px 2px 11px 11px}.guest-main .message-row>.avatar{height:29px;width:29px;min-width:29px;border-radius:9px;font-size:10px}.guest-main .message-meta{font-size:8px;gap:6px}.guest-main .message-meta .sender-name{font-size:9px}.guest-main .composer-wrap{background:#fff;padding:0 11px 8px;border-top:1px solid #edf1f7}.guest-main .composer{border:0;border-radius:0;box-shadow:none}.guest-main .composer-toolbar{height:39px;padding:4px 1px 0}.guest-main .tool-button{height:28px;width:29px;color:#95a5bf}.guest-main .tool-button svg{height:18px;width:18px}.guest-main .composer textarea{padding:7px 4px;font-size:12px;height:55px;min-height:55px;line-height:1.8}.guest-main .composer-bottom{padding:0 0 3px 4px;height:36px}.guest-main .send-button{height:30px;font-size:10px;padding:0 13px;gap:9px;border-radius:6px}.guest-main .composer-hint{font-size:8px;max-width:none}.guest-main .composer-caption{font-size:7px;color:#c2cad6;margin-top:4px}.guest-main .emoji-picker{width:min(330px,calc(100vw - 40px));left:0;bottom:100%;border-radius:12px}.guest-bottom-tabs{height:60px;min-height:60px;background:#fff;display:flex;align-items:center;justify-content:space-around;border-top:1px solid #e9edf3;box-shadow:0 -2px 10px #34567f03;z-index:10}.guest-bottom-tabs button{height:100%;width:33.333%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#9b9fa8;font-size:10px}.guest-bottom-tabs button svg{height:23px;width:23px;stroke-width:1.65}.guest-bottom-tabs button.active{color:#579eff}.guest-bottom-tabs button:hover{background:#fafcff}.guest-content-view{width:100%;height:100%;overflow-y:auto;background:#f5f7fa;padding:20px 15px}.guest-content-header h2{font-size:20px;color:#5f6e86;font-weight:600}.guest-content-header p{font-size:11px;color:#aab5c6;line-height:1.9;margin-top:8px}.guest-content-header{margin-bottom:19px}.guest-content-item{background:#fff;border:1px solid #f0f3f8;border-radius:12px;padding:19px;margin-bottom:11px;box-shadow:0 2px 7px #48679803}.guest-content-item h3{font-size:14px;font-weight:500;line-height:1.6;color:#65748e}.guest-content-item p{font-size:12px;color:#9ba9c1;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px}.guest-content-item time{font-size:9px;color:#bac5d7;display:block;margin-top:11px}.guest-help-details{border:1px solid #edf1f8;background:#fff;border-radius:11px;margin-bottom:10px;padding:17px}.guest-help-details summary{font-size:13px;color:#7588a5;cursor:pointer;list-style:none;display:flex;gap:10px;align-items:center}.guest-help-details summary:after{content:'+';margin-left:auto;color:#9eb3d2;font-size:17px}.guest-help-details[open] summary:after{content:'−'}.guest-help-details p{font-size:12px;color:#9db0cc;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #f0f4fb;margin-top:13px;padding-top:13px}.guest-collapsed{position:absolute;inset:76px 0 0;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f7faff;gap:17px}.guest-collapsed h2{font-size:19px;color:#7e96ba;font-weight:500;margin-top:5px}.guest-collapsed p{font-size:11px;color:#b1c1d9;margin-bottom:7px}.guest-body .auth-overlay{position:absolute;background:#f5f7fa}.guest-body .auth-overlay:before{display:none}.guest-body .auth-composition{display:block;max-width:350px}.guest-body .auth-story{display:none}.guest-body .auth-card{padding:27px 23px;box-shadow:none;border-radius:12px}.guest-body .auth-card h1{font-size:20px}.guest-body .toast-root{bottom:75px;max-width:370px;width:calc(100% - 30px)}.guest-body .toast{font-size:11px}.guest-body .modal-backdrop{padding:17px}.guest-body .modal{max-width:360px}.guest-main.content-open .conversation-panel,.guest-main.content-open .chat-panel{display:none}.guest-main .resolved-banner,.guest-main .muted-banner{font-size:9px;margin-top:7px}.guest-body .list-empty{color:#b9c5d7;font-size:11px}.guest-body .drop-overlay{inset:10px;border-color:#9cbff2;background:#f4f8fffa;color:#83a8df}.guest-body .drop-overlay p{color:#adc2e3}
@media(min-width:1600px){.nav-rail{width:220px;flex-basis:220px}.conversation-panel{width:320px}.workspace-header{padding:0 35px}.detail-panel{width:290px}.aux-page{padding:35px}.dashboard-welcome{padding:32px}.dashboard-welcome h2{font-size:25px}.stat-card{padding:25px}.stat-card strong{font-size:34px}.surface-panel-heading{padding:23px 25px}.recent-row,.quick-link{padding:21px 25px}}
@media(max-width:1100px){.nav-rail{width:184px;flex-basis:184px;padding-left:12px;padding-right:12px}.brand-mark>span{font-size:20px}.brand-mark small{font-size:6px}.rail-link{font-size:11px;padding:0 13px}.conversation-panel{width:260px}.stat-grid{gap:12px}.stat-card{padding:18px}.stat-card strong{font-size:26px}.dashboard-columns{grid-template-columns:1.2fr 1fr;gap:18px}.setting-grid{gap:18px}.plan-card{padding:20px}.plan-grid{gap:13px}}
@media(max-width:800px){.nav-rail{width:70px;flex-basis:70px;padding:22px 7px 14px;align-items:center}.brand-mark{padding:0;width:37px;height:37px}.brand-mark>span,.sidebar-caption,.sidebar-group-label,.sidebar-plan{display:none}.brand-mark>svg{width:37px;height:37px}.rail-links{margin-top:27px;gap:5px}.rail-link{width:56px;height:49px;flex-direction:column;justify-content:center;padding:0;gap:5px;font-size:8px;border-radius:7px;letter-spacing:0}.rail-link svg{height:18px;width:18px}.rail-profile{align-self:center;margin-left:0;width:30px;height:30px}.rail-bottom{margin-top:auto}.rail-indicator{top:7px;right:13px}.workspace-header{height:76px;padding:0 22px}.workspace-heading h1{font-size:18px}.aux-page{padding:25px 22px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:14px}.dashboard-columns{grid-template-columns:1fr}.dashboard-welcome{padding:22px}.dashboard-welcome h2{font-size:21px}.dashboard-welcome .welcome-symbol{height:55px;width:55px;min-width:55px;border-radius:18px;margin-right:0}.setting-grid{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr;gap:14px}.plan-card{padding:25px}.plan-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 15px}.plan-card button{width:auto}.plan-price{margin:16px 0 5px}.quota-grid{gap:10px}.quota-card{padding:16px}.quota-card strong{font-size:14px}.content-item{padding:18px;gap:12px}.auth-overlay:before{width:40%}.guest-topbar{height:76px}.guest-main .conversation-panel{width:100%}.guest-main .conversation-heading[hidden]{display:none}.guest-main .conversation-item{padding:15px 13px;min-height:80px}.guest-main .conversation-name{max-width:210px}.guest-main .message-viewport{padding:22px 14px}.guest-main .composer-wrap{padding:0 11px 8px}}
@media(max-width:620px){.nav-rail{width:59px;flex-basis:59px;padding:18px 4px 12px}.brand-mark,.brand-mark>svg{width:32px;height:32px;border-radius:9px}.rail-link{width:50px;font-size:7px;height:47px}.rail-links{margin-top:22px;gap:4px}.workspace-header{height:70px;padding:0 17px}.workspace-heading h1{font-size:16px}.workspace-heading p{font-size:8px}.aux-page{padding:21px 16px}.aux-toolbar{gap:16px;margin-bottom:21px}.aux-toolbar h2{font-size:20px}.aux-toolbar p{font-size:10px}.dashboard-welcome{padding:19px 17px;gap:10px;align-items:flex-start}.dashboard-welcome h2{font-size:18px;line-height:1.6}.dashboard-welcome p{font-size:9px;margin-top:7px}.dashboard-welcome .welcome-symbol{height:43px;width:43px;min-width:43px;border-radius:13px;margin-top:5px}.welcome-symbol svg{width:24px;height:24px}.stat-grid{gap:11px;margin-bottom:19px}.stat-card{padding:15px}.stat-card .stat-top{font-size:9px}.stat-card strong{font-size:25px;margin-top:12px}.stat-card small{font-size:8px}.stat-top svg{width:14px;height:14px}.surface-panel-heading{padding:18px}.recent-row,.quick-link{padding:17px 18px}.workspace-isolation{line-height:1.8;align-items:flex-start;font-size:9px}.workspace-isolation svg{min-width:12px;margin-top:2px}.settings-card{padding:20px}.quota-grid{grid-template-columns:1fr;gap:11px;margin-top:15px}.quota-card strong{font-size:16px;margin:11px 0}.quota-card{padding:18px}.content-item{padding:17px 15px;flex-wrap:wrap;gap:10px}.content-item-icon{height:30px;width:30px;border-radius:8px}.content-item-icon svg{height:16px;width:16px}.content-item-main{min-width:calc(100% - 40px)}.content-item-actions{margin-left:39px;margin-top:-2px}.content-item h3{font-size:12px}.content-item p{font-size:10px;margin-top:7px}.auth-overlay:before{width:100%;height:34%;border-radius:0 0 35% 0}.auth-story h2{font-size:25px}.auth-tabs{margin-bottom:20px}.auth-card{padding:26px 23px}.guest-body{background:#f5f7fa}.guest-app{width:400px;border:1px solid #e5e8ee}.guest-topbar{height:76px;min-height:76px;padding:0 27px 0 31px;gap:17px}.guest-workspace-title h1{font-size:16px}.guest-workspace-title p{font-size:12px}.guest-main{margin:0;height:auto;border:0;border-radius:0}.guest-main .conversation-panel{display:flex;width:100%}.guest-main .conversation-list{padding:8px 12px 0}.guest-main .conversation-item{min-height:80px;padding:15px 13px;gap:16px}.guest-main .conversation-item .avatar{height:48px;width:48px;min-width:48px;border-radius:11px;font-size:17px}.guest-main .conversation-name{font-size:16px;max-width:210px}.guest-main .conversation-preview{font-size:12px;margin-top:5px}.guest-main .conversation-time{font-size:12px}.guest-main .conversation-tabs{margin:0;width:252px;padding:4px;height:43px}.guest-main .conversation-tabs button{height:35px;font-size:12px}.guest-main .chat-header{height:68px;min-height:68px;padding:0 13px}.guest-main .chat-panel{display:none}.guest-main .composer textarea{height:55px;min-height:55px;padding:7px 4px;font-size:12px}.guest-main .composer-bottom{height:36px;padding:0 0 3px 4px}.guest-main .composer-toolbar{height:39px}.guest-main .message-viewport{padding:22px 14px}.guest-main .message-content{max-width:82%}.guest-main .message-bubble{font-size:12px;padding:10px 12px}.guest-main .message-row>.avatar{height:29px;width:29px;min-width:29px;font-size:10px}.guest-main .emoji-picker{width:min(330px,calc(100vw - 40px))}.guest-main .composer-hint{font-size:8px}.guest-main .send-button{height:30px;padding:0 13px;font-size:10px}.guest-main .composer-caption{font-size:7px}.guest-bottom-tabs{height:60px;min-height:60px}.guest-body .auth-overlay:before{display:none}.guest-collapsed{inset:76px 0 0}}
@media(max-width:399px){.guest-app{border:0;width:100%}.guest-topbar{padding-left:23px;padding-right:19px;gap:13px}.guest-main .conversation-item{gap:12px}.guest-main .conversation-name{font-size:15px;max-width:190px}.guest-main .conversation-preview{font-size:11px}.guest-main .conversation-time{font-size:11px}.guest-main .conversation-item .avatar{height:45px;width:45px;min-width:45px}}
@media(max-height:650px){.nav-rail{padding-top:16px;padding-bottom:13px}.rail-links{margin-top:16px;gap:3px}.rail-link{height:37px}.sidebar-group-label{padding-top:13px;padding-bottom:6px}.sidebar-caption{padding-top:12px}.sidebar-plan{padding:11px;gap:6px}.sidebar-plan>span{font-size:8px}.rail-bottom{gap:10px}.workspace-header{height:65px}.guest-topbar{height:70px;min-height:70px}.guest-filters{height:58px;min-height:58px}.guest-bottom-tabs{height:56px;min-height:56px}.guest-main .chat-header{height:60px;min-height:60px}.guest-main .composer textarea{height:40px;min-height:40px}.guest-main .composer-toolbar{height:33px}.guest-main .composer-bottom{height:34px}.guest-main .composer-caption{display:none}.guest-collapsed{inset:70px 0 0}.auth-composition{padding-top:15px;padding-bottom:15px}.auth-card{padding-top:26px;padding-bottom:24px}.auth-card>p{margin-top:8px;margin-bottom:14px}.auth-card .form-label{margin-top:12px}.auth-card .text-input{height:39px}.auth-tabs{margin-bottom:17px}.auth-card .auth-footnote{margin-top:15px;padding-top:13px}.auth-card .auth-fine-print{margin-top:12px}}
@media(max-height:400px){.sidebar-plan,.rail-profile{display:none}.nav-rail{padding-top:10px}.rail-links{gap:0;margin-top:12px}.rail-link{height:31px;font-size:8px}.sidebar-group-label{display:none}.sidebar-caption{display:none}.workspace-header{height:53px}.guest-topbar{height:57px;min-height:57px}.headphone-brand{height:38px;width:38px;min-width:38px}.headphone-brand svg{width:21px;height:21px}.guest-workspace-title h1{font-size:14px}.guest-workspace-title p{font-size:10px}.guest-filters{height:51px;min-height:51px}.guest-main .conversation-tabs{height:37px}.guest-main .conversation-tabs button{height:29px}.guest-bottom-tabs{height:48px;min-height:48px}.guest-bottom-tabs button svg{height:19px;width:19px}.guest-bottom-tabs button{font-size:9px;gap:2px}.guest-main .chat-header{height:50px;min-height:50px}.guest-main .composer-toolbar{height:28px}.guest-main .composer textarea{height:33px;min-height:33px}.guest-main .composer-bottom{height:33px}.guest-collapsed{inset:57px 0 0}}
@media(max-width:620px){.app-shell .conversation-panel{width:100%}}
.guest-topbar{padding-left:32px;padding-right:32px;gap:20px}.guest-workspace-title h1{font-size:18px}.guest-main .conversation-name{font-size:17px;line-height:1.4}.guest-main .conversation-preview,.guest-main .conversation-item.active .conversation-preview{font-size:14px;line-height:1.6}.guest-main .conversation-time{font-size:12px}.guest-main .conversation-item{padding-top:13px;padding-bottom:13px;min-height:80px}