/* Aaron-specific compact communication workspace; no transport/data changes. */
body:has(.communication-page) .global-search input{font-size:14px}
.communication-page .channel-tabs button{font-size:14px}
.communication-page .columns{grid-template-columns:310px minmax(360px,1fr) 280px!important;resize:none}
.communication-page .conversation-pane{position:relative;min-width:0}
.communication-page .accountbar{height:72px!important;min-height:72px;display:flex!important;flex-flow:row nowrap!important;align-items:center;gap:8px;padding:8px 10px!important;position:relative}
.communication-page .account-picker{flex:1;min-width:0;height:56px!important}
.communication-page .account-select-card{height:56px!important;min-height:0;padding:6px 8px!important;border-radius:6px}
.communication-page .account-caption strong{font-size:14px}.communication-page .account-caption small{font-size:12px}
.communication-page .accountbar>.status{flex:0 0 auto;width:auto!important;margin:0!important;padding:4px!important;background:transparent!important;font-size:12px;gap:4px}
.communication-page .conversation-filter-head{position:relative;flex-shrink:0}
.communication-page .conversation-view-row{height:40px!important;padding:0 10px!important;gap:5px;display:flex;align-items:center}
.communication-page .conversation-view-tabs{display:flex;gap:12px;flex-shrink:0}
.communication-page .conversation-view-tabs button{height:40px!important;font-size:14px!important;white-space:nowrap}
.communication-page .conversation-search-open{width:26px!important;height:28px!important;padding:3px;flex-shrink:0;margin-left:auto}
.communication-page .comm-list-toolbar{position:static;display:flex;gap:4px;align-items:center;padding:0!important;border:0!important;flex-shrink:0;background:transparent}
.communication-page .comm-list-toolbar select,.communication-page .comm-list-toolbar button{font-family:inherit;font-size:12px!important;height:28px;border-radius:6px;padding:2px 4px;flex:none}
.communication-page .comm-list-toolbar select:first-child{width:57px}
.communication-page .comm-list-toolbar button{width:68px;white-space:nowrap;border:0;color:#326be0;background:transparent}
.communication-page #commGroupFilter{position:absolute;right:8px;top:47px;width:88px;max-width:88px;margin:0;background:#f5f7fa;border-color:transparent}
.communication-page .conversation-filter-pills{height:42px!important;min-height:42px;display:flex;align-items:center;gap:5px;padding:6px 100px 6px 10px!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;box-sizing:border-box}
.communication-page .conversation-filter-pills button{height:28px;min-height:28px;padding:3px 8px!important;flex-shrink:0;font-size:12px!important;line-height:20px;border-radius:6px!important;white-space:nowrap}
.communication-page .conversation-search{height:38px!important;margin:4px 10px}.communication-page .conversation-search input{font-size:14px}
.communication-page .conversation-item{grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important;min-height:84px!important;height:auto!important;padding:10px 12px!important}
.communication-page .conversation-item:has(.conversation-tags:not(:empty)){min-height:96px!important}
.communication-page .conversation-item img,.communication-page .conversation-item .conversation-avatar{width:42px!important;height:42px!important}
.communication-page .conversation-title{font-size:14px!important;line-height:21px!important;font-weight:600;min-width:0}
.communication-page .conversation-preview-text{font-size:13px!important;line-height:20px!important}
.communication-page .conversation-country,.communication-page .conversation-local-time{font-size:12px!important;line-height:18px!important}
.communication-page .conversation-tags{margin-top:3px!important;gap:4px}
.communication-page .conversation-tags>*{font-size:12px!important;line-height:16px;padding:1px 5px!important;min-height:0;height:auto!important;border-radius:4px}
.communication-page .chat-head{height:64px!important;min-height:64px!important;padding:7px 12px!important}
.communication-page .chat-head h2{font-size:16px!important;line-height:22px!important}
.communication-page .chat-subline,.communication-page .chat-local-time,.communication-page .chat-country{font-size:12px!important}
.communication-page .chat-head button{height:34px!important;min-height:34px!important;font-size:13px!important;padding:0 10px!important;border-radius:6px}
.communication-page .message-body{font-size:14px!important;line-height:22px!important}
.communication-page .message-list{padding:14px 18px!important}
.communication-page .message-list time{font-size:11px!important;line-height:14px!important}
.communication-page .ai-assistant-banner{height:30px!important;min-height:30px!important;padding:4px 10px!important;gap:6px!important;border-radius:6px!important;margin-top:6px!important}
.communication-page .ai-assistant-banner>span{width:20px!important;height:20px!important;font-size:13px!important}
.communication-page .ai-assistant-banner strong{font-size:12px!important;line-height:18px!important}
.communication-page .ai-assistant-banner small{display:none}
.communication-page .composer{min-height:112px!important;border-radius:6px!important}
.communication-page .composer textarea{height:68px!important;min-height:68px!important;padding:10px 12px!important;font-size:14px!important;line-height:22px!important}
.communication-page .composer-tools{height:40px!important;padding:3px 8px!important}
.communication-page .composer-tools button{min-width:28px;font-size:14px!important}
.communication-page .composer-tools button:last-child{height:32px!important;min-height:32px!important;width:76px!important;font-size:14px!important}
.communication-page .keyboard-hint{font-size:11px!important}
.communication-page .detail-pane>.tabs{height:64px!important;min-height:64px!important}
.communication-page .detail-pane h3{font-size:14px!important;line-height:20px}
.communication-page .detail-pane .empty-card{font-size:13px!important;line-height:20px!important}
.communication-page .detail-pane button{font-size:12px!important;border-radius:6px}
.communication-page .detail-pane section{padding:12px!important}
.communication-page .customer-actions{display:flex;gap:6px;flex-wrap:wrap}
.communication-page .customer-actions button{width:auto!important;flex:1;padding:5px 8px!important;min-height:32px}
.communication-page .layout-followup-history{display:none}
.comm-context-menu{border-radius:6px;min-width:190px}.comm-context-menu button{min-height:36px;padding:7px 12px}
@media(min-width:1200px){body:has(.communication-page) .app-shell{grid-template-columns:200px minmax(0,1fr)!important}body:has(.communication-page) .nav{width:200px!important;box-sizing:border-box}}
@media(max-width:1199px){.communication-page .columns{grid-template-columns:300px minmax(320px,1fr) 250px!important}.communication-page .keyboard-hint{display:none}}
@media(max-width:1000px){.communication-page .columns{grid-template-columns:290px minmax(300px,1fr)!important}.communication-page .detail-pane{display:none}}
@media(max-width:700px){.communication-page .columns{grid-template-columns:260px minmax(280px,1fr)!important;overflow-x:auto}.communication-page .comm-list-toolbar button{width:28px;font-size:0!important}.communication-page .comm-list-toolbar button::before{content:'＋';font-size:18px}}
.communication-page .conversation-item>.member-avatar{width:42px!important;height:42px!important;min-width:42px!important;font-size:16px!important}
.communication-page .conversation-headline{display:flex!important;align-items:center;gap:6px}
.communication-page .conversation-title{flex:1!important}
.communication-page .conversation-top-meta{flex:0 0 auto!important;width:auto!important}
.communication-page .conversation-top-meta time{font-size:12px!important;white-space:nowrap}
.communication-page .conversation-footer{display:flex!important;align-items:center;flex-wrap:wrap;gap:4px 8px!important;min-height:18px!important;margin-top:3px!important}
.communication-page .conversation-locale{display:flex!important;gap:8px;flex-shrink:0;max-width:100%}
.communication-page .conversation-content{gap:2px!important;min-width:0}
.communication-page .conversation-preview{margin:0!important}
.communication-page .conversation-view-row{min-height:40px!important;max-height:40px!important}
.communication-page .conversation-item{grid-template-rows:auto!important;row-gap:0!important;column-gap:10px!important}
.communication-page .chat-pane{display:flex!important;flex-direction:column;overflow:hidden}
.communication-page .chat-pane>.chat-head,.communication-page .chat-pane>.composer,.communication-page .chat-pane>.ai-assistant-banner,.communication-page .chat-pane>.comm-send-status{flex-shrink:0}
.communication-page .chat-pane>.message-list{flex:1 1 0!important;min-height:0!important;height:auto!important}
.communication-page .chat-pane>.composer{flex-basis:auto!important;margin-bottom:10px!important}
.communication-page .conversation-filter-pills{width:calc(100% - 100px)!important;padding-right:0!important}
body:has(.communication-page) .brand{padding-left:4px;padding-right:4px;gap:8px}
body:has(.communication-page) .brand strong{font-size:14px;white-space:nowrap}
.communication-page .conversation-filter-pills{gap:3px!important}
.communication-page .conversation-filter-pills button{padding-left:5px!important;padding-right:5px!important}
@media(min-width:1200px){.communication-page .columns{grid-template-columns:var(--aaron-list-width,310px) minmax(360px,1fr) 280px!important}}
.layout-list-resizer{position:absolute;z-index:20;right:0;top:0;bottom:0;width:5px;cursor:col-resize;touch-action:none}
.layout-list-resizer:hover,.layout-list-resizer:focus-visible,.layout-list-resizer[data-dragging]{background:#3478f680;outline:none}
@media(max-width:1199px){.layout-list-resizer{display:none}}
.layout-history-details{font-size:13px;line-height:20px;margin-top:8px}.layout-history-details summary{cursor:pointer;color:#326be0}.layout-history-details #followUpCard{margin-top:8px}
@media(max-width:1000px){.communication-page .columns{grid-template-columns:290px minmax(300px,1fr) 250px!important;overflow-x:auto!important}.communication-page .detail-pane{display:block!important}}
@media(max-width:700px){.communication-page .columns{grid-template-columns:260px minmax(280px,1fr) 250px!important}}