/* Preserve the product's blue identity. Variance 3 / motion 2 / density 6.
   Radius scale: editor 16px, controls 8px, avatars 12px. Layers: popup 30. */
.authenticated{--line:#e3e8ef;--muted:#596981;color:#233047}
.authenticated .topbar{height:72px;padding:0 24px}
.authenticated .demo-banner{background:#f5f8fc;color:#52627a;padding:8px 22px}
.authenticated .chat-header{min-height:72px;padding:16px 20px;gap:10px}
.authenticated .chat-header h2{font-size:16px;letter-spacing:-.25px}
.authenticated .message-list{background:#f7f9fc;padding:20px;overflow-anchor:none}
.authenticated .conversation-row{padding:16px;border-bottom:1px solid #edf0f5}
.authenticated .source-name{color:#526b95}
#composer.taste-composer{padding:16px 20px 12px;gap:8px;background:#fff;border-top:1px solid #e4e9f0}
#composer.taste-composer>label{font-size:12px;font-weight:500;color:#54647c;margin:0}
#composer.taste-composer>.tiptap-composer{border:1px solid #d5deeb;border-radius:16px;background:#fff;box-shadow:0 2px 8px #233b6510;transition:border-color .15s}
#composer.taste-composer>.tiptap-composer:focus-within{border-color:#275ad0;box-shadow:0 0 0 2px #275ad012}
.taste-composer .tiptap-composer .tiptap{min-height:92px;padding:16px;font-size:14px;line-height:1.6}
.taste-composer .tiptap-composer .tiptap:before{color:#64748b!important;top:16px!important;left:16px!important}
.taste-composer .tiptap-bottom-bar{background:#fff;border-top:1px solid #edf1f6;padding:7px 10px;gap:4px;border-radius:0 0 16px 16px;flex-wrap:wrap}
.taste-composer .tiptap-bottom-bar .facebook-compose-tools{display:flex;gap:2px;flex-wrap:nowrap;margin-right:auto;order:0}
.taste-composer .tiptap-bottom-bar button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#53647c;min-width:30px;width:30px;height:30px;min-height:30px;padding:6px;border-radius:8px;transition:background-color .12s}
.taste-composer .tiptap-bottom-bar button:hover{background:#edf3fc;color:#2053cd}
.taste-composer .tiptap-bottom-bar button:active{transform:scale(.96)}
.taste-composer .tiptap-bottom-bar svg,#reply-send svg{width:18px;height:18px;fill:currentColor;stroke:none}
.taste-composer .tiptap-bottom-bar small{color:#52647f;font-variant-numeric:tabular-nums;margin-left:8px}
.taste-composer .human-agent-row{padding:0;margin:1px 0}
.taste-composer .human-agent-row label{color:#596981;gap:10px}
.taste-composer .human-agent-row select{border:0;background:#f2f5fa;color:#354b70;border-radius:8px;font-size:11px;padding:7px 28px 7px 10px;max-width:100%;min-height:32px}
.taste-composer .composer-actions{gap:12px;align-items:center}
.taste-composer .composer-actions>span{color:#53647c;font-size:11px;line-height:1.5}
#reply-send{border-radius:9px;min-height:38px;padding:8px 14px;gap:9px;font-size:12px;box-shadow:none}
.taste-composer>.messenger-hint{color:#5d6c81;font-size:10px;line-height:1.4;margin:0}
.taste-composer>.messenger-emojis{border-color:#dbe2ed;border-radius:14px;box-shadow:0 12px 32px #1b355124;left:20px;padding:10px;background:#fff}
.taste-composer .messenger-preview{border:1px solid #e0e7f1;background:#f5f8fc;border-radius:12px;padding:10px;margin:0}
.taste-composer button:focus-visible{outline:2px solid #275ad0;outline-offset:2px}
@media(max-width:767px){#composer.taste-composer{padding:12px}.taste-composer .tiptap-composer .tiptap{min-height:72px;font-size:16px;padding:12px}.taste-composer .tiptap-bottom-bar{gap:2px;padding:6px}.taste-composer .tiptap-bottom-bar button{width:29px;min-width:29px}.taste-composer .tiptap-bottom-bar small{margin-left:auto}.taste-composer>.messenger-hint{font-size:10px}.taste-composer>.messenger-emojis{left:12px;width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.taste-composer button,.taste-composer .tiptap-composer{transition:none!important;transform:none!important}}

@media(max-width:680px){.authenticated main{height:calc(100dvh - 57px);min-height:0;overflow:hidden}.authenticated .topbar{min-height:72px;height:72px;padding:10px 12px}.authenticated .view.active-view{min-height:0;overflow:hidden}.authenticated .inbox-workspace{min-height:0;flex:1;overflow:hidden}.authenticated .chat-column{height:100%;min-height:0}.authenticated .message-list{min-height:48px;max-height:none;flex:1;overflow:auto}.authenticated .chat-header{padding:10px 12px;min-height:64px;gap:6px}.authenticated .chat-header .source-name{font-size:10px}.taste-composer .tiptap-composer .tiptap{min-height:64px;max-height:110px}.taste-composer .composer-actions>span{font-size:10px}}

/* UI review fixes: keep the saved inbox as the primary view and make details opt-in. */
.authenticated .inbox-workspace{grid-template-columns:310px minmax(0,1fr)}
.authenticated .customer-column{display:none;padding:0 20px 20px}
.authenticated .customer-column.panel-open{display:block;position:fixed;inset:0 0 0 auto;z-index:40;width:min(340px,100vw);overflow:auto;background:#fff;border-left:1px solid #dce4ef;box-shadow:-14px 0 40px rgb(24 43 73 / 16%)}
.authenticated .customer-column .panel-heading{position:sticky;top:0;background:#fff;color:#24344c}
.authenticated .customer-column .panel-heading>.icon-button{display:inline-flex}
.authenticated .customer-identity{padding:22px 0 16px}
.authenticated .customer-identity h2{overflow-wrap:anywhere}
.authenticated .customer-column .info-section h3{color:#58677e}
.customer-details-toggle{flex-shrink:0}
.calls-empty{margin:auto;max-width:520px;padding:36px 24px;background:#fff;border:1px solid #e3e8ef;border-radius:16px;box-shadow:0 8px 28px rgb(34 56 88 / 5%)}
.calls-empty h2{color:#24344c;font-size:16px;margin-bottom:8px}
.calls-empty p{color:#58677e;line-height:1.7}
.local-channel-table{padding:16px;overflow-x:auto}
.channel-search-label{display:flex;align-items:center;gap:14px;max-width:560px;margin-bottom:8px;color:#35465f;font-size:13px;font-weight:500}
.channel-search{width:min(100%,380px);min-height:40px;padding:9px 12px;border:1px solid #cbd5e3;border-radius:8px;background:#fff;color:#24344c;font-size:13px}
.channel-search::placeholder{color:#66758b;opacity:1}
.channel-search:focus-visible{outline:3px solid #9ebcf9;outline-offset:2px;border-color:#2053cd}
.channel-result-count{margin:0 0 10px;color:#58677e;font-size:12px}
.channel-empty{padding:28px 16px;text-align:center;color:#58677e;line-height:1.6}
.local-channel-table th{color:#58677e}
.local-channel-table td{color:#35465f;overflow-wrap:anywhere}
.local-channel-table tr:hover td{background:#f7f9fc}
.authenticated .live-label{color:#58677e}
.authenticated .call-disclaimer,.authenticated .keyboard-hint{color:#58677e}
.authenticated .empty-state{color:#58677e}
.authenticated .table-card th{color:#58677e}
.authenticated td small{color:#64748b}
.authenticated .composer>label,.authenticated .composer label{color:#58677e}
.authenticated .tiptap-composer .tiptap:before{color:#64748b!important}
.authenticated .rail-caption,.authenticated .row-content small,.authenticated .row-meta,.authenticated .date-divider,.authenticated .message small,.authenticated .composer-tabs button:not(.selected),.authenticated .search-box svg{color:#58677e}
.authenticated .status-label.neutral{color:#58677e}
.authenticated .status-label.warn{color:#795c14}
.authenticated .status-label.error{color:#963645}
.authenticated .state-pill{color:#2f6b59}
.authenticated .tag{color:#3f5f99}
.authenticated .tag.gold{color:#765713}
.trash-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #e3e8ef;color:#35465f;line-height:1.6}
.trash-row>span{min-width:0;overflow-wrap:anywhere}
.trash-empty{padding:28px 12px}
@media(max-width:1280px){.authenticated .inbox-workspace{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:900px){.authenticated .inbox-workspace{grid-template-columns:265px minmax(0,1fr)}}
@media(max-width:680px){.authenticated .customer-column.panel-open{inset:0 0 0 auto;width:min(340px,100vw)}.local-channel-table{padding:12px}.channel-search-label{align-items:flex-start;flex-direction:column;gap:7px}.channel-search{width:100%}.calls-empty{margin:16px auto;padding:24px 18px}}