@media(min-width:681px){.nav-theme-row{display:flex!important;align-items:center;gap:3px;width:100%}.nav-theme-row>[data-view]{flex:1;min-width:0;padding-left:8px!important;padding-right:3px!important;gap:7px!important}.sidebar .nav .theme-toggle{width:34px;min-width:34px;min-height:20px;height:20px;border-radius:30px;background:#31527e;padding:2px}.theme-toggle span{width:16px;height:16px;display:block;background:#c5ddff;border-radius:50%;transition:transform .2s}.theme-toggle[aria-checked=true]{background:#267ef0!important}.theme-toggle[aria-checked=true] span{transform:translateX(14px);background:white}.workspace-ui.light-mode{--line:#dce5f0;--muted:#64758d;background:#f5f7fb;color:#20334e}.workspace-ui.light-mode .sidebar,.workspace-ui.light-mode .owner-nav,.workspace-ui.light-mode .topbar,.workspace-ui.light-mode .inbox-head,.workspace-ui.light-mode .channel-rail,.workspace-ui.light-mode .threads,.workspace-ui.light-mode .chat-head,.workspace-ui.light-mode .contact-panel,.workspace-ui.light-mode .composer,.workspace-ui.light-mode .card,.workspace-ui.light-mode .content,.workspace-ui.light-mode .table-wrap,.workspace-ui.light-mode table,.workspace-ui.light-mode tbody,.workspace-ui.light-mode td,.workspace-ui.light-mode .owner-top,.workspace-ui.light-mode dialog{background:#fff;color:#20334e;border-color:#dce5f0}.workspace-ui.light-mode .sidebar .user,.workspace-ui.light-mode .contact-name-button{color:#20334e}.workspace-ui.light-mode .main,.workspace-ui.light-mode .owner-main,.workspace-ui.light-mode .owner-shell,.workspace-ui.light-mode .chat{background:#f3f7fc;color:#20334e}.workspace-ui.light-mode input,.workspace-ui.light-mode textarea,.workspace-ui.light-mode select,.workspace-ui.light-mode .btn,.workspace-ui.light-mode .icon-btn{background:#f4f7fc;color:#26476f;border-color:#cddbed}.workspace-ui.light-mode .btn.primary{background:#1678f2;color:white;border-color:#1678f2}.workspace-ui.light-mode .sidebar .nav button.active,.workspace-ui.light-mode .thread.selected,.workspace-ui.light-mode .channel-tabs button.selected{background:#e7f1ff;color:#1266ce}.workspace-ui.light-mode .bubble{background:#fff;border-color:#dce7f5;color:#20334e}.workspace-ui.light-mode .out .bubble{background:#dfeeff;color:#173f70}.workspace-ui.light-mode .thread p,.workspace-ui.light-mode small,.workspace-ui.light-mode .section-label,.workspace-ui.light-mode .ai-intro{color:#667b98}.workspace-ui.light-mode .ai-agent,.workspace-ui.light-mode .app-plan-bar,.workspace-ui.light-mode .notice,.workspace-ui.light-mode .date-label{background:#eaf2fd;color:#315c90;border-color:#cddded}.workspace-ui.light-mode .ai-feed,.workspace-ui.light-mode .ai-feed article,.workspace-ui.light-mode .modal-head{background:#f3f7fc;color:#25466c;border-color:#dce5f0}.workspace-ui.light-mode th{background:#edf3fb;color:#315174}.workspace-ui.light-mode a{color:#246cbe}.workspace-ui.light-mode .contact-result{background:#f3f7fc;color:#20334e;border-color:#d3e2f4}.workspace-ui.light-mode .connection-console{background:#e9f2fc;color:#244b78}.workspace-ui.light-mode .connection-result{color:#245b93}}
.contact-results{display:grid;gap:8px;max-height:220px;overflow:auto}.contact-result{display:flex;align-items:center;gap:12px;border:1px solid #355275;background:#1c3554;padding:12px;border-radius:12px;text-align:left;color:#dfedff}.contact-result>span:nth-child(2){flex:1}.contact-result small{display:block;margin-top:5px}.contact-result.selected{outline:2px solid #64a6ff}.new-contact-manual{border-top:1px solid #355275;padding-top:15px}.new-contact-manual summary{cursor:pointer;color:#7dbbff}.new-contact-manual p{font-size:13px;line-height:1.6;margin:12px 0}.new-contact-manual label{display:grid;gap:6px;margin:12px 0}#new-contact-selection{color:#8cc3ff;font-weight:600}.attachment-preview{padding:0;border:0;background:transparent;flex-direction:column;align-items:flex-start;color:inherit;text-align:left;gap:5px;margin-top:10px;max-width:220px}.attachment-preview img{max-width:220px;max-height:160px;object-fit:cover;border-radius:12px}.attachment-preview span{max-width:220px;overflow-wrap:anywhere;font-size:12px}.attachment-preview small{font-size:11px}.file-preview{flex-direction:row;align-items:center;flex-wrap:wrap}.file-preview>.icon svg{width:30px;height:35px}.attachment-dialog{width:min(950px,94vw);max-width:950px}.attachment-full{display:block;max-width:100%;max-height:68dvh;object-fit:contain;margin:20px auto}.file-large{display:grid;justify-items:center;gap:16px;padding:35px}.file-large .icon svg{width:70px;height:80px}.attachment-dialog .btn{margin-top:15px}

@media(min-width:681px){.workspace-ui .inbox-head{display:none}.sidebar .nav .nav-theme-row .theme-toggle{padding:2px!important;height:22px!important;min-height:22px!important;width:36px!important;min-width:36px!important;flex:0 0 36px!important;display:block!important;overflow:hidden;gap:0!important}.sidebar .nav{overflow-x:hidden}.connection-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.connection-toolbar .btn{white-space:nowrap}.attachment-preview{display:flex}.workspace-ui.light-mode .form-grid{color:#20334e}.workspace-ui.light-mode .thread{border-color:#dce5f0}.workspace-ui.light-mode .thread strong{color:#25456f}.workspace-ui.light-mode .thread-tools{background:#fff}.workspace-ui.light-mode .messages{background:#f3f7fc}.workspace-ui.light-mode ::placeholder{color:#687e9b;opacity:1}}

.emoji-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.emoji-picker .btn{font-size:26px;justify-content:center}.desktop-attachments{flex-wrap:wrap;gap:8px}@media(min-width:900px){#bo-content{position:relative;padding-left:230px;min-height:500px}#bo-content .bo-tabs{position:absolute;top:0;left:0;width:205px;display:flex;flex-direction:column;gap:9px;background:#14253e;border:1px solid #345171;padding:16px;border-radius:16px}#bo-content .bo-tabs button{justify-content:flex-start;text-align:left}#bo-content .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.light-mode #bo-content .bo-tabs{background:#fff;border-color:#d3e1ef}}

#plan-upgrade-dialog{width:min(1120px,95vw);max-width:1120px;padding:30px;background:#10243e;color:#e5f0ff;border:1px solid #3d6492;border-radius:22px}#plan-upgrade-dialog::backdrop{background:#020a19bf;backdrop-filter:blur(7px)}#plan-upgrade-dialog>p{margin:20px 0;line-height:1.7}.upgrade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.upgrade-card{position:relative;display:flex;flex-direction:column;padding:24px 17px;border:1px solid #3b5373;border-radius:16px;background:#182f4d}.upgrade-card h3{margin:22px 0}.upgrade-price{font-size:28px;font-weight:750}.upgrade-card p{flex:1;line-height:1.7;margin:20px 0}.upgrade-card.recommended{background:#194476;border:2px solid #6eb6ff;box-shadow:0 0 30px #1886ed33}.upgrade-label{font-size:10px;color:#b7ddff;position:absolute;top:15px;left:17px}.upgrade-card .btn{background:#1a78ec;color:white;justify-content:center;font-size:13px}.upgrade-card.recommended .btn{background:#e0efff;color:#104274}@media(max-width:850px){.upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.upgrade-grid{grid-template-columns:1fr}}

@media(min-width:681px){.topbar>.top-search{width:clamp(220px,28vw,430px);margin:0}.topbar{justify-content:flex-start}.top-actions{margin-left:auto}.conversation-heading{display:block;font-size:13px;padding:4px 0;color:inherit}.thread-tools{min-height:57px;display:flex;align-items:center}.channel-rail-heading{min-height:57px}.top-actions{min-width:0}.topbar h2{white-space:nowrap;margin-right:14px}.sidebar .nav{margin-top:12px}.official-channel-icon{filter:none!important}.notification{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border-radius:12px;margin:6px 0}.notification-copy{display:grid;gap:4px}.notification-copy strong{font-size:14px}.notification-copy>span{line-height:1.45}.notification-copy small{font-size:12px}.notification-arrow{font-size:20px;color:#78b5ff}.notification .channel{width:32px;height:32px}.notification .official-channel-icon{width:30px;height:30px}}@media(min-width:681px) and (max-width:1000px){.topbar .profile-avatar,.topbar .bell{display:none}.topbar>.top-search{width:180px}}
@media(min-width:681px){.composer .desktop-attachments{display:flex!important;flex-direction:row!important;align-items:center;flex-wrap:wrap}.composer .desktop-attachments>small{flex-basis:100%}}

@media(min-width:681px){
  .workspace-ui .sidebar .official-brand>img{width:124px}
  .workspace-ui .topbar .theme-toggle{width:38px;height:38px;min-width:38px;padding:0;border-radius:10px;background:#203d62;color:#b9d9ff;border:1px solid #355985;display:inline-flex;align-items:center;justify-content:center}
  .workspace-ui .topbar .theme-toggle .icon svg{width:19px;height:19px;transition:transform .25s ease}
  .workspace-ui .topbar .theme-toggle.is-light{background:#e8f2ff;color:#126dd7;border-color:#c6daf2}
  .workspace-ui .topbar .theme-toggle.is-light .icon svg{transform:rotate(32deg)}
  .workspace-ui .top-logout,.workspace-ui .sidebar .logout{display:none!important}
  .workspace-ui .chat-new-conversation{background:#1678f2;color:white;border-color:#338aff}
  .workspace-ui .thread{padding:10px 8px;gap:8px;min-height:68px}
  .workspace-ui .thread>.avatar{width:35px;height:35px}
  .workspace-ui .thread>.avatar svg{width:22px;height:22px}
  .workspace-ui .thread-top strong{font-size:13px;font-weight:650}
  .workspace-ui .thread-preview{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;line-height:1.35}
  .workspace-ui .thread-preview>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .workspace-ui .thread-channel-inline{display:inline-flex!important}
  .workspace-ui .thread-channel-inline .channel{width:18px;height:18px;border-radius:5px}
  .workspace-ui .thread-channel-inline .official-channel-icon{width:18px;height:18px}
  .workspace-ui .thread-bottom{margin-top:3px;min-height:18px;justify-content:flex-end}
  .workspace-ui .composer{display:block;padding:10px 14px 12px}
  .workspace-ui .composer-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;background:#1e3858;border:1px solid #42678f;border-radius:13px;padding:6px 7px 6px 12px}
  .workspace-ui .composer-box textarea{grid-column:auto;min-height:48px;max-height:120px;padding:11px 4px;background:transparent;border:0;font-size:14px;line-height:1.5}
  .workspace-ui .composer-tools{display:flex!important;align-items:center;gap:4px}
  .workspace-ui .composer-tool{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:#315374;color:#e6f2ff;padding:0;cursor:pointer;font-size:17px}
  .workspace-ui .composer-tool:hover{background:#3e6489}
  .workspace-ui .composer-tool .icon svg{width:17px;height:17px}
  .workspace-ui .composer-selection{display:flex!important;align-items:center;gap:8px;min-height:23px;padding:4px 5px 0;color:#9fb8d7}
  .workspace-ui .composer-selection small{font-size:10px}
  .workspace-ui .composer-remove{font-size:10px;color:#9fc9ff;text-decoration:underline}
  .workspace-ui .composer-actions{display:flex;align-items:center;margin-top:5px;gap:8px}
  .workspace-ui .composer-actions>.btn:last-child{margin-left:auto;padding:8px 13px}
  .workspace-ui .connection-back{margin-bottom:18px}
  .workspace-ui dialog.support-dialog{width:min(720px,92vw);max-width:720px;padding:24px;background:#12243d;color:#e5f0ff;border:1px solid #3b5d83}
  .support-inline{margin-top:16px}
  .support-inline-hero{display:flex;align-items:center;gap:12px;padding:15px;background:#1b3658;border:1px solid #365b82;border-radius:14px}
  .support-agent{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#1678f2;color:white;font-weight:800}
  .support-inline-hero div{display:grid;gap:5px}
  .support-inline-hero div>span{font-size:12px;color:#a9c5e5}
  .support-inline-hero i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#38c988;box-shadow:0 0 0 4px #38c98818}
  .support-inline-status{margin:12px 2px!important;color:#afc7e4!important}
  .support-inline-feed{height:min(300px,36vh);overflow:auto;display:flex;flex-direction:column;gap:10px;background:#0e1d31;border:1px solid #2b4869;border-radius:14px;padding:16px}
  .support-inline-message{max-width:82%;display:grid;gap:7px;padding:11px 13px;border-radius:12px;background:#203b5d;border:1px solid #345778;line-height:1.55}
  .support-inline-message.customer{align-self:flex-end;background:#1b5ba0;border-color:#2e73bb}
  .support-inline-message small{font-size:10px;color:#b8cde5}
  .support-inline form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:12px}
  .support-inline form textarea{min-height:68px;resize:vertical}
  .support-inline-note{display:block;margin-top:8px;color:#9db5d2}
  .workspace-ui.light-mode .composer-box{background:#f4f8fd;border-color:#c8d9ec}
  .workspace-ui.light-mode .composer-tool{background:#e2eefb;color:#245f9f}
  .workspace-ui.light-mode .composer-tool:hover{background:#d2e5f8}
  .workspace-ui.light-mode dialog.support-dialog{background:#fff;color:#20334e;border-color:#cddced}
  .workspace-ui.light-mode .support-inline-hero{background:#edf5ff;border-color:#ccdef1}
  .workspace-ui.light-mode .support-inline-hero div>span,.workspace-ui.light-mode .support-inline-status,.workspace-ui.light-mode .support-inline-note{color:#627b99!important}
  .workspace-ui.light-mode .support-inline-feed{background:#f4f8fd;border-color:#d4e1ef}
  .workspace-ui.light-mode .support-inline-message{background:#fff;color:#20334e;border-color:#d6e2ef}
  .workspace-ui.light-mode .support-inline-message.customer{background:#dfeeff;border-color:#bed8f1}
  .workspace-ui.light-mode .support-inline-message small{color:#6e829b}
}