:root{--bg:#f3f6f5;--surface:#fff;--surface-2:#f7faf9;--text:#17302d;--muted:#6c7f7c;--line:#dfe8e5;--brand:#0f766e;--brand-dark:#0a5d57;--brand-soft:#e5f4f1;--gold:#d99b2b;--red:#d45353;--red-soft:#fcebea;--blue:#3976ba;--note:#fff7d7;--shadow:0 10px 30px rgba(23,48,45,.08);--radius:14px;--rail:78px;--queues:224px;--list:344px;--contact:286px;font-family:Inter,"Segoe UI",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.hidden{display:none!important}.app-shell{height:100vh;display:grid;grid-template-columns:var(--rail) 1fr}.rail{background:#092f2c;color:white;display:flex;flex-direction:column;align-items:center;padding:18px 8px;z-index:4}.brand{width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:14px;background:#fff;color:#0f766e;font-weight:900;font-size:22px;box-shadow:0 8px 16px rgba(0,0,0,.2)}.rail nav{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:32px}.rail-btn{border:0;background:transparent;color:#b7d1ce;border-radius:12px;min-height:50px;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;cursor:pointer}.rail-btn span{font-size:21px;line-height:1}.rail-btn small{font-size:10px}.rail-btn:hover,.rail-btn.active{background:rgba(255,255,255,.12);color:#fff}.rail-bottom{margin-top:auto;display:grid;gap:12px}.avatar{width:38px;height:38px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:800;border:0}.rail .avatar{background:#d5f0ea}.avatar.mini{width:38px}.workspace{min-width:0;display:grid;grid-template-rows:72px 1fr;height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--brand);margin:0 0 4px}.topbar h1{font-size:20px;margin:0}.top-actions,.profile{display:flex;align-items:center;gap:12px}.profile{padding-left:6px}.profile div{display:grid}.profile strong{font-size:13px}.profile small{color:var(--muted);font-size:11px}.search-trigger{height:38px;min-width:260px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);display:flex;align-items:center;gap:9px;color:var(--muted);padding:0 10px;cursor:pointer}.search-trigger kbd{margin-left:auto}.icon-btn{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;border-radius:10px;cursor:pointer;position:relative}.icon-btn:hover{background:var(--surface-2)}.icon-btn i{position:absolute;width:7px;height:7px;border-radius:50%;background:#e65b5b;right:6px;top:6px;border:2px solid var(--surface)}kbd{font-size:10px;border:1px solid var(--line);padding:2px 5px;border-radius:5px;background:var(--surface)}.view{min-height:0}.inbox-view{display:grid;grid-template-columns:var(--queues) var(--list) minmax(430px,1fr) var(--contact);height:calc(100vh - 72px)}.queues,.conversation-list-panel,.chat-panel,.contact-panel{min-height:0;background:var(--surface);border-right:1px solid var(--line)}.queues{padding:18px 12px;overflow-y:auto}.queue-heading,.list-header,.surface-head{display:flex;justify-content:space-between;align-items:center}.queue-heading h2{font-size:16px;margin:0 0 12px 8px}.queue-heading .icon-btn{width:30px;height:30px}.queue-nav,.department-nav{display:grid;gap:2px}.queue-item,.department-item{border:0;background:transparent;border-radius:9px;padding:9px 10px;display:flex;align-items:center;gap:9px;color:var(--muted);cursor:pointer;text-align:left}.queue-item:hover,.department-item:hover,.queue-item.active,.department-item.active{background:var(--brand-soft);color:var(--brand)}.queue-item span:first-child{width:18px;text-align:center}.queue-item b,.department-item b{margin-left:auto;background:var(--surface-2);color:var(--muted);padding:2px 7px;border-radius:10px;font-size:10px}.section-label{margin:22px 8px 8px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.09em}.section-label button{border:0;background:transparent;color:var(--brand);font-size:18px}.department-item:before{content:"";width:8px;height:8px;border-radius:3px;background:var(--dept,#64a09a)}.connection-card{margin-top:24px;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.connection-card div{display:grid}.connection-card strong{font-size:11px}.connection-card small{font-size:9px;color:var(--muted)}.connection-card button{border:0;background:transparent;color:var(--brand);font-size:11px;font-weight:700}.pulse{width:8px;height:8px;background:#65b99b;border-radius:50%;box-shadow:0 0 0 4px rgba(101,185,155,.15)}.conversation-list-panel{display:grid;grid-template-rows:auto auto 1fr}.list-header{padding:18px 16px 10px}.list-header h2{font-size:17px;margin:0}.list-header p{font-size:11px;color:var(--muted);margin:3px 0 0}.header-buttons{display:flex;gap:5px}.active-filters{padding:4px 16px 12px;display:flex;gap:6px;border-bottom:1px solid var(--line)}.filter-pill{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:6px 10px;color:var(--muted);font-size:11px;cursor:pointer}.filter-pill.active{background:var(--brand-soft);border-color:transparent;color:var(--brand);font-weight:700}.filter-pill span{margin-left:4px}.conversation-list{overflow-y:auto}.conversation-item{display:grid;grid-template-columns:42px 1fr auto;gap:10px;padding:14px 14px;border:0;border-bottom:1px solid var(--line);background:var(--surface);width:100%;text-align:left;cursor:pointer;position:relative}.conversation-item:hover{background:var(--surface-2)}.conversation-item.active{background:var(--brand-soft)}.conversation-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--brand)}.contact-avatar{width:42px;height:42px;border-radius:13px;background:hsl(var(--hue,170) 35% 90%);color:hsl(var(--hue,170) 55% 32%);display:grid;place-items:center;font-weight:800}.conversation-copy{min-width:0}.conversation-top,.conversation-meta{display:flex;align-items:center;gap:6px}.conversation-top strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company,.preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.company{font-size:11px;margin:2px 0 7px}.preview{font-size:12px}.conversation-side{display:grid;justify-items:end;align-content:start;gap:7px;color:var(--muted);font-size:10px}.unread{background:var(--brand);color:white;border-radius:10px;min-width:18px;padding:3px 5px;text-align:center}.sla-dot{width:7px;height:7px;border-radius:50%;background:#71a99d}.sla-dot.near{background:var(--gold)}.sla-dot.overdue{background:var(--red)}.tag{font-size:9px;padding:3px 6px;border-radius:7px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.priority{width:7px;height:7px;border-radius:50%}.priority.Urgente{background:var(--red)}.priority.Alta{background:var(--gold)}.chat-panel{display:grid;grid-template-rows:auto auto 1fr auto}.chat-header{min-height:66px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.chat-person{display:flex;align-items:center;gap:11px}.chat-person h2{font-size:15px;margin:0}.chat-person p{font-size:11px;color:var(--muted);margin:3px 0 0}.chat-actions{display:flex;gap:6px}.action-select{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:8px 9px;font-size:11px;max-width:130px}.context-banner{padding:8px 16px;background:#f1faf7;display:flex;align-items:center;gap:9px;font-size:10px;color:#42615d}.context-banner button{margin-left:auto;border:0;background:transparent;color:var(--brand);font-weight:700;font-size:10px;cursor:pointer}[data-theme="dark"] .context-banner{background:#17342f;color:#aec9c4}.message-stream{overflow-y:auto;padding:22px max(20px,7%);background-color:var(--surface-2);background-image:radial-gradient(var(--line) .6px,transparent .6px);background-size:14px 14px}.day-divider{text-align:center;margin:4px 0 20px}.day-divider span{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:5px 10px;color:var(--muted);font-size:9px}.message-row{display:flex;margin-bottom:12px}.message-row.out{justify-content:flex-end}.bubble{max-width:72%;padding:10px 12px 7px;background:var(--surface);border-radius:4px 14px 14px 14px;box-shadow:0 2px 7px rgba(0,0,0,.05);line-height:1.45}.message-row.out .bubble{background:#dff3ed;border-radius:14px 4px 14px 14px}.message-row.internal .bubble{max-width:86%;width:86%;background:var(--note);border:1px solid #eadb9c;border-left:4px solid var(--gold);border-radius:10px}.bubble-author{display:flex;justify-content:space-between;gap:18px;margin-bottom:4px}.bubble-author strong{font-size:10px;color:var(--brand)}.bubble p{margin:0;white-space:pre-wrap}.bubble-footer{display:flex;justify-content:flex-end;gap:5px;margin-top:5px;font-size:9px;color:var(--muted)}.internal-label{font-size:9px;font-weight:900;color:#8a6b13;letter-spacing:.07em}.composer{border-top:1px solid var(--line);padding:10px 14px;background:var(--surface);position:relative}.mode-switch{display:flex;align-items:center;gap:4px;margin-bottom:8px}.mode-switch button{border:0;background:transparent;border-radius:7px;padding:6px 10px;color:var(--muted);font-size:11px;cursor:pointer}.mode-switch button.active{background:var(--brand-soft);color:var(--brand);font-weight:800}.mode-switch span{margin-left:auto;font-size:9px;color:var(--brand)}.composer-box{border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:end;padding:7px;background:var(--surface-2)}.composer-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(15,118,110,.08)}.composer textarea{border:0;outline:0;resize:none;background:transparent;color:var(--text);padding:7px;max-height:100px}.attach{border:0;background:transparent;font-size:19px;color:var(--muted);height:34px}.send-btn,.primary-btn{border:0;background:var(--brand);color:#fff;border-radius:9px;padding:9px 13px;font-weight:700;cursor:pointer}.send-btn:hover,.primary-btn:hover{background:var(--brand-dark)}.send-btn span{font-size:9px;opacity:.7;margin-left:5px}.composer-help{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:6px}.reply-menu{position:absolute;bottom:104px;left:55px;right:55px;max-height:230px;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:3;padding:6px}.reply-option{width:100%;display:grid;grid-template-columns:70px 1fr;border:0;background:transparent;text-align:left;padding:9px;border-radius:8px;cursor:pointer}.reply-option:hover{background:var(--brand-soft)}.reply-option b{color:var(--brand)}.reply-option span{color:var(--muted)}.contact-panel{padding:18px 16px;overflow-y:auto;border-right:0}.contact-profile{text-align:center;padding:6px 0 18px;border-bottom:1px solid var(--line)}.contact-profile .contact-avatar{margin:auto;width:58px;height:58px;font-size:18px}.contact-profile h3{margin:10px 0 2px}.contact-profile p{margin:0;color:var(--muted);font-size:11px}.contact-section{padding:16px 0;border-bottom:1px solid var(--line)}.contact-section h4{font-size:10px;letter-spacing:.1em;color:var(--muted);margin:0 0 10px}.detail-row{display:flex;justify-content:space-between;gap:12px;margin:8px 0;font-size:11px}.detail-row span{color:var(--muted)}.detail-row strong{text-align:right}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag.large{font-size:10px;padding:5px 8px;background:var(--brand-soft);color:var(--brand);border:0}.contact-action{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:9px;margin-top:12px;color:var(--brand);font-weight:700}.dashboard-view,.generic-view{height:calc(100vh - 72px);overflow-y:auto;padding:30px}.dashboard-head,.generic-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.dashboard-head h2,.generic-header h2{font-size:26px;margin:0 0 5px}.dashboard-head p:last-child,.generic-header p:last-child{color:var(--muted);margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card,.surface,.contact-card,.report-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 15px rgba(0,0,0,.03)}.metric-card{padding:18px;position:relative;overflow:hidden}.metric-card:after{content:"";width:66px;height:66px;border-radius:50%;position:absolute;right:-18px;top:-20px;background:var(--tone,var(--brand-soft))}.metric-card span{font-size:11px;color:var(--muted)}.metric-card strong{display:block;font-size:28px;margin-top:7px}.metric-card small{color:var(--muted)}.dashboard-columns{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}.surface{padding:20px}.surface h3{margin:0}.positive{color:#2a9b69;font-size:11px;background:#e5f6ed;padding:5px 8px;border-radius:9px}.today-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.today-metric span{display:block;color:var(--muted);font-size:10px}.today-metric strong{font-size:19px}.chart{height:180px;display:flex;align-items:flex-end;gap:11px;border-bottom:1px solid var(--line);padding:12px 5px 0}.bar{flex:1;background:linear-gradient(180deg,var(--brand),#69b7a9);border-radius:6px 6px 0 0;min-height:10%;position:relative}.bar:after{content:attr(data-label);position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted)}.attention-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.attention-item:last-child{border:0}.attention-icon{width:32px;height:32px;border-radius:10px;background:var(--red-soft);color:var(--red);display:grid;place-items:center}.attention-item div{display:grid}.attention-item small{color:var(--muted);margin-top:2px}.secondary-btn{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:9px 13px;cursor:pointer}.contact-grid,.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.contact-card,.report-card{padding:18px}.contact-card header{display:flex;gap:12px;align-items:center}.contact-card h3{margin:0;font-size:15px}.contact-card p{margin:4px 0;color:var(--muted);font-size:11px}.contact-card footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.contact-card footer span{font-size:10px;color:var(--muted)}.report-card{min-height:170px}.report-card h3{margin:5px 0}.report-card p{color:var(--muted);line-height:1.6}.report-card button{border:0;background:transparent;color:var(--brand);padding:0;font-weight:700}.modal,.drawer{position:fixed;inset:0;background:rgba(5,20,18,.48);z-index:10;display:flex;justify-content:center;padding-top:12vh;backdrop-filter:blur(3px)}.search-modal{width:min(640px,90vw);background:var(--surface);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.22);height:max-content;max-height:70vh;overflow:hidden}.search-input{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.search-input input{border:0;outline:0;background:transparent;color:var(--text);font-size:16px}.search-results{max-height:54vh;overflow-y:auto;padding:8px}.empty-search{text-align:center;padding:50px;color:var(--muted);display:grid;justify-items:center;gap:8px}.empty-search span{font-size:34px}.search-result{width:100%;border:0;background:transparent;border-radius:10px;padding:12px;display:flex;justify-content:space-between;text-align:left;cursor:pointer}.search-result:hover{background:var(--brand-soft)}.search-result div{display:grid}.search-result small{color:var(--muted)}.drawer{justify-content:flex-end;padding:0}.drawer-card{width:min(480px,95vw);height:100%;background:var(--surface);padding:24px;box-shadow:-20px 0 60px rgba(0,0,0,.16);overflow-y:auto}.drawer-card header{display:flex;justify-content:space-between}.drawer-card h2{margin:0}.timeline{border-left:2px solid var(--line);margin:24px 8px;padding-left:22px}.timeline-item{position:relative;margin:0 0 24px}.timeline-item:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--brand);left:-28px;top:4px;border:3px solid var(--surface)}.timeline-item p{margin:3px 0;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,120px);background:#17302d;color:white;padding:11px 16px;border-radius:10px;box-shadow:var(--shadow);z-index:20;transition:.25s}.toast.show{transform:translate(-50%,0)}
@media(max-width:1420px){:root{--queues:210px;--list:330px;--contact:0px}.contact-panel{display:none}.inbox-view{grid-template-columns:var(--queues) var(--list) minmax(410px,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){:root{--rail:64px}.queues{display:none}.inbox-view{grid-template-columns:minmax(280px,320px) minmax(0,1fr)}.conversation-list-panel{min-width:0;overflow:hidden}.list-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.list-header>div:first-child{min-width:0}.list-header h2,.list-header p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-buttons{flex:none}.active-filters{flex-wrap:wrap;align-content:flex-start;overflow:hidden}.filter-pill{flex:none}.channel-filter{min-width:0;max-width:100%;height:30px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--muted);padding:0 24px 0 9px;font-size:11px}.chat-panel{min-width:0}.chat-header{min-width:0}.chat-person{min-width:0}.chat-person>div{min-width:0}.chat-person h2,.chat-person p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{padding:0 14px}.search-trigger{min-width:170px}.profile div{display:none}.dashboard-columns,.contact-grid,.report-grid{grid-template-columns:1fr}.dashboard-view,.generic-view{padding:20px}}
@media(max-width:700px){body{overflow:auto}.app-shell{display:block}.rail{position:fixed;bottom:0;left:0;right:0;height:64px;z-index:8;flex-direction:row;padding:6px 12px}.brand,.rail-bottom{display:none}.rail nav{margin:0;flex-direction:row;justify-content:space-around}.rail-btn{min-height:50px;min-width:62px}.workspace{height:auto;display:block}.topbar{height:62px}.topbar .eyebrow,.search-trigger,.profile{display:none}.inbox-view{height:calc(100vh - 126px);display:block}.conversation-list-panel{height:100%}.chat-panel{display:none;height:100%}.inbox-view.chat-open .conversation-list-panel{display:none}.inbox-view.chat-open .chat-panel{display:grid}.chat-header:before{content:"‹";font-size:30px;cursor:pointer;margin-right:8px}.message-stream{padding:16px}.contact-panel{display:none}.dashboard-view,.generic-view{height:auto;min-height:calc(100vh - 126px);padding:18px 14px 84px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px}.now-grid .metric-card{padding:14px}.today-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-head,.generic-header{align-items:start}.dashboard-head h2,.generic-header h2{font-size:21px}.dashboard-columns{grid-template-columns:1fr}.contact-grid,.report-grid{grid-template-columns:1fr}.top-actions{margin-left:auto}.modal{padding-top:4vh}.composer{padding-bottom:10px}.send-btn span{display:none}}
.setup-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:16px}.setup-card{min-height:460px}.integration-status{padding:8px 12px;border-radius:20px;background:#fff2d8;color:#8a6414;font-weight:800;font-size:11px}.integration-status.ready{background:#e5f6ed;color:#21724e}.setup-steps{list-style:none;padding:12px 0;margin:10px 0}.setup-step{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.step-number{width:30px;height:30px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:900}.setup-step div{display:grid;gap:3px}.setup-step small,.setup-copy{color:var(--muted);line-height:1.6}.step-state{font-size:10px;font-weight:800;color:var(--muted)}.step-state.ok{color:#25805a}.setup-actions{display:flex;gap:9px;margin-top:18px}.test-result{margin-top:14px;padding:12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);line-height:1.5}.test-result.error{background:var(--red-soft);border-color:#edc7c4;color:#933b3b}.safe-list{display:grid;gap:10px;margin:18px 0}.safe-list span{color:var(--brand);font-weight:700}.surface hr{border:0;border-top:1px solid var(--line);margin:22px 0}.surface code{display:block;background:var(--surface-2);padding:11px;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere;font-size:11px}@media(max-width:920px){.setup-layout{grid-template-columns:1fr}}
.channel-manager{margin-bottom:16px}.channel-list{display:grid;margin-top:14px}.channel-row{display:grid;grid-template-columns:44px minmax(160px,1.3fr) minmax(150px,1fr) minmax(140px,1fr) auto;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid var(--line)}.channel-icon{width:38px;height:38px;border-radius:11px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:900}.channel-main,.channel-field{display:grid;gap:3px}.channel-main small,.channel-field small{color:var(--muted);font-size:10px}.channel-field strong{font-size:12px}.channel-actions{display:flex;gap:5px}.duplicate-alert{display:inline-flex;width:max-content;margin-top:4px;padding:3px 7px;border-radius:7px;background:var(--red-soft);color:var(--red);font-size:9px;font-weight:800}.form-grid{display:grid;gap:14px;margin-top:24px}.form-field{display:grid;gap:6px}.form-field label{font-size:11px;font-weight:800}.form-field input{height:42px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);padding:0 11px}.form-actions{display:flex;gap:8px;margin-top:8px}@media(max-width:850px){.channel-row{grid-template-columns:40px 1fr auto}.channel-field{display:none}}
.meta-linked{display:inline-flex;width:max-content;margin-top:4px;padding:3px 7px;border-radius:7px;background:#e5f6ed;color:#21724e;font-size:9px;font-weight:800}.registration-pending{display:inline-flex;width:max-content;margin-top:4px;padding:3px 7px;border-radius:7px;background:#fff2d8;color:#8a6414;font-size:9px;font-weight:800}.registration-error{display:block;max-width:380px;color:var(--red)!important;line-height:1.4;overflow-wrap:anywhere}.register-channel{padding:7px 9px;color:var(--brand);font-weight:700}
.message-audio{display:none}.message-audio-player{display:grid;grid-template-columns:38px minmax(120px,1fr) 38px;align-items:center;gap:8px;width:min(330px,100%);margin-top:10px;padding:8px;border-radius:12px;background:color-mix(in srgb,var(--brand) 8%,var(--surface));border:1px solid var(--line)}.audio-toggle,.audio-speed{height:38px;min-width:38px;border:0;border-radius:10px;background:var(--brand);color:#fff;font-weight:800;cursor:pointer}.audio-speed{font-size:11px}.audio-track{display:grid;gap:3px;min-width:0}.audio-progress{width:100%;accent-color:var(--brand);cursor:pointer}.audio-time{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.mobile-chat-context{display:none}
.media-link{display:inline-flex;margin-top:8px;color:var(--brand);font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}
.channel-filter{margin-left:auto;min-width:145px;max-width:190px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:6px 8px;font-size:10px}
.channel-badge{display:block;width:max-content;max-width:100%;margin:0 0 6px;padding:3px 6px;border-radius:7px;background:var(--surface-2);color:var(--brand);font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-access-form{gap:18px}.user-access-section{padding-bottom:16px;border-bottom:1px solid var(--line)}.form-grid.compact{margin-top:10px}.channel-access-picker{border:1px solid var(--line);border-radius:14px;padding:14px}.channel-access-picker legend{padding:0 7px;font-weight:800}.user-channel-grid{display:grid;gap:8px;margin-top:12px}.user-channel-option{display:grid;grid-template-columns:auto 14px minmax(0,1fr);gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);cursor:pointer}.user-channel-option:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.user-channel-option:focus-within{outline:2px solid var(--brand);outline-offset:2px}.user-channel-option.inactive{opacity:.62}.user-channel-option small{display:block;color:var(--muted);margin-top:3px}.channel-color-swatch{width:12px;height:28px;border-radius:5px;background:var(--channel-color)}.advanced-access{border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.advanced-access summary{cursor:pointer;padding:13px;font-weight:800}.advanced-access-body{padding:0 13px 13px}.advanced-access .bot-fieldset{margin-top:12px}@media(max-width:520px){.user-channel-option{min-height:54px}.channel-access-picker{padding:12px}}
.received-channel{display:block;margin-top:3px;color:var(--brand);font-size:9px;font-weight:700}
.system-clock{display:grid;justify-items:end;gap:1px;padding-right:4px;color:var(--muted);font-size:10px;line-height:1.2;text-transform:capitalize}.system-clock strong{color:var(--text);font-size:11px}.login-clock{display:block;margin-top:10px;color:var(--muted);font-size:11px;line-height:1.45;text-transform:capitalize}.mobile-queues-btn,.mobile-queue-close,.queue-backdrop{display:none}.queue-heading>div{display:flex;gap:5px}
.queue-group{display:grid;gap:2px}.queue-group+.queue-group{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.queue-group-label{margin:0 10px 4px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.conversation-time-facts{display:block;margin-top:3px;color:var(--muted);font-size:9px}
.mobile-back{display:none;border:0;background:transparent;color:var(--brand);font-size:30px;line-height:1;width:34px;height:40px;border-radius:10px;cursor:pointer}
@media(max-width:700px){
  body{height:100dvh;overflow:hidden}
  .workspace{height:100dvh}
  .inbox-view{height:calc(100dvh - 126px)}
  .conversation-list-panel{display:grid;grid-template-rows:auto auto 1fr;min-height:0}
  .conversation-list{min-height:0;-webkit-overflow-scrolling:touch}
  .chat-panel{grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0}
  .chat-header{position:sticky;top:0;z-index:2;background:var(--surface);align-items:flex-start;gap:8px;padding:8px 10px}
  .chat-header:before{display:none}
  .mobile-back{display:grid;place-items:center;flex:0 0 34px}
  .chat-person{flex:1;min-width:0}
  .chat-person .contact-avatar{width:36px;height:36px}
  .chat-actions{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr) 36px;gap:5px;width:100%;margin-top:8px}
  .chat-actions #transferAction{display:none}
  .chat-actions .action-select{max-width:none;width:100%;min-width:0;padding:7px 6px}
  .message-stream{min-height:0;-webkit-overflow-scrolling:touch;padding:14px 10px 18px}
  .bubble{max-width:88%}
  .message-row.internal .bubble{max-width:96%;width:96%}
  .composer{padding:8px 10px calc(10px + env(safe-area-inset-bottom))}
  .composer-box{grid-template-columns:34px minmax(0,1fr) 42px}
  .composer textarea{font-size:16px}
  .reply-menu{left:10px;right:10px;bottom:116px}
}
@media(max-width:920px){
  .mobile-queues-btn{display:inline-flex;align-items:center;gap:7px;margin:0 0 6px;border:0;background:transparent;color:var(--brand);font-weight:800;padding:3px 0;cursor:pointer;min-height:30px}
  .mobile-queues-btn span{font-size:17px}
  .mobile-queue-close{display:grid;place-items:center}
  .queues{display:block;position:fixed;z-index:20;top:0;bottom:0;left:0;width:min(86vw,320px);padding:20px 14px calc(20px + env(safe-area-inset-bottom));transform:translateX(-105%);transition:transform .2s ease;box-shadow:var(--shadow);visibility:hidden}
  .inbox-view.queues-open .queues{transform:translateX(0);visibility:visible}
  .queue-backdrop{position:fixed;z-index:19;inset:0;border:0;background:rgba(4,24,22,.48);cursor:pointer}
  .inbox-view.queues-open .queue-backdrop{display:block}
}
@media(max-width:700px){.system-clock{display:none}}
@media(prefers-reduced-motion:reduce){.queues{transition:none}}
.sending-channel{margin-left:auto;color:var(--brand);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;display:flex;align-items:center;gap:5px}.sending-channel i{width:8px;height:8px;border-radius:50%;background:var(--channel-color);flex:0 0 auto}
.contact-card.contact-history{color:inherit;text-align:left;cursor:pointer;width:100%}.contact-card.contact-history:hover{border-color:var(--brand);background:var(--brand-soft)}
.contact-duplicate-warning{color:#8b4b08!important;background:#fff3df;border:1px solid #e9bf82;border-radius:8px;padding:8px 10px;line-height:1.4;font-size:11px}.contact-section .contact-duplicate-warning{margin:10px 0}
.timeline-item.history-open{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;padding:0}.timeline-item.history-open:hover strong{color:var(--brand)}
@media(max-width:900px){.channel-filter{max-width:130px}.sending-channel{display:none}.chat-actions #transferAction{display:none}}
.bot-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bot-builder{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.8fr);gap:16px;align-items:start}.bot-map-panel,.bot-editor{padding:20px}.bot-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:18px}.bot-node{position:relative;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:18px;color:var(--text);min-height:190px;transition:.2s}.bot-node:hover,.bot-node.selected{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.bot-node>i{position:absolute;right:14px;top:14px;width:28px;height:28px;border-radius:9px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-style:normal;font-weight:800}.bot-node>small{display:block;color:var(--brand);font-weight:800;letter-spacing:.08em;margin-bottom:9px}.bot-node>strong{display:block;font-size:17px;padding-right:32px}.bot-node>p{color:var(--muted);line-height:1.45;min-height:42px}.bot-routes{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:10px}.bot-routes span{font-size:12px;color:var(--muted)}.bot-routes b{color:var(--text)}.bot-editor{position:sticky;top:94px;max-height:calc(100vh - 120px);overflow:auto}.bot-node-editor .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bot-node-editor .full,.bot-fieldset{grid-column:1/-1}.bot-fieldset{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.bot-fieldset legend{font-weight:800;padding:0 6px}.bot-options{border-top:1px solid var(--line);padding-top:14px}.bot-option{display:grid;grid-template-columns:1fr 1fr 38px;gap:8px;margin-top:8px}.bot-option input,.bot-option select,.bot-node-editor input,.bot-node-editor select,.bot-node-editor textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:10px;font:inherit}.danger{color:#b42318}.secondary-btn:disabled{opacity:.4}@media(max-width:1050px){.bot-builder{grid-template-columns:1fr}.bot-editor{position:static;max-height:none}}@media(max-width:600px){.bot-node-editor .form-grid,.bot-fieldset{grid-template-columns:1fr}.bot-option{grid-template-columns:1fr}.bot-head-actions{align-items:stretch}}
.pipeline-summary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin-bottom:16px}.pipeline-metric{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.pipeline-metric span{color:var(--muted);font-size:12px;font-weight:700}.pipeline-metric strong{font-size:23px;color:var(--brand)}.pipeline-board{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:14px;align-items:start;overflow-x:auto;padding-bottom:16px}.pipeline-column{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;min-height:540px;transition:border-color .2s,box-shadow .2s}.pipeline-column>header{display:flex;justify-content:space-between;gap:12px;padding:15px;border-bottom:1px solid var(--line);background:var(--surface);border-radius:16px 16px 0 0}.pipeline-column>header div{display:grid;gap:4px}.pipeline-column>header small{color:var(--muted);font-size:10px;line-height:1.35}.pipeline-column>header b{width:28px;height:28px;border-radius:9px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.pipeline-dropzone{display:grid;align-content:start;gap:10px;padding:10px;min-height:470px}.pipeline-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:13px;box-shadow:0 3px 10px rgba(23,48,45,.05);cursor:grab;transition:transform .15s,border-color .15s,opacity .15s}.pipeline-card:hover{border-color:var(--brand);transform:translateY(-1px)}.pipeline-card:active{cursor:grabbing}.pipeline-card.dragging{opacity:.42}.pipeline-column.drop-active{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}.pipeline-card-top{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px}.pipeline-card-top .contact-avatar{width:40px;height:40px}.pipeline-card-top div{display:grid;min-width:0;gap:2px}.pipeline-card-top strong,.pipeline-card-top small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-card-top small{color:var(--muted);font-size:10px}.pipeline-card>p{color:var(--muted);font-size:11px;line-height:1.45;margin:12px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pipeline-card footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:9px}.pipeline-card footer span{font-size:9px;color:var(--muted);max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-priority{position:absolute;right:10px;top:10px;background:var(--red-soft);color:var(--red);border-radius:8px;padding:3px 6px;font-size:8px;font-style:normal;font-weight:900}.pipeline-column-empty{color:var(--muted);font-size:11px;text-align:center;padding:30px 8px;border:1px dashed var(--line);border-radius:11px}.pipeline-empty{grid-column:1/-1;background:var(--surface);border:1px dashed var(--line);border-radius:16px;padding:60px 24px;text-align:center}.pipeline-empty p{color:var(--muted);margin:8px auto 0;max-width:520px;line-height:1.6}@media(max-width:1100px){.pipeline-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.pipeline-summary{grid-template-columns:repeat(2,1fr)}.pipeline-board{grid-template-columns:repeat(4,82vw)}.pipeline-column{min-height:440px}.pipeline-dropzone{min-height:370px}}
.message-origin{display:inline-flex;margin-left:8px;padding:2px 7px;border-radius:999px;background:#e7f5f1;color:#086b60;font-size:10px;font-weight:700;letter-spacing:.02em;vertical-align:middle}

/* SaaS refresh 0.25 — visual hierarchy, density and real-data states */
:root{--bg:#f5f7f7;--surface-2:#f8faf9;--text:#102825;--muted:#5a706d;--line:#d9e4e1;--brand:#087a70;--brand-dark:#05645d;--brand-soft:#e3f4f0;--shadow:0 14px 34px rgba(15,47,43,.08);--radius:16px}
[data-theme="dark"]{--bg:#0d1716;--surface:#14211f;--surface-2:#192a27;--text:#eef8f6;--muted:#99aaa7;--line:#293a37;--brand:#40b3a8;--brand-dark:#55beb4;--brand-soft:#173c38;--note:#3b3520;--shadow:0 10px 30px rgba(0,0,0,.24);color-scheme:dark}
[data-theme="dark"] .primary-btn,[data-theme="dark"] .login-card .primary-btn,[data-theme="dark"] .send-btn,[data-theme="dark"] .audio-toggle,[data-theme="dark"] .audio-speed,[data-theme="dark"] .unread,[data-theme="dark"] .login-brand{color:#073b35}
body{letter-spacing:-.005em}.rail{background:linear-gradient(180deg,#073b36 0%,#062c29 100%);box-shadow:8px 0 28px rgba(6,44,41,.08)}
.topbar{box-shadow:0 1px 0 var(--line);z-index:3}.topbar h1,.dashboard-head h2,.generic-header h2{letter-spacing:-.035em}.rail-btn,.icon-btn,.primary-btn,.secondary-btn,.filter-pill,.conversation-item,.contact-card,.report-card{transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}
.primary-btn,.send-btn{background:linear-gradient(135deg,var(--brand),var(--brand-dark));box-shadow:0 6px 16px rgba(8,122,112,.16)}.primary-btn:hover,.send-btn:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(8,122,112,.22)}
.conversation-item{padding-top:16px;padding-bottom:16px}.conversation-item.active{box-shadow:inset 3px 0 var(--brand)}.conversation-item.active:before{display:none}.contact-avatar{border-radius:50%}.message-stream{background-color:#f6f9f8;background-image:radial-gradient(#d4e1de 0.65px,transparent .65px);background-size:14px 14px}
[data-theme="dark"] .message-stream{background-color:var(--bg);background-image:radial-gradient(#29413d .65px,transparent .65px)}
[data-theme="dark"] .message-row.out .bubble{background:#1d4b45;color:var(--text)}
.surface,.metric-card,.contact-card,.report-card{box-shadow:0 5px 20px rgba(15,47,43,.045)}.surface:hover,.metric-card:hover{border-color:#c8d8d4}.live-label{color:#25805a;font-size:11px;font-weight:800;background:#e5f6ed;padding:6px 9px;border-radius:999px}
.bar{min-width:10px}.bar:before{content:attr(data-value);position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted);font-style:normal}.attention-item{border:0;border-bottom:1px solid var(--line);background:transparent;width:100%;text-align:left;cursor:pointer}.attention-item:hover{background:var(--surface-2)}
.attention-icon.critical{background:#f8d9d7;color:#9f1f1a}.attention-icon.high{background:var(--red-soft);color:var(--red)}.attention-icon.medium{background:#fff2d8;color:#8a6500}.attention-item b{font-size:12px;color:var(--muted)}
.empty-compact{display:grid;gap:5px;text-align:center;color:var(--muted);padding:34px 16px}.empty-compact strong{color:var(--text)}
.report-card{display:block;width:100%;text-align:left;cursor:pointer;color:var(--text)}.report-card:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:var(--shadow)}.report-card span{color:var(--brand);font-weight:800}.report-value{display:block;font-size:32px;letter-spacing:-.04em;color:var(--brand);margin:9px 0 5px}
.composer-box{grid-template-columns:auto 1fr auto}.composer-box textarea{padding-left:10px}.attach{cursor:pointer;border-radius:8px}.attach:hover{background:var(--brand-soft);color:var(--brand)}.attach:disabled{opacity:.35;cursor:not-allowed}.attachment-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--brand-soft)}.attachment-preview>div{display:grid;min-width:0}.attachment-preview strong,.attachment-preview small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview small{color:var(--muted);font-size:9px}.attachment-preview button{border:0;background:transparent;color:var(--red);font-size:18px;cursor:pointer}.form-field input:focus,.bot-node-editor input:focus,.bot-node-editor textarea:focus,.bot-node-editor select:focus{outline:3px solid color-mix(in srgb,var(--brand) 16%,transparent);border-color:var(--brand)}
.attachment-thumbnail{width:64px;height:64px;border-radius:9px;object-fit:cover;border:1px solid var(--line)}.device-notifications{display:grid;gap:10px;padding:14px;margin:18px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.device-notifications p{margin:0;color:var(--muted);line-height:1.5}.device-notifications .primary-btn{justify-self:start}
.mobile-profile-btn,.mobile-profile-actions{display:none}
@media(max-width:700px){.mobile-profile-btn{display:grid;place-items:center;min-width:40px;min-height:40px;cursor:pointer}.mobile-profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.mobile-profile-actions button{min-height:44px}}
@media(max-width:700px){.rail nav{overflow-x:auto;justify-content:flex-start}.rail-btn{flex:0 0 64px}.rail-btn:nth-child(n+6){display:none}.generic-header{gap:14px;flex-wrap:wrap}.live-label{display:none}}
.login-page{min-height:100vh;display:grid;place-items:center;overflow:auto;padding:24px;background:radial-gradient(circle at 20% 10%,#dff3ef,transparent 32%),var(--bg)}.login-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:0 24px 70px rgba(15,47,43,.14)}.login-brand{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--brand);color:white;font-size:25px;font-weight:900;margin-bottom:24px}.login-card h1{margin:0 0 8px;font-size:30px;letter-spacing:-.04em}.login-card>p:not(.eyebrow),.login-card>small{color:var(--muted)}.login-card form{display:grid;gap:16px;margin:28px 0}.login-card label{display:grid;gap:7px;font-size:12px;font-weight:800}.login-card input{height:46px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--text);padding:0 13px}.login-card input:focus{outline:3px solid color-mix(in srgb,var(--brand) 16%,transparent);border-color:var(--brand)}.login-card .primary-btn{height:46px;border:0;border-radius:11px;color:white;font-weight:800}.login-error{min-height:18px!important;margin:0!important;color:var(--red)!important;font-size:12px}
.user-manager{margin-bottom:16px}.user-list{display:grid;margin-top:14px}.user-row{display:grid;grid-template-columns:auto minmax(180px,1fr) 130px 90px auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.user-row>div{display:grid}.user-row small{color:var(--muted)}.role-badge{font-size:11px;font-weight:800;color:var(--brand)}.check-field{display:flex;gap:8px;align-items:center;font-weight:700}@media(max-width:750px){.user-row{grid-template-columns:auto 1fr auto}.user-row .role-badge,.user-row .integration-status{display:none}}
.choice-group{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:10px}.choice-group legend{padding:0 6px;font-weight:800}.choice-group .check-field{font-weight:600}.choice-group input{width:auto}
.timeline-loading{min-height:220px;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted)}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.company-contacts{margin-top:14px}.company-timeline .timeline-item{min-height:48px;padding-left:4px}.company-timeline .timeline-item small{display:block;color:var(--muted);margin-top:6px}.timeline-kind{float:right;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--brand-soft);color:var(--brand);font-weight:900;margin-left:10px}
.department-manage-list{display:grid;margin-top:22px}.department-manage-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.department-manage-row>div{display:flex;gap:7px}.department-manage-row .danger{color:var(--red)}
.conversation-action-list{display:grid;gap:9px;margin:22px 0}.conversation-action-list>button{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.conversation-action-list>button:hover{border-color:var(--brand);background:var(--brand-soft)}.conversation-action-list>button:disabled{opacity:.45;cursor:not-allowed}.conversation-action-list>button>span{width:36px;height:36px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:900}.conversation-action-list>button>div{display:grid;gap:3px}.conversation-action-list small{color:var(--muted)}
.context-banner.presence-conflict{background:#fff4dc;color:#805b10}.context-banner.presence-conflict .pulse{background:#d18a00;box-shadow:0 0 0 5px rgba(209,138,0,.13)}
.relationship-section{margin:18px 0}.relationship-list{display:grid;margin-top:10px}.relationship-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.relationship-row>div{display:flex;align-items:center;gap:7px}.relationship-row>div:first-child{display:grid;gap:3px}.relationship-row small{color:var(--muted)}.compact-form{padding-top:8px;border-top:1px solid var(--line)}@media(max-width:600px){.relationship-row{align-items:flex-start;flex-direction:column}.relationship-row>div:last-child{width:100%;justify-content:flex-end}}
.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h4{margin:0}.section-title button{border:0;background:var(--brand-soft);color:var(--brand);width:26px;height:26px;border-radius:8px;font-weight:900;cursor:pointer}.task-item{display:grid;width:100%;gap:3px;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;padding:10px 0;cursor:pointer}.task-item span,.task-item small{color:var(--muted);font-size:10px}.task-item.done{opacity:.55}.task-item.done span{text-decoration:line-through}.form-field textarea,.form-field select{border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);padding:10px}
.context-suggestion{display:grid;gap:4px;margin:10px 0;padding:10px;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:10px;background:var(--brand-soft)}.context-suggestion small{color:var(--brand);font-weight:900}.context-suggestion span{color:var(--muted);font-size:10px;line-height:1.4}.memory-item{display:grid;gap:7px;padding:10px 0;border-top:1px solid var(--line)}.memory-item>div{display:grid;gap:3px}.memory-item small,.memory-item span{color:var(--muted);font-size:9px}.memory-item footer{display:flex;gap:6px}.memory-item button{border:1px solid var(--line);background:var(--surface);color:var(--brand);border-radius:7px;padding:5px 8px;font-size:9px;font-weight:800;cursor:pointer}
.insight-item{padding:10px 0;border-top:1px solid var(--line)}.insight-item>div{display:grid;gap:3px}.insight-item small{color:var(--brand);font-size:9px;font-weight:900;letter-spacing:.04em}.insight-item strong{font-size:11px;line-height:1.4}.insight-item span{color:var(--muted);font-size:9px;line-height:1.4}
.saved-filter-panel{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}.saved-filter-list{display:grid;gap:7px}.saved-filter-row{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.saved-filter-row>button:first-child{display:grid;text-align:left;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:9px 11px;cursor:pointer}.saved-filter-row>button:first-child:hover{border-color:var(--brand);background:var(--brand-soft)}.saved-filter-row small{color:var(--muted);font-size:9px;margin-top:2px}.save-view-box{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;padding:12px;border:1px dashed var(--line);border-radius:12px}.save-view-box .form-field{margin:0}@media(max-width:520px){.save-view-box{grid-template-columns:1fr}.save-view-box button{width:100%}}
.audit-surface{padding:18px}.audit-filters{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(130px,1fr)) auto;gap:10px;align-items:end}.audit-filters .form-field{margin:0}.audit-filter-actions{display:flex;gap:7px}.audit-summary{color:var(--muted);font-size:11px;font-weight:700;margin:18px 0 9px}.audit-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.audit-row{display:grid;grid-template-columns:145px 150px minmax(210px,1.4fr) minmax(170px,1fr) 55px;gap:12px;align-items:center;width:100%;padding:12px;border:0;border-top:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left}.audit-row:not(.audit-head){cursor:pointer}.audit-row:not(.audit-head):hover{background:var(--brand-soft)}.audit-row:first-child{border-top:0}.audit-row time,.audit-row>span{font-size:10px;color:var(--muted)}.audit-row>span{display:grid;gap:2px}.audit-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-row>b{color:var(--brand);font-size:10px}.audit-head{background:var(--surface-2);font-weight:800}.audit-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:14px}.audit-pagination span{font-size:11px;color:var(--muted)}.audit-detail{margin-top:18px}.audit-detail pre{max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:11px;line-height:1.5}@media(max-width:1150px){.audit-filters{grid-template-columns:repeat(3,1fr)}.audit-filter-actions{align-self:end}}@media(max-width:760px){.audit-filters{grid-template-columns:1fr}.audit-filter-actions button{flex:1}.audit-table{overflow-x:auto}.audit-row{min-width:760px}.audit-pagination{justify-content:space-between}}
.automation-manager{margin-bottom:16px}.automation-list{display:grid;margin-top:14px}.automation-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.automation-row>div{display:grid;gap:4px}.automation-row small{color:var(--muted)}.automation-log{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.automation-log summary{cursor:pointer;font-weight:800}.automation-log>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.automation-log span{color:var(--muted)}@media(max-width:700px){.automation-row{grid-template-columns:1fr auto}.automation-row .integration-status{display:none}}
.operational-report{margin-bottom:16px}.report-period{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:16px 0}.report-period .form-field{min-width:160px}.report-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}.report-summary>div{display:grid;gap:6px;padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.report-summary span,.report-summary small{color:var(--muted);font-size:11px}.report-summary strong{font-size:24px;color:var(--brand)}.report-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.report-table{display:grid;border:1px solid var(--line);border-radius:10px;overflow:auto}.report-table>div{display:grid;grid-template-columns:minmax(100px,1.5fr) repeat(4,minmax(55px,.7fr));gap:8px;padding:9px;font-size:10px;border-top:1px solid var(--line);min-width:510px}.report-table-sla>div{grid-template-columns:minmax(100px,1.5fr) repeat(5,minmax(62px,.7fr));min-width:620px}.report-table>div:first-child{border-top:0}.report-table-head{background:var(--surface-2);color:var(--muted);font-weight:800}.report-table>div>span{text-align:right}@media(max-width:1100px){.report-sections{grid-template-columns:1fr}.report-summary{grid-template-columns:repeat(2,1fr)}}
.report-dimension-tabs{display:flex;gap:6px;margin:20px 0 12px;border-bottom:1px solid var(--line);overflow-x:auto}.report-dimension-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:10px 14px;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.report-dimension-tabs button[aria-selected="true"]{border-bottom-color:var(--brand);color:var(--brand)}.report-dimension-tabs button:focus-visible{outline:3px solid var(--brand-soft);outline-offset:-3px}.report-dimension-panel h4{margin:0 0 10px}@media(max-width:500px){.report-dimension-tabs{margin-inline:-4px;gap:2px}.report-dimension-tabs button{flex:1;padding-inline:3px}.report-table-sla>div{min-width:600px}}
.pipeline-mode{display:flex;gap:8px;align-items:center}.pipeline-mode .active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.sales-column{min-height:500px}.opportunity-card .contact-avatar{background:var(--brand-soft);color:var(--brand);font-weight:900}@media(max-width:700px){.pipeline-mode{flex-wrap:wrap}.pipeline-mode button{flex:1}}
.backup-manager{margin-bottom:16px}.backup-list{display:grid;margin:14px 0}.backup-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.backup-row>div{display:grid;gap:4px}.backup-row small{color:var(--muted)}@media(max-width:700px){.backup-row{grid-template-columns:1fr auto}.backup-row .integration-status{display:none}}
.login-link{border:0;background:transparent;color:var(--brand);font-weight:800;cursor:pointer;padding:4px}.login-card form>p{color:var(--muted);line-height:1.55;margin:0}
.readiness-manager{margin-bottom:16px}.readiness-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.readiness-item{display:grid;grid-template-columns:28px 1fr;gap:2px 8px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.readiness-item>span{grid-row:1/3;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:var(--red-soft);color:var(--red);font-weight:900}.readiness-item.ready>span{background:var(--brand-soft);color:var(--brand)}.readiness-item small{color:var(--muted);font-size:9px}@media(max-width:1000px){.readiness-grid{grid-template-columns:repeat(2,1fr)}}
.tenant-manager{margin-bottom:16px}.tenant-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(440px,1.1fr);gap:18px;margin-top:14px;align-items:start}.tenant-readiness{grid-template-columns:1fr;margin-top:0}.tenant-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tenant-form .primary-btn{align-self:end}.tenant-form input,.tenant-form select{width:100%;height:42px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);padding:0 11px}@media(max-width:900px){.tenant-layout{grid-template-columns:1fr}.tenant-form{grid-template-columns:1fr}}
.tenant-readiness-phase+.tenant-readiness-phase{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.tenant-phase-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}.tenant-phase-head small{color:var(--muted);text-align:right}.tenant-readiness-phase .tenant-readiness{gap:8px}
.organization-manager{margin-bottom:16px}.structure-actions{display:flex;gap:8px}.structure-summary{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.structure-summary span{padding:8px 11px;border-radius:9px;background:var(--brand-soft);color:var(--brand);font-size:12px}.structure-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.structure-grid h4{margin:0 0 8px}.structure-list{display:grid;border-top:1px solid var(--line)}.structure-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left}.structure-row[data-edit-unit],.structure-row[data-edit-team]{cursor:pointer}.structure-row[data-edit-unit]:hover,.structure-row[data-edit-team]:hover{color:var(--brand)}.structure-row span{display:grid;gap:3px}.structure-row small{color:var(--muted)}.structure-row b{font-size:11px;color:var(--brand);white-space:nowrap}.form-field select[multiple]{height:auto;min-height:96px;padding:8px}@media(max-width:800px){.structure-grid{grid-template-columns:1fr}.structure-actions{width:100%;justify-content:flex-end}.surface-head:has(.structure-actions){flex-wrap:wrap}}
.distribution-manager{margin-bottom:16px}.distribution-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:14px;align-items:end;margin-top:16px}.distribution-form .form-field{margin:0}.assignment-reason{background:var(--brand-soft);border-radius:10px;padding:10px}@media(max-width:850px){.distribution-form{grid-template-columns:1fr}}
.privacy-manager{margin-bottom:16px}.privacy-controls{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;align-items:end;margin-top:16px}.privacy-controls .form-field{margin:0}.danger-btn{border:0;background:#a12622;color:#fff;border-radius:9px;padding:9px 13px;font-weight:700;cursor:pointer}.danger-btn:hover{background:#7e1c19}.danger-btn:disabled{opacity:.55;cursor:wait}.warning-box{padding:14px;border:1px solid #e7b1ad;background:var(--red-soft);border-radius:12px}.warning-box p{margin:6px 0 0;line-height:1.5}@media(max-width:750px){.privacy-controls{grid-template-columns:1fr}.privacy-controls button{width:100%}}
.billing-health{display:grid;gap:3px;margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.billing-health span{width:max-content;padding:5px 9px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:900}.billing-health strong{font-size:18px}.billing-health small{color:var(--muted)}.billing-health.overdue span,.billing-health.attention span{background:#fff2d8;color:#8a6500}.billing-health.blocked span{background:var(--red-soft);color:var(--red)}
.ai-actions{display:flex;gap:3px}.ai-actions button{border:1px solid var(--line);background:var(--surface);color:var(--brand);border-radius:7px;padding:5px 8px;font-size:10px;font-weight:700;cursor:pointer}.ai-actions button:hover{background:var(--brand-soft)}.ai-actions button:disabled{opacity:.55;cursor:wait}.ai-result{margin-top:24px;display:grid;gap:14px}.ai-result>span{color:var(--brand);font-size:11px;font-weight:800}.ai-result>div{white-space:normal;line-height:1.7;padding:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.ai-result small{color:var(--muted)}@media(max-width:1100px){.ai-actions button{font-size:0}.ai-actions button::first-letter{font-size:13px}}
.favorite-mark{color:var(--gold);font-size:12px}.favorite-action{color:var(--muted)}.favorite-action.active{color:#a87300;background:#fff6d9;border-color:#ead18a}[data-theme="dark"] .favorite-action.active{background:#443811;color:#ffd76d;border-color:#756224}
.notification-transfer,.notification-unread-conversation{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:12px;cursor:pointer;color:var(--text)}.notification-transfer.unread,.notification-unread-conversation.unread{background:var(--brand-soft);border-left:4px solid var(--brand)}.notification-transfer:hover,.notification-unread-conversation:hover{background:var(--surface-2)}
.conversation-list-panel,.chat-panel{min-width:0}.conversation-list-panel{grid-template-columns:minmax(0,1fr);overflow:hidden}.conversation-item{grid-template-columns:42px minmax(0,1fr) auto}
#notificationBtn i{right:auto;left:5px;top:5px}#notificationBtn .notification-count{position:absolute;top:-7px;right:-8px;min-width:19px;height:19px;padding:0 3px;border-radius:10px;border:2px solid var(--surface);background:var(--brand);color:#fff;font-size:10px;font-style:normal;font-weight:800;line-height:15px;text-align:center}
@media(max-width:700px){body,.app-shell,.workspace{height:100dvh}.inbox-view{height:calc(100dvh - 126px);min-height:0}.chat-header{min-height:58px;padding:7px 8px;gap:6px;align-items:center}.chat-person{gap:7px;min-width:0;flex:1}.chat-person>.contact-avatar{display:none}.chat-person>div{min-width:0}.chat-person h2{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-person p,.received-channel,.conversation-time-facts{display:none}.mobile-chat-context{display:block;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.chat-actions{gap:3px}.chat-actions #prioritySelect,.chat-actions #transferAction{display:none}.chat-actions .action-select{max-width:104px;padding:7px 5px}.chat-actions .icon-btn{width:32px;height:32px}.message-stream{padding:14px 10px}.bubble{max-width:88%}.message-row.internal .bubble{max-width:96%;width:96%}.message-audio-player{width:min(290px,100%);grid-template-columns:38px minmax(92px,1fr) 38px}.composer{padding:8px 8px max(8px,env(safe-area-inset-bottom))}.composer-box textarea{font-size:16px;max-height:112px}.mobile-back{min-width:38px;min-height:38px}.empty-search{padding-inline:18px}}
.message-image-preview{display:block;width:min(300px,100%);max-height:260px;margin-top:8px;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--surface-2);cursor:zoom-in}.message-image-preview img{display:block;width:100%;height:auto;max-height:260px;object-fit:cover}.image-viewer{display:grid;gap:16px;justify-items:center}.image-viewer img{display:block;max-width:100%;max-height:72vh;object-fit:contain;touch-action:pinch-zoom}.image-viewer p{color:var(--muted);font-size:11px}.connectivity-status{margin:-2px 0 8px;padding:7px 10px;border-radius:8px;background:var(--red-soft);color:var(--red);font-size:11px;font-weight:800}.microphone-btn{width:38px;height:38px;border:0;border-radius:10px;background:transparent;cursor:pointer}.microphone-btn:hover{background:var(--brand-soft)}.composer-box{grid-template-columns:auto minmax(0,1fr) auto auto}.composer textarea{min-height:38px;line-height:1.35;overflow-y:hidden}.recording-preview{display:grid;gap:9px;width:100%}.recording-actions{display:flex;gap:8px}.recording-actions button{flex:1}.draft-indicator{color:var(--brand);font-weight:800}
@media(max-width:700px){.composer-box{grid-template-columns:42px minmax(0,1fr) 44px 52px;padding:5px}.attach,.microphone-btn,.send-btn{min-width:44px;min-height:48px}.send-btn{padding:0;font-size:0;border-radius:12px}.send-btn:after{content:'➤';font-size:22px}.composer-help{display:none}.mode-switch{margin-bottom:5px}.mode-switch .ai-actions{display:none}.keyboard-open .rail{display:none}.keyboard-open .inbox-view{height:calc(var(--visual-height,100dvh) - 62px)}.keyboard-open .composer{padding-bottom:max(6px,env(safe-area-inset-bottom))}.keyboard-open .chat-header{min-height:50px}.keyboard-open .context-banner{display:none}.keyboard-open .message-stream{padding-bottom:8px}}
@media(max-width:700px) and (max-height:500px){body:has(.inbox-view.chat-open) .rail,body:has(.inbox-view.chat-open) .topbar{display:none}.inbox-view.chat-open{height:100dvh}.keyboard-open .inbox-view.chat-open{height:var(--visual-height,100dvh)}.inbox-view.chat-open .context-banner{display:none}.inbox-view.chat-open .chat-header{min-height:44px;padding-block:4px}.inbox-view.chat-open .chat-actions{margin-top:2px}}

/* Rev. 1.80.18 — hierarchy, taxonomy and adaptive operational workspace */
:root{--focus:#155eef;--info:#2563a8;--warning:#9a6700;--danger:#b42318;--success:#147a52;--selected:#e7f2ff;--pressed:#d8e9ff;--disabled:.46}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
button:active{transform:translateY(1px)}button:disabled{opacity:var(--disabled);cursor:not-allowed;transform:none}
.queue-child{padding-left:30px;font-size:11px}.queue-child span:first-child{font-size:9px}.department-disclosure{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.department-disclosure summary{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:8px 10px;border-radius:9px;color:var(--muted);font-size:11px;font-weight:800;cursor:pointer}.department-disclosure summary:hover{background:var(--surface-2)}.department-disclosure summary b{font-size:10px}.department-disclosure .department-item{width:100%}
.action-select{min-height:40px;font-weight:700}.has-new-message{box-shadow:0 0 0 4px color-mix(in srgb,var(--info) 25%,transparent);animation:new-message-pulse .8s ease 2}@keyframes new-message-pulse{50%{transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.has-new-message{animation:none}}
.site-page{min-height:100vh;overflow:auto;background:linear-gradient(145deg,#eff8f5,#f7faf9);color:var(--text)}.site-shell{width:min(1120px,92vw);margin:auto;padding:24px 0 48px}.site-nav{display:flex;justify-content:space-between;align-items:center}.site-nav strong{font-size:20px;color:var(--brand)}.site-nav a{color:var(--brand);font-weight:800;text-decoration:none}.site-hero{padding:96px 0 82px;max-width:720px}.site-hero h1{font-size:clamp(38px,6vw,70px);line-height:1.02;margin:10px 0 18px;letter-spacing:-.04em}.site-hero>p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.6;margin-bottom:28px}.site-section-heading h2{font-size:30px;margin:5px 0 22px}.site-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.site-plan{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:14px;box-shadow:var(--shadow)}.site-plan h3{margin:0;font-size:20px}.site-plan p{color:var(--muted);min-height:42px;line-height:1.5}.site-plan strong{font-size:28px;color:var(--brand)}.site-plan strong small{font-size:12px;color:var(--muted);font-weight:500}.site-plan a{text-align:center;text-decoration:none}.site-shell footer{margin-top:70px;color:var(--muted);font-size:12px}.site-shell footer a{color:var(--brand)}@media(max-width:700px){.site-shell{width:min(92vw,540px)}.site-hero{padding:70px 0 58px}.site-plans{grid-template-columns:1fr}}
@media(max-width:1500px) and (min-width:921px){.inbox-view{grid-template-columns:var(--queues) minmax(290px,var(--list)) minmax(420px,1fr)}.contact-panel{display:none}}
@media(max-width:1180px) and (min-width:701px){.inbox-view{grid-template-columns:minmax(290px,36%) minmax(0,1fr)}.mobile-queues-btn{display:inline-flex;align-items:center;gap:7px;min-height:40px;border:0;background:transparent;color:var(--brand);font-weight:800;cursor:pointer}.mobile-queue-close{display:grid;place-items:center}.queues{display:block;position:fixed;z-index:20;top:0;bottom:0;left:var(--rail);width:300px;transform:translateX(-110%);transition:transform .2s ease;visibility:hidden;box-shadow:var(--shadow)}.inbox-view.queues-open .queues{transform:translateX(0);visibility:visible}.queue-backdrop{position:fixed;z-index:19;inset:0;border:0;background:rgba(4,24,22,.48)}.inbox-view.queues-open .queue-backdrop{display:block}.chat-header{min-width:0}.chat-person{min-width:0}.chat-person>div{min-width:0}.chat-person h2,.chat-person p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-actions{flex:0 1 auto}.chat-actions #transferAction{display:none}}
@media(max-width:430px){.topbar{padding:0 12px}.top-actions{gap:6px}.icon-btn{min-width:40px;min-height:40px}.conversation-item{grid-template-columns:40px minmax(0,1fr) auto;padding:12px 10px}.active-filters{overflow-x:auto}.filter-pill{flex:0 0 auto;min-height:40px}.channel-filter{min-width:128px}.chat-actions{min-width:0}.chat-actions .action-select{font-size:10px}.drawer-card{width:100vw;padding:18px}.form-actions{flex-wrap:wrap}.form-actions button{min-height:44px}}
@media(max-width:360px){.conversation-item{grid-template-columns:34px minmax(0,1fr) auto;gap:7px}.contact-avatar{width:34px;height:34px}.chat-actions #prioritySelect{display:none}.composer-box{grid-template-columns:44px minmax(0,1fr) 44px 48px}}
.channel-icon{background:color-mix(in srgb,var(--channel-color,#475569) 14%,var(--surface));color:var(--channel-color,#475569);border:1px solid color-mix(in srgb,var(--channel-color,#475569) 45%,transparent)}.channel-color-field{border:1px solid var(--line);border-radius:12px;padding:12px;margin:0}.channel-color-field legend{font-size:11px;font-weight:800;padding:0 5px}.channel-color-field>p{font-size:11px;color:var(--muted);margin:0 0 10px}.channel-color-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.channel-color-option{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:9px;cursor:pointer}.channel-color-option:has(input:checked){border-color:var(--channel-color,var(--brand));box-shadow:0 0 0 2px color-mix(in srgb,var(--channel-color,var(--brand)) 18%,transparent)}.channel-color-option.unavailable{opacity:.45;cursor:not-allowed}.channel-color-option i,.channel-badge i,.received-channel i{width:10px;height:10px;border-radius:50%;background:var(--channel-color,#475569);box-shadow:0 0 0 2px color-mix(in srgb,var(--channel-color,#475569) 20%,transparent);display:inline-block;flex:0 0 auto}.channel-color-option input{position:absolute;opacity:0;pointer-events:none}.channel-badge,.received-channel{display:inline-flex;align-items:center;gap:6px}@media(max-width:540px){.channel-color-options{grid-template-columns:1fr}}

/* Rev. 1.80.19 — accessible operational message alert */
:root{--operational-alert-bg:#102a43;--operational-alert-text:#f8fafc;--operational-alert-muted:#cbd5e1;--operational-alert-action:#5eead4;--operational-alert-line:#334e68}
.operational-alert-region{position:fixed;z-index:18;top:82px;right:18px;width:min(560px,calc(100vw - 92px));pointer-events:none}
.operational-alert{pointer-events:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:76px;padding:13px 12px 13px 15px;border:1px solid var(--operational-alert-line);border-left:6px solid var(--channel-alert,#38bdf8);border-radius:14px;background:var(--operational-alert-bg);color:var(--operational-alert-text);box-shadow:0 16px 44px rgba(2,12,27,.3)}
.operational-alert-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.1);font-size:20px}.operational-alert-copy{display:grid;gap:2px;min-width:0}.operational-alert-copy strong{font-size:11px;letter-spacing:.09em}.operational-alert-copy span{font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operational-alert-copy small{color:var(--operational-alert-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operational-alert-open,.operational-alert-dismiss{min-height:40px;border:0;border-radius:9px;cursor:pointer;font-weight:900}.operational-alert-open{padding:0 13px;background:var(--operational-alert-action);color:#073b35}.operational-alert-dismiss{width:40px;background:transparent;color:var(--operational-alert-text);font-size:18px}.operational-alert-dismiss:hover{background:rgba(255,255,255,.1)}.operational-alert.intensity-discreet{box-shadow:0 10px 28px rgba(2,12,27,.24)}.operational-alert.intensity-strong{border-width:2px;border-left-width:7px;box-shadow:0 18px 52px rgba(2,12,27,.4)}
.notification-preferences{display:grid;gap:13px;margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.notification-preferences>div:first-child p{margin:4px 0 0;color:var(--muted)}.notification-preferences .form-field{margin:0}.notification-preferences input[type="range"]{width:100%;accent-color:var(--brand)}.notification-preferences output{float:right;color:var(--brand);font-weight:900}.alert-intensity{display:flex;gap:15px;margin:0;padding:12px;border:1px solid var(--line);border-radius:10px}.alert-intensity legend{padding:0 5px;font-size:11px;font-weight:800}.alert-intensity label,.alert-toggles label{min-height:32px;display:flex;align-items:center;gap:5px}.alert-toggles{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px}.notification-test-actions{display:flex;gap:8px;flex-wrap:wrap}.notification-test-actions button{min-height:42px}
@media(max-width:700px){.operational-alert-region{top:66px;left:10px;right:10px;width:auto}.operational-alert{grid-template-columns:auto minmax(0,1fr) auto;padding:11px;gap:9px}.operational-alert-icon{width:34px;height:34px}.operational-alert-open{grid-column:2;justify-self:end;min-height:38px}.operational-alert-dismiss{grid-column:3;grid-row:1}.alert-toggles{grid-template-columns:1fr}.notification-test-actions button{flex:1 1 120px}}
@media(prefers-reduced-motion:no-preference){.operational-alert{animation:operational-alert-in .22s ease-out}}@keyframes operational-alert-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* Rev. 1.81.0: diretório, preferências pessoais e relatórios móveis. */
.report-metric-link{border:0;background:transparent;color:var(--brand);font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-width:28px;min-height:28px;padding:2px 4px}.report-metric-link:hover{background:var(--brand-soft)}.report-metric-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.report-records .directory-pagination{margin-top:16px}
.composer-template-action{border:0;background:transparent;color:var(--brand);font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:32px;padding:3px 6px}.composer-template-action:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.template-fields{display:grid;gap:10px}.template-preview{overflow-wrap:anywhere}.template-preview p{white-space:pre-wrap}
.rail{background:var(--sidebar-color,#092f2c)}
.contact-directory-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:6px 14px;margin:0 0 16px}.contact-directory-toolbar label{grid-column:1/-1;color:var(--muted);font-size:11px;font-weight:700}.contact-directory-toolbar input{min-height:44px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);padding:0 13px}.directory-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0}.contact-start{width:100%;min-height:44px;margin-top:14px}.official-rule{padding:12px;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:10px;background:var(--surface-2)}.official-rule p{color:var(--muted);margin:5px 0 0}.alert-visual-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.alert-visual-options input[type=color]{width:100%;min-height:42px;padding:3px}
/* O tom do canal identifica o alerta, mas nunca substitui o fundo de alto contraste. */
.operational-alert-region{width:min(420px,calc(100vw - 36px))}
.operational-alert{grid-template-columns:36px minmax(0,1fr) 40px;align-items:start;gap:8px 10px;min-height:0;padding:12px;border-color:var(--operational-alert-line);border-left-color:var(--channel-alert,#38bdf8);background:var(--operational-alert-bg);color:var(--operational-alert-text)}
.operational-alert-icon{width:36px;height:36px}
.operational-alert-copy{grid-column:2;grid-row:1;gap:4px;min-width:0;overflow-wrap:anywhere}
.operational-alert-copy span{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}
.operational-alert-copy small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
.operational-alert-open{grid-column:2;grid-row:2;justify-self:start;min-width:96px;min-height:40px}
.operational-alert-dismiss{grid-column:3;grid-row:1;min-width:40px;min-height:40px}
.operational-alert-open:focus-visible,.operational-alert-dismiss:focus-visible{outline:3px solid #fff;outline-offset:2px}
.operational-alert-copy .operational-alert-title{font-size:11px;line-height:1.3;letter-spacing:.06em;color:var(--operational-alert-action)}
.operational-alert-copy .operational-alert-contact{font-size:15px;line-height:1.35;font-weight:800;overflow-wrap:anywhere}
.operational-alert-copy .operational-alert-message{font-size:13px;line-height:1.4;color:var(--operational-alert-text);overflow-wrap:anywhere}
.operational-alert-copy .operational-alert-channel{font-size:11px;line-height:1.35;color:var(--operational-alert-muted);overflow-wrap:anywhere}
.operational-alert-open:hover{background:#8af4e3}.operational-alert-open:active{background:#34d9c3}
@media(max-width:700px){.operational-alert-region{top:66px;left:10px;right:10px;width:auto}.operational-alert{grid-template-columns:32px minmax(0,1fr) 40px}.operational-alert-icon{width:32px;height:32px}.operational-alert-open{grid-column:2;grid-row:2;justify-self:start}}
@media(max-width:700px) and (max-height:500px){.operational-alert-region{top:6px;left:6px;right:6px}.operational-alert{max-height:calc(100dvh - 12px);overflow-y:auto}}
@media(max-width:700px){.rail nav{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.rail nav::-webkit-scrollbar{display:none}.rail-btn{flex:0 0 68px}.generic-header{display:grid;gap:14px}.generic-header>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.contact-directory-toolbar{grid-template-columns:1fr}.contact-directory-toolbar label{grid-column:auto}.contact-card{min-height:116px;text-align:left}.report-table-sla{border:0;overflow:visible}.report-table-sla .report-table-head{display:none}.report-table-sla>div:not(.report-table-head){min-width:0!important;display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;margin-bottom:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.report-table-sla>div:not(.report-table-head)>strong{grid-column:1/-1;font-size:15px}.report-table-sla>div:not(.report-table-head)>span{text-align:left;display:grid;gap:2px}.report-table-sla>div:not(.report-table-head)>span:nth-of-type(1):before{content:'Atendimentos'}.report-table-sla>div:not(.report-table-head)>span:nth-of-type(2):before{content:'Abertos'}.report-table-sla>div:not(.report-table-head)>span:nth-of-type(3):before{content:'Resolvidos'}.report-table-sla>div:not(.report-table-head)>span:nth-of-type(4):before{content:'1ª resposta'}.report-table-sla>div:not(.report-table-head)>span:nth-of-type(5):before{content:'SLA'}.report-table-sla>div:not(.report-table-head)>span:before{font-size:9px;color:var(--muted);font-weight:700}.alert-visual-options{grid-template-columns:1fr}}
.start-conversation-lookup{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);line-height:1.45;overflow-wrap:anywhere}.start-conversation-lookup:empty{display:none}.start-conversation-lookup span{color:var(--muted)}.start-conversation-lookup .start-lookup-error{color:var(--red)}.start-conversation-lookup button{justify-self:start;min-height:44px;margin-top:4px}
.start-conversation-status{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);overflow-wrap:anywhere}.start-conversation-status.error{border-color:var(--red);color:var(--red)}
#startConversationForm{grid-template-columns:minmax(0,1fr);min-width:0}#startConversationForm .form-field{min-width:0;grid-template-columns:minmax(0,1fr)}#startConversationForm input,#startConversationForm select{width:100%;min-width:0}
.contact-channel-picker{display:grid;gap:8px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface-2)}.contact-channel-picker legend{padding:0 6px;font-weight:800}.contact-channel-picker .check-field{min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;overflow-wrap:anywhere}.contact-channel-picker .check-field:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.contact-channel-picker .check-field:focus-within,.contact-channel-confirm:focus-within{outline:2px solid var(--brand);outline-offset:2px}.contact-channel-picker input,.contact-channel-confirm input{flex:none;width:18px;height:18px;accent-color:var(--brand)}.contact-channel-confirm{min-height:44px;line-height:1.4}
#unlinkedContactBatchForm{grid-template-columns:minmax(0,1fr);min-width:0}#unlinkedContactBatchForm>*{min-width:0}#unlinkedContactBatchForm .form-field{grid-template-columns:minmax(0,1fr)}#unlinkedContactChannel{width:100%;min-width:0}#unlinkedContactBatchForm button{max-width:100%;white-space:normal;overflow-wrap:anywhere}#unlinkedContactBatchForm .form-actions{flex-wrap:wrap}#unlinkedContactBatchPreview{overflow-wrap:anywhere}#unlinkedContactBatchPreview ul{padding-left:20px}
#historyContactChannelPreview{grid-template-columns:minmax(0,1fr);min-width:0}#historyContactChannelPreview>*{min-width:0}#historyContactChannel{width:100%;min-width:0}#historyContactChannelPreview .form-actions{flex-wrap:wrap}#historyContactChannelResult{overflow-wrap:anywhere}.history-contact-candidates{max-height:45vh;overflow:auto;padding-left:24px}.history-contact-candidates li{margin-block:6px}
/* Mobile workspaces keep their own scroll area above the fixed bottom navigation. */
@media(max-width:700px){.dashboard-view,.generic-view{height:calc(100dvh - 62px);min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(84px + env(safe-area-inset-bottom))}}
.reply-option[aria-selected="true"],.reply-option:focus-visible{background:var(--brand-soft);outline:2px solid var(--brand);outline-offset:-2px}.reply-menu{max-width:calc(100vw - 24px)}.reply-option{min-height:44px;align-items:center;gap:10px}.reply-option span{overflow-wrap:anywhere}
[data-theme="dark"] .warning-box{background:#402321;border-color:#8e4d48;color:#fff2f1}