/* Chats: restrained, task-first visual language. The existing app views are unchanged. */
.layout.chat-mode{
  --chat-ink:#1d2b27;
  --chat-muted:#73817a;
  --chat-line:#e6ebe6;
  --chat-green:#25644d;
  color:var(--chat-ink);
  background:#fff;
  font-family:'Segoe UI',Arial,sans-serif;
}
.layout.chat-mode .sidebar{width:224px;min-width:224px;background:#172824;border-right:1px solid #31423b}
.layout.chat-mode .brand{height:72px;padding:0 21px;font-size:23px}
.layout.chat-mode .sidebar-store{padding:4px 12px 16px}
.layout.chat-mode .sidebar-store-label{color:#80988c;font-size:9px;padding-bottom:8px}
.layout.chat-mode .store-switch{background:#203630;border-color:#385047;border-radius:8px;padding:8px}
.layout.chat-mode .store-icon{border-radius:7px;background:#d6ed70}
.layout.chat-mode .sidebar-nav{padding:0 9px}
.layout.chat-mode .nav-label{color:#71877d;font-size:9px;letter-spacing:1.25px;padding-left:13px}
.layout.chat-mode .nav-label-spaced{padding-top:23px}
.layout.chat-mode .nav-item{border-radius:7px;font-size:12px;font-weight:600;color:#b4c2b8;padding:10px 12px;margin-bottom:2px}
.layout.chat-mode .nav-item:hover:not(.active){background:transparent;color:#fff}
.layout.chat-mode .nav-item.active{background:#294239;color:#fff;box-shadow:inset 3px 0 #d6ed70;font-weight:700}
.layout.chat-mode .nav-item.active .icon{color:#d6ed70}
.layout.chat-mode .nav-item em,.layout.chat-mode .nav-item.active em{background:#3d5b48;color:#d9ecce;border-radius:5px;font-size:9px;padding:2px 5px}
.layout.chat-mode .sidebar-bottom{padding:10px}
.layout.chat-mode .assistant-mini{background:#203830;border-color:#365147;border-radius:8px;padding:10px;margin-bottom:8px}
.layout.chat-mode .assistant-mini strong{font-size:10px}
.layout.chat-mode .assistant-mini small{font-size:9px}
.layout.chat-mode .assistant-orb{border-radius:7px;background:#365145}
.layout.chat-mode .live-dot{box-shadow:none;background:#a9c48c;width:6px;height:6px}
.layout.chat-mode .profile-button{padding:11px 3px 3px}

.chat-workspace{background:#fff}
.chat-workspace-header{border-bottom:1px solid var(--chat-line)}
.chat-workspace-top{height:43px;padding:0 20px;border-bottom:0}
.chat-workspace-path{font-size:10px;color:#87948b;font-weight:500}
.chat-workspace-path strong{color:#475e50;font-weight:600}
.chat-workspace-demo{background:transparent;color:#87978b;padding:0;font-size:9px;letter-spacing:.5px}
.chat-workspace-demo span{background:#7ca888;width:5px;height:5px}
.chat-workspace-user{width:27px;height:27px;font-size:10px;background:#e5ebe3;color:#48634c}
.chat-workspace-tabs{height:42px;padding:0 13px;gap:0}
.chat-workspace-tabs button{padding:0 14px;color:#7e8b82;font-size:11px;font-weight:600;gap:0}
.chat-workspace-tabs button .icon{display:none}
.chat-workspace-tabs button.active{color:#234a3a;font-weight:700}
.chat-workspace-tabs button.active:after{height:2px;background:#2c7255;left:14px;right:14px}
.chat-workspace-content{background:#fff;padding:20px 23px 24px}
.chat-workspace-heading{margin-bottom:15px}
.chat-workspace-heading h1{font-family:'Segoe UI',Arial,sans-serif;font-size:19px;letter-spacing:-.45px;font-weight:700}
.chat-workspace-heading p{font-size:11px;margin-top:5px;color:#8b978e}
.chat-workspace-heading .button{border-radius:7px;box-shadow:none}
.chat-heading-count{vertical-align:2px;width:auto;min-width:19px;height:19px;border-radius:5px;padding:0 5px;background:#eef3e7;color:#648269;font-size:10px}
.chat-inbox-page{padding:0}
.chat-inbox-page .chat-workspace-heading{margin:0;padding:16px 21px 9px}
.chat-inbox-page .chat-workspace-heading h1{font-size:16px;letter-spacing:-.25px}
.chat-inbox-page .chat-workspace-heading p{display:none}
.chat-inbox-page .chat-workspace-heading .button.primary{background:#fff;color:#365a48;border:1px solid #dbe6dc;font-size:10px;font-weight:600;padding:7px 10px}
.chat-inbox-page .chat-workspace-heading .button.primary:hover{background:#f4f8f3;border-color:#c5d9c8}
.chat-inbox-page .chat-workspace-heading .button.primary .icon{width:13px;height:13px}
.chat-workspace-filters{margin:0;padding:0 19px 11px;border-bottom:1px solid var(--chat-line)}
.chat-queue-tabs{background:transparent;padding:0;border-radius:0;gap:3px}
.chat-queue-tabs button{border-radius:6px;color:#77867d;padding:7px 10px;font-size:10px;font-weight:600}
.chat-queue-tabs button.active{background:#edf3eb;color:#285740;box-shadow:none}
.chat-queue-tabs button span{background:transparent;color:#9aac9a;margin-left:3px;padding:0;font-size:9px}
.chat-queue-tabs button.active span{color:#4f7a5b}
.chat-filter-right{gap:10px}
.chat-channel-select{border-color:#e2e9e3;border-radius:6px;color:#7d8b80;padding:0 7px}
.chat-channel-select select{padding:6px 1px;font-size:10px;font-weight:600;color:#4a6253}
.chat-prototype-hint{font-size:9px;color:#a6b0a8}

.chat-workspace-inbox{border:0;border-radius:0;box-shadow:none;grid-template-columns:minmax(270px,300px) minmax(320px,1fr) minmax(250px,285px);min-height:0}
.chat-workspace-inbox .inbox-list-pane{border-right:1px solid var(--chat-line)}
.chat-workspace-inbox .inbox-list-head{padding:14px 13px 12px;border-bottom:1px solid var(--chat-line)}
.chat-list-headline h3{font-family:'Segoe UI',Arial,sans-serif;font-size:11px;margin-bottom:10px;font-weight:700}
.chat-list-headline span{font-size:10px;font-weight:500;color:#9aa69c}
.chat-workspace-inbox .search-box{border-radius:6px;background:#f8faf8;border-color:#e8ece8;box-shadow:none;height:32px}
.chat-workspace-inbox .search-box input{font-size:10px}
.chat-workspace-inbox .chat-list-item{border-bottom:1px solid #edf0ec;border-left:3px solid transparent;padding:13px 11px 12px 10px;gap:9px}
.chat-workspace-inbox .chat-list-item:hover{background:#f8faf7}
.chat-workspace-inbox .chat-list-item.active{background:#f2f7f0;box-shadow:none;border-left-color:#4e8d67}
.chat-workspace-inbox .avatar{width:32px;height:32px;border-radius:9px;font-size:10px}
.chat-list-title strong{font-size:11px;color:#2c3e32;font-weight:700}
.chat-list-title time{font-size:9px;color:#9ba79d}
.chat-list-preview{font-size:10px;color:#89968b;margin-top:4px}
.chat-list-meta{margin-top:7px;gap:9px}
.chat-list-meta .mini-tag{background:transparent!important;color:#8d9c8f!important;padding:0;font-size:9px;font-weight:500}
.chat-list-meta .mini-tag:first-child{color:#5d8062!important;font-weight:600}
.chat-list-meta .mini-tag:first-child:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#7cae82;margin-right:5px;vertical-align:2px}
.chat-list-meta .mini-tag:first-child:not(.amber):before{background:#b3c0b2}
.chat-workspace-inbox .unread{width:15px;height:15px;background:#4b8061;color:#fff;font-size:9px}
.chat-workspace-inbox .thread-pane{background:#f9fbf8}
.chat-workspace-inbox .thread-head{height:58px;min-height:58px;padding:0 16px;background:#fff;border-bottom:1px solid var(--chat-line);gap:9px}
.chat-workspace-inbox .thread-head-main strong{font-size:12px;color:#243d2d}
.chat-workspace-inbox .thread-head-main small{font-size:9px;color:#97a299}
.chat-workspace-inbox .thread-head-status{background:transparent;color:#63806b;padding:0;font-size:9px;font-weight:600}
.chat-workspace-inbox .thread-head-status:before{content:'';display:inline-block;width:5px;height:5px;background:#7eae81;border-radius:50%;margin-right:5px;vertical-align:2px}
.chat-workspace-inbox .thread-head-status.paused{color:#9a8068}
.chat-workspace-inbox .thread-head-status.paused:before{background:#c6a476}
.chat-workspace-inbox .thread-head .button.small{border-color:#dce6dd;box-shadow:none;font-size:10px;font-weight:600;padding:6px 8px;border-radius:6px}
.chat-workspace-inbox .thread-head .button.small .icon{width:12px;height:12px}
.chat-workspace-inbox .thread-head .icon-button{color:#89998c}
.chat-workspace-inbox .thread-messages{background:#f8faf7;padding:20px 28px}
.chat-workspace-inbox .date-divider{color:#9ca99f;font-size:9px;margin:8px 0 19px}
.chat-workspace-inbox .date-divider:before,.chat-workspace-inbox .date-divider:after{background:#e5ece5}
.chat-workspace-inbox .message-row{margin-bottom:14px}
.chat-workspace-inbox .message-avatar{background:#e8eee8;color:#6b8370}
.chat-workspace-inbox .message-bubble{max-width:min(78%,470px);background:#fff;border-color:#e4eae3;box-shadow:none;border-radius:10px 10px 10px 3px;padding:10px 12px;color:#35433a;font-size:11px;line-height:1.55}
.chat-workspace-inbox .message-row.outbound .message-bubble{background:#e7f2e7;border-color:#dbead9;border-radius:10px 10px 3px 10px}
.chat-workspace-inbox .message-bubble small{font-size:9px;color:#a0ada1}
.chat-workspace-inbox .message-row.outbound .message-bubble small{color:#7c9b7d}
.chat-workspace-inbox .thread-event{background:transparent;border:0;color:#9ba99d;font-size:9px;padding:4px 0;margin:15px 10%}
.chat-workspace-inbox .composer{background:#fff;border-top:1px solid var(--chat-line);padding:10px 15px 12px}
.chat-workspace-inbox .composer-mode{margin-bottom:7px}
.chat-workspace-inbox .composer-mode span{color:#668274;font-size:9px;letter-spacing:.4px}
.chat-workspace-inbox .composer-mode small{color:#a4afa5}
.chat-workspace-inbox .composer-box{border-color:#dce6dc;border-radius:8px;padding:6px;box-shadow:none}
.chat-workspace-inbox .composer-box textarea{font-size:11px;min-height:42px}
.chat-workspace-inbox .send-button{background:#2d7658;color:#fff;border-radius:6px}
.chat-workspace-inbox .send-button:hover{background:#215a44}
.chat-workspace-inbox .composer-hint{font-size:9px;color:#a9b3aa}

.chat-workspace-inbox .context-pane{border-left:1px solid var(--chat-line)}
.chat-workspace-inbox .context-head{padding:17px 16px 15px;border-bottom:1px solid var(--chat-line)}
.chat-workspace-inbox .context-head h3{font-family:'Segoe UI',Arial,sans-serif;font-size:11px;font-weight:700}
.chat-workspace-inbox .context-head .icon{color:#a8b3a9;width:15px;height:15px}
.chat-workspace-inbox .context-profile{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:10px;align-items:center;text-align:left;padding:15px 16px;border-bottom:1px solid var(--chat-line)}
.chat-workspace-inbox .context-profile .avatar{grid-column:1;grid-row:1/3;width:34px;height:34px;border-radius:9px;margin:0;font-size:10px}
.chat-workspace-inbox .context-profile strong{grid-column:2;grid-row:1;font-size:11px;margin:0;align-self:end}
.chat-workspace-inbox .context-profile small{grid-column:2;grid-row:2;font-size:9px;color:#98a59a;margin:2px 0 0;align-self:start}
.chat-workspace-inbox .context-section{padding:14px 16px;border-bottom:1px solid var(--chat-line)}
.chat-workspace-inbox .context-section h4{font-size:9px;letter-spacing:1px;color:#97a397;margin-bottom:11px}
.chat-workspace-inbox .context-line{font-size:10px;margin:9px 0}
.chat-workspace-inbox .context-line span,.chat-workspace-inbox .context-edit{color:#91a095}
.chat-workspace-inbox .context-line strong{color:#405448;font-weight:600}
.chat-workspace-inbox .context-edit select{border-color:#e2e9e2;border-radius:6px;color:#3d684d;font-weight:600}
.chat-workspace-inbox .chat-context-tags span{border-radius:5px;background:#edf4eb;color:#597a5d;font-size:9px;font-weight:600}
.chat-workspace-inbox .chat-inline-action{color:#3c7858;font-size:10px;font-weight:600}
.chat-workspace-inbox .context-order{background:#f7f9f6;border:0;border-radius:6px}
.chat-workspace-inbox .context-order .amount{font-family:'Segoe UI',Arial,sans-serif}
.chat-workspace-inbox .context-note{background:#f7f9f6;color:#76887b;border-radius:6px;font-size:10px}

/* Readable type at typical desktop density. */
.layout.chat-mode .nav-item{font-size:12.5px}
.chat-workspace-tabs button{font-size:11.5px}
.chat-inbox-page .chat-workspace-heading h1{font-size:17px}
.chat-queue-tabs button{font-size:11px}
.chat-channel-select select{font-size:11px}
.chat-list-headline h3,.chat-workspace-inbox .context-head h3{font-size:12px}
.chat-workspace-inbox .search-box input{font-size:11px}
.chat-list-title strong{font-size:12px}
.chat-list-preview{font-size:11px}
.chat-list-meta .mini-tag{font-size:10px}
.chat-workspace-inbox .thread-head-main strong{font-size:13px}
.chat-workspace-inbox .thread-head-main small{font-size:10px}
.chat-workspace-inbox .message-bubble{font-size:12.5px;line-height:1.55;padding:11px 13px}
.chat-workspace-inbox .message-bubble small{font-size:10px}
.chat-workspace-inbox .composer-box textarea{font-size:12px}
.chat-workspace-inbox .context-profile strong{font-size:12px}
.chat-workspace-inbox .context-profile small{font-size:10px}
.chat-workspace-inbox .context-line,.chat-workspace-inbox .context-edit{font-size:11px}
.chat-workspace-inbox .context-note{font-size:11px}

/* Settings, agents and team share the same quieter surfaces. */
.chat-config-grid,.chat-team-grid{gap:12px}
.chat-config-card,.chat-agent-list,.chat-agent-editor,.chat-agent-capabilities{border-color:#e3e9e2;border-radius:8px;box-shadow:none}
.chat-config-card{padding:18px 19px}
.chat-config-card-head h2,.chat-capability-head h3{font-family:'Segoe UI',Arial,sans-serif;font-size:13px;font-weight:700}
.chat-config-card-head .op-icon,.chat-agent-icon,.chat-capability-head .op-icon{border-radius:6px;background:#edf3ea;color:#50735a}
.chat-setting-row strong,.chat-setting-select strong,.chat-capability-row strong{color:#34483a;font-weight:600}
.chat-switch{background:#dce5dc}
.chat-setting-row input[type=checkbox]:checked+.chat-switch,.chat-capability-row input[type=checkbox]:checked+.chat-switch{background:#4f8d65}
.chat-config-highlight{background:#244637;border-color:#244637}
.chat-config-highlight .op-icon{background:#355a46;color:#d8ebb0}
.chat-config-highlight-body{border-top-color:#486a55}
.chat-config-highlight .button.lime{background:#d7e99a;border-color:#d7e99a;border-radius:6px}
.chat-agent-item{border-top-color:#edf1ec}
.chat-agent-item.active{background:#f1f6ef;box-shadow:inset 2px 0 #4b8e65}
.chat-agent-editor-head h2{font-family:'Segoe UI',Arial,sans-serif;font-size:17px}
.chat-agent-form .chat-field input,.chat-agent-form .chat-field textarea,.chat-agent-form .chat-field select{border-radius:6px}
.chat-agent-form .button.primary{background:#2d7658;border-color:#2d7658}
.chat-label-list span{background:#edf4eb;border-radius:5px}
.chat-config-card-head h2{font-size:14px}
.chat-config-card-head p,.chat-capability-head p{font-size:11px}
.chat-setting-row strong,.chat-setting-select strong{font-size:12px}
.chat-setting-row small,.chat-setting-select small{font-size:10.5px}
.chat-agent-list-top{font-size:12px}
.chat-agent-item strong{font-size:11.5px}
.chat-agent-item small{font-size:10px}
.chat-agent-list-foot{font-size:10px}
.chat-agent-editor-head h2{font-size:18px}
.chat-agent-editor-head p{font-size:11px}
.chat-field>span{font-size:11px}
.chat-field input,.chat-field select,.chat-field textarea{font-size:12px}
.chat-field small{font-size:10px}
.chat-capability-row strong{font-size:11px}
.chat-capability-row small{font-size:10px}
.chat-agent-form-foot .button{font-size:11px}

@media(max-width:1250px){
  .chat-workspace-inbox{grid-template-columns:minmax(255px,290px) minmax(300px,1fr)}
}
@media(max-width:900px){
  .layout.chat-mode .sidebar{width:224px;min-width:224px}
  .chat-workspace-content{padding:16px 15px 20px}
  .chat-inbox-page{padding:0}
  .chat-workspace-top{height:45px;padding:0 13px}
  .chat-workspace-tabs{height:41px;padding:0 7px}
  .chat-workspace-inbox .thread-messages{padding:17px}
}
@media(max-width:650px){
  .chat-workspace-content{padding:14px 12px 20px}
  .chat-inbox-page{padding:0}
  .chat-inbox-page .chat-workspace-heading{padding:11px 11px 7px}
  .chat-inbox-page .chat-workspace-heading h1{font-size:15px}
  .chat-workspace-filters{padding:0 8px 8px;gap:6px}
  .chat-workspace-tabs button{padding:0 10px;font-size:10px}
  .chat-workspace-inbox .thread-head{padding:0 8px}
  .chat-workspace-inbox .thread-messages{padding:14px}
  .chat-workspace-inbox .message-bubble{max-width:85%}
}