/* Solitone brand tokens and presentation. */
.notification-count{position:absolute;right:-4px;top:-4px;background:#f58232;color:#fff;font-size:9px;padding:2px 4px;border-radius:8px;min-width:15px}.top-actions [data-action="notifications"]{position:relative}.list-tabs{gap:13px;overflow-x:auto;scrollbar-width:thin}.list-tabs button{flex-shrink:0}.contact-entry small{max-width:430px;overflow-wrap:anywhere}
.list-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;overflow:visible}.list-tabs button{text-align:center;padding-bottom:10px}.sidebar .channels-nav{margin-top:18px}
@media(max-width:650px){.top-actions [data-action="notifications"]{display:grid}.top-actions{gap:8px}.chat-header .header-actions{gap:0}.chat-header .header-actions .icon-btn{width:25px}}
.channel-setup-intro{color:#536783;line-height:1.8}.channel-setup-steps{padding-left:23px;line-height:1.9;color:#536783}.channel-setup-steps li{padding:8px 0 8px 8px}.channel-setup-links{display:flex;flex-direction:column;gap:14px;margin-top:25px}.channel-setup-links a{color:#2259e8}
:root{--blue:#2259e8;--orange:#f58232;--green:var(--blue);--muted:#7c879b;--line:#e7ebf2;color:#172943;background:#f4f6fa}
.brand{font-family:"Segoe UI",Arial,sans-serif}.auth-logo:before{content:'';display:inline-block;vertical-align:middle;width:48px;height:48px;margin-right:12px;background:url('/brand/mark.svg') center/contain no-repeat}
.auth-intro{padding:32px;border-radius:20px}.auth-card{border-color:var(--line)}.auth-card input{border-color:#dce4ef;color:#172943;background:#fafbfd}.auth-card label,.auth-card p{color:#7c879b}.auth-card a{color:var(--blue)}
.server-pill{background:#edf2ff!important;color:#536b9a!important}
.media-attachment{border-color:#dce4f2}.media-file-icon{background:#edf2ff;color:var(--blue)}.pending-attachment .media-attachment,.text-preview{background:#f4f6fa;border-color:var(--line)}.photo-preview{background:#edf2ff}.upload-drop{background:#f4f6fa;border-color:#c3d0eb;color:var(--blue)}.upload-drop span,.integration-hint,.crm-hint,.checkbox-field{color:#7c879b}.upload-status progress{accent-color:var(--blue)}.record-orb.ready{background:#edf2ff;color:var(--blue)}.crm-action{background:#f4f6fa;border-color:#dce4ef}.integration-row,.amo-account{background:#f9fbff;border-color:var(--line)}
.settings-panel .primary{background:var(--blue);border-color:var(--blue)}.settings-panel .primary:hover{background:#1647ca}
body{background:#f4f6fa;color:#172943}button:hover{background:#edf2ff}button:focus-visible,a:focus-visible{outline-color:var(--blue)}input,select,textarea{accent-color:var(--blue)}
.sidebar{background:#fff;color:#748198;border-right:1px solid var(--line)}.brand{padding:0 8px 27px;color:#172943;gap:9px;font-size:24px}.brand-mark{width:37px;height:37px;transform:none;background:none;border-radius:0}.brand-mark img{width:37px;height:37px;display:block}.brand>span:last-child>span{color:var(--orange)!important}.workspace{border-color:var(--line);background:white;color:#172943;border-radius:11px}.workspace:hover{background:#f4f6fa}.workspace-icon{background:#edf2ff;color:var(--blue)}.nav-label{color:#97a2b5}.nav-item{border-radius:9px}.nav-item.active{background:#edf2ff;color:var(--blue)}.nav-item:not(.active):hover{background:#f4f6fa;color:#172943}.nav-item .count{background:#f58232;color:#fff;border-radius:5px}.nav-item .soon{color:#8c98ab}.channel-nav .dot{background:#648b79}.help-card{background:#f6f8fc;border-color:var(--line)}.help-card p{color:#425674}.help-card small{color:#8995a8}.profile{border-top-color:var(--line)}.profile strong{color:#172943}.profile small{color:#8b96a8}.profile .avatar{background:#fff0e4;color:#b9692f}.profile button{color:#7c879b}
.topbar,.page-title{background:#f4f6fa}.topbar{border-bottom-color:transparent}.breadcrumb{color:#8995a9}.breadcrumb strong{color:#566985}.demo-pill,.server-pill{background:#fff;border-color:var(--line);color:#7c879b}.demo-pill:before{background:#799686}.page-title h1{color:#172943}.page-title p{color:#7c879b}.title-count{background:#eaf0ff;border-color:#eaf0ff;color:var(--blue)}.primary,.send-btn{background:var(--blue);border-color:var(--blue);color:#fff}.primary:hover,.send-btn:hover{background:#1647ca}.icon-btn{color:#8794a9}.inbox{border-color:var(--line);box-shadow:0 5px 25px #17294304}.list-header,.list-footer,.list-tabs,.row-top,.chat-header,.detail-section{border-color:var(--line)}.list-header input{background:#f4f6fa;color:#172943}.list-tabs button.active{color:var(--blue);border-color:var(--blue)}.chat-row:hover{background:#f7f9fc}.chat-row.active{background:#edf2ff;border-left-color:var(--blue)}.chat-row.active .row-top strong{color:#172943}.unread-badge,.needs-reply{background:#fff0e4;color:#b05a22}.unread-badge{background:var(--orange);color:white}.tag{background:#eef2f8;color:#687c9b}.tag.green{background:#edf2ff;color:var(--blue)}.row-preview,.row-bottom small{color:#8290a6}.chat-panel,.thread{background:#fcfdff}.chat-header{background:white;color:#172943}.chat-header p{color:#8b97aa}.resolve{background:#edf2ff;color:var(--blue);border-color:#dce6ff}.resolve:hover{background:#dfe8ff}.message.in .bubble{background:white;color:#172943;border:1px solid var(--line)}.message.out .bubble{background:#eaf0ff;color:#172943}.message.note .bubble{background:#fff5e8;color:#8c602f}.meta,.day-divider{color:#8997ad}.ai-suggestion{background:#fff9f3;border-color:#f2decb}.ai-heading{color:#b9682c}.ai-heading span{background:#fff0e4;color:#b87c50}.ai-suggestion p{color:#8e8175}.ai-use{color:#b86a30;border-color:#ecd5c0;background:white}.composer{background:white;border-color:var(--line)}.composer-tabs button{color:#8c98ab}.composer-tabs button.active{color:var(--blue);border-color:var(--blue)}.composer textarea{color:#172943}.composer textarea::placeholder{color:#a4aec0}.composer-tools{color:#8291a8}.details{background:white;border-color:var(--line)}.details-title{color:#354966}.contact-card h3{color:#172943}.field label,.info-line,.secure-note{color:#8b97aa}.field p,.field a,.info-line span:last-child{color:#536783}.field select{color:#536783;border-color:#dfe5ef}.progress i.on{background:var(--blue)}.deal-link{color:var(--blue)}.secure-note{background:#fafbfd}.retry-message{background:#edf2ff;border-color:#d7e3ff;color:var(--blue)}.retry-message:hover{background:#dfe8ff}.retry-message:focus-visible{outline-color:var(--blue)}.voice-preview{background:#f2f5fc;color:#687d9d}.voice-preview>svg{color:var(--blue)}audio{accent-color:var(--blue)}
dialog{color:#172943;border-color:#dfe5ef}dialog::backdrop{background:#14264466}.modal-body>p{color:#7c879b}.modal-body input,.modal-body select,.modal-body textarea{border-color:#dce4ef;color:#172943}.modal-header{border-color:var(--line)}.channel-card,.template-item,.deal,.contact-tools button{border-color:var(--line)}#toast{background:#172943}.auth-page{background:#f4f6fa}.auth-intro{background:#172943;color:white}.auth-logo{color:var(--blue)}.auth-intro .auth-logo{color:white}.auth-logo span,.auth-intro h1 span{color:var(--orange)}.auth-eyebrow,.auth-intro p,.auth-feature{color:#94a4bd}.auth-card{color:#172943}.auth-demo a{color:var(--blue)}
.settings-open .main,.settings-center,.settings-open{background:#f4f6fa!important}.settings-nav,.settings-tabs,.settings-sidebar{background:#fff}.settings-panel,.settings-layout,.settings-provider-list{border-color:var(--line)}.settings-center button.active,.settings-section.active,.settings-provider.active{background:#edf2ff;color:var(--blue);border-color:var(--blue)}.message-filters{background:#f4f6fa}.message-filter,.message-filters-mobile button{background:white;border-color:#dfe5ef;color:#536783}.message-filter select{color:#172943}.message-filter-summary{color:#687c9b}.connection-status,.crm-action,.crm-secondary{color:var(--blue)}.record-orb{background:#edf2ff;color:var(--blue)}.record-orb.recording{background:#fff0e4;color:#c96a2b}.record-panel h3{color:#172943}.record-panel p{color:#7c879b}
@media(max-width:650px){.shell:not(.settings-open) .topbar,.shell:not(.settings-open) .page-title{background:#f4f6fa}.shell:not(.settings-open) .inbox{border:1px solid var(--line)}}
.shell:not(.settings-open) .main{background:#f4f6fa}
.shell:not(.settings-open) .message.in .bubble{background:#fff;border-color:#e7ebf2}
.shell:not(.settings-open) .message.out .bubble{background:#eaf0ff;border-color:#dfe7fc}
.shell:not(.settings-open) .chat-row.selected,.chat-row.selected{background:#edf2ff}
.chat-row.selected:before{background:var(--blue)}
.list-tabs button.selected{color:var(--blue)}.list-tabs button.selected:after{background:var(--blue)}
.search{background:#f4f6fa;border-color:var(--line)}.search input{color:#172943}
.ai-suggestion{background:#fff9f3}.date-divider,.thread-event{color:#8997ad}.meta svg{color:var(--blue)}
.attachment{border-color:#dce4f2}.attachment svg{color:var(--blue)}
.settings-frame{background:white;border-color:var(--line);box-shadow:0 5px 25px #17294304}
.settings-sections{background:#fafbfd;border-color:var(--line)}
.settings-sections>button.selected{background:#edf2ff;color:var(--blue);border-left-color:var(--blue)}
.settings-provider.selected{background:#edf2ff;box-shadow:inset -3px 0 var(--blue)}
.settings-workspace-identity>span,.settings-member>span{background:#edf2ff;color:var(--blue)}
.settings-page-heading h1,.settings-content-heading h2{color:#172943}
.settings-info-note{background:#f4f6fa;border-color:var(--line)}
.settings-save-row .primary,.conversation-actions .primary{background:var(--blue)}
@media(min-width:1000px){
 .shell:not(.settings-open){grid-template-columns:218px minmax(0,1fr)}
 .shell:not(.settings-open) .sidebar{padding:30px 17px 16px}
 .shell:not(.settings-open) .brand>span:last-child,.shell:not(.settings-open) .nav-item>span{display:initial}
 .shell:not(.settings-open) .workspace{display:flex}
 .shell:not(.settings-open) .nav-label,.shell:not(.settings-open) .channels-nav,.shell:not(.settings-open) .profile>div:not(.avatar){display:block}
 .shell:not(.settings-open) .sidebar .nav-item{justify-content:flex-start;padding:12px 14px}
 .shell:not(.settings-open) .sidebar .profile{justify-content:flex-start}
 .shell:not(.settings-open) .inbox{grid-template-columns:280px minmax(270px,1fr)}
}
@media(min-width:1450px){.shell:not(.settings-open) .inbox{grid-template-columns:300px minmax(300px,1fr) 280px}}
@media(min-width:1251px) and (max-width:1449px){.details{display:none}.details.show{display:block;position:fixed;right:0;top:0;bottom:0;width:310px;z-index:5;box-shadow:-10px 0 50px #17294325}.detail-close,.mobile-info{display:grid}}
@media(max-height:800px) and (min-width:1000px){.sidebar{overflow-y:auto}.channels-nav{margin-top:18px}.sidebar-bottom{padding-top:12px}.nav-item{padding-top:10px;padding-bottom:10px}.channel-nav{padding-top:5px;padding-bottom:5px}.brand{padding-bottom:20px}.workspace{margin-bottom:18px}}
@media(max-height:800px) and (min-width:1000px){
 .shell:not(.settings-open) .sidebar{padding-top:20px}
 .shell:not(.settings-open) .sidebar .nav-item{padding:9px 14px}
 .shell:not(.settings-open) .brand{padding-bottom:18px}
 .shell:not(.settings-open) .page-title{height:82px}
 .shell:not(.settings-open) .chat-header{height:64px;min-height:64px}
 .ai-suggestion{padding:9px 12px;margin:6px 20px 9px}.ai-suggestion p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;margin:5px 0}
 .composer textarea{height:48px;min-height:48px}
}
@media(max-width:760px){.settings-sections>button.selected{border-bottom-color:var(--blue)}}
@media(max-width:650px){.settings-provider.selected{box-shadow:inset 0 -3px var(--blue)}}
.access-channel-options {display:flex;flex-wrap:wrap;gap:12px;padding:12px 0}
#employee-access-editor form,#assignment-rule-editor {margin-top:24px;padding:20px;border:1px solid #dce3ee;border-radius:12px;background:#fff}
#employee-access-editor fieldset,.assignment-rule-form fieldset {border:1px solid #dce3ee;border-radius:8px;margin:12px 0;padding:12px}
.assignment-rule-form {border-top:1px solid #e5eaf2;padding:16px 0}
.assignment-rule-form fieldset label {display:block;margin:8px 0}
#employee-access-editor p,#assignment-rule-editor p {color:#617087;line-height:1.5}
#employee-access-editor select,.assignment-rule-form select {padding:10px;border:1px solid #dce3ee;border-radius:8px;max-width:100%}

/* Shared quick replies */
.quick-toolbar{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:24px 0}.quick-toolbar .field{max-width:380px;flex:1;min-width:180px}.quick-archive{display:flex;align-items:center;gap:8px;font-size:13px}.quick-row{display:flex;align-items:flex-start;gap:20px;border:1px solid #e2e7f0;border-radius:10px;padding:18px;margin:12px 0;background:#fff}.quick-row>div{flex:1;min-width:0}.quick-row>button{border:1px solid #cfd9ed;border-radius:7px;padding:8px 12px;background:#f4f7ff;color:#2259e8;cursor:pointer;max-width:200px}.quick-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;color:#66758b;margin-top:8px;font-size:13px}.quick-form{max-width:720px;padding:24px;background:#f5f7fb;border:1px solid #e1e7f1;border-radius:12px;margin-top:24px}.quick-form .field{display:flex;flex-direction:column;gap:8px;margin:18px 0}.quick-form input,.quick-form textarea,.quick-toolbar input[type=search]{width:100%;padding:12px;border:1px solid #d4deed;border-radius:8px;background:#fff;font:inherit}.quick-form small{color:#7a879b;font-size:12px}.quick-form-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.quick-form-actions button:not(.primary){padding:9px 14px;border:1px solid #d1dbea;border-radius:7px;background:#fff;cursor:pointer}.quick-empty{padding:22px;color:#7d8a9c}.quick-list .template-item{width:100%;text-align:left}.quick-list .template-item p{max-height:150px;overflow:auto}@media(max-width:700px){.quick-row{flex-direction:column}.quick-form{padding:16px}}