.channel-brand{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;color:#fff;background:#25d366}.channel-brand svg{width:25px;height:25px}.channel-brand.instagram{background:linear-gradient(135deg,#ffdc80,#fd5949 35%,#d6249f 65%,#833ab4)}.channel-brand.facebook{background:linear-gradient(135deg,#00b2ff,#0866ff)}.channel-brand.small{width:26px;height:26px;border-radius:8px;background:transparent}.channel-brand.small svg{width:21px;height:21px}.channel-brand.small.whatsapp{color:#00cf9e}.channel-brand.small.instagram{color:#ec35a1}.channel-brand.small.facebook{color:#168bff}.channel-header-status{display:flex;gap:9px;align-items:center}.channel-header-link{position:relative;display:flex}.channel-header-link i{position:absolute;right:0;bottom:0;width:5px;height:5px;border-radius:50%;background:#d45d6c;border:1px solid var(--surface)}.channel-header-link.online i{background:#19cf85}.channels-count{font-size:12px;color:var(--muted)}.channel-priorities{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.channel-priority{display:flex;gap:16px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:transform .2s,border-color .2s,box-shadow .2s;animation:channel-enter .45s ease-out both}.channel-priority:nth-child(2){animation-delay:.07s}.channel-priority:nth-child(3){animation-delay:.14s}.channel-priority:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 10px 25px #009aff10}.channel-priority h2{font-size:15px;margin:0 0 9px}.channel-priority p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 16px}.channel-state{display:inline-block;font-size:11px;border-radius:6px;padding:6px 9px;background:var(--bg);color:var(--muted)}.channel-state.connected{background:#00b98418;color:#11ad7d}.channel-state.pending{background:#009bff12;color:var(--muted)}.channel-connections{overflow:hidden}.channel-connection{display:flex;gap:18px;align-items:center;padding:22px;border-top:1px solid var(--line)}.channel-identity{flex:1;min-width:0}.channel-identity h3{margin:0 0 6px;font-size:14px}.channel-identity p{margin:0 0 4px;font-size:12px;color:var(--muted)}.channel-identity small{font-size:11px;color:var(--muted)}.channel-actions{display:flex;gap:8px}.channel-actions .button{font-size:12px}.channel-empty{padding:32px;text-align:center;color:var(--muted);font-size:13px}.channel-official{margin-top:24px;color:var(--muted);font-size:12px}.channel-official summary{cursor:pointer}.channel-official p{line-height:1.7}.channel-dialog{width:580px;max-width:calc(100vw - 30px);padding:28px;border-radius:14px;max-height:90vh;overflow:auto}.channel-dialog h2{font-size:20px}.channel-dialog p{font-size:13px;line-height:1.7;color:var(--muted)}.channel-options{display:grid;gap:12px;margin:18px 0 28px}.channel-option{display:flex;width:100%;align-items:center;gap:14px;text-align:left;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);transition:transform .2s,border-color .2s,background .2s}.channel-option:hover,.channel-option:focus-visible{border-color:var(--blue);transform:translateX(3px);background:var(--bg)}.channel-option strong{display:block;font-size:14px}.channel-option small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.channel-option small.connected{color:#11ad7d}.channel-chevron{margin-left:auto;font-size:24px;color:var(--muted)}.channel-dialog .dialog-footer .button{width:100%}.channel-steps{padding-left:20px;color:var(--muted);font-size:13px;line-height:1.9}.qr-dialog{border-radius:16px}.qr-image{border-radius:12px}.dashboard-overview .stat,.dashboard-overview .panel{animation:channel-enter .5s ease-out both;transition:transform .2s,border-color .2s,box-shadow .2s}.dashboard-overview .stat:nth-child(2){animation-delay:.05s}.dashboard-overview .stat:nth-child(3){animation-delay:.1s}.dashboard-overview .stat:nth-child(4){animation-delay:.15s}.dashboard-overview .stat:hover,.dashboard-overview .panel:hover{border-color:var(--blue);box-shadow:0 7px 25px #009aff12}.dashboard-overview .stat:hover{transform:translateY(-3px)}@keyframes channel-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1050px){.channel-priorities{grid-template-columns:1fr}.channel-connection{flex-wrap:wrap}.channel-actions{margin-left:62px}.channel-header-status{gap:4px}}@media(max-width:650px){.channel-header-status{display:none}.channel-dialog{padding:20px}.channel-connection .channel-state{margin-left:62px}.channel-priority{padding:20px}}@media(prefers-reduced-motion:reduce){.channel-priority,.channel-option,.dashboard-overview .stat,.dashboard-overview .panel{animation:none;transition:none}.channel-priority:hover,.channel-option:hover,.dashboard-overview .stat:hover{transform:none}}
.dashboard-overview .stat{position:relative}.dash-stat-icon{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--blue);background:#009aff12;font-size:20px}.dashboard-bar-tooltip{position:fixed;z-index:30;pointer-events:none;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px 14px;font-size:12px;box-shadow:0 6px 20px #0003}.dashboard-bar-tooltip[hidden]{display:none}[data-theme="dark"] :is(.dashboard-chart-tooltip,.dashboard-bar-tooltip){background:#080d17;border-color:#28394e;color:#fff}
.dash-stat-icon svg{width:23px;height:23px}.channel-header-status a:hover{filter:brightness(1.2)}
.channel-priority,.dashboard-overview .stat,.dashboard-overview .panel{animation-fill-mode:backwards}
.dash-bars>div>span{animation:none;transform-origin:bottom}.dashboard-origin-total{position:relative;border:0;width:140px;height:140px;animation:none;display:block}.dashboard-origin-total svg{width:100%;height:100%;overflow:visible}.origin-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.origin-segment{cursor:pointer;transition:stroke-width .2s,filter .2s;outline:none}.origin-segment:hover,.origin-segment:focus{stroke-width:20;filter:brightness(1.15)}.dash-origin{border-radius:8px;transition:background .2s;padding-left:8px;padding-right:8px}.dash-origin:hover,.dash-origin:focus{background:#18ce6912;outline:1px solid var(--line)}
@media(prefers-reduced-motion:reduce){.origin-segment,.dash-origin{transition:none}}

/* Brand marks and status dots follow the compact paid CRM header. */
.channel-header-status{gap:8px}.channel-header-link{width:30px;height:32px;align-items:center;justify-content:center;border-radius:8px;transition:background .18s,transform .18s}.channel-header-link:hover{background:#009aff10;transform:translateY(-1px)}.channel-header-link:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.channel-brand.small{width:26px;height:26px}.channel-brand.small svg{width:22px;height:22px}.channel-brand.small.whatsapp{color:#00d7a0}.channel-brand.small.instagram{color:#ef339d}.channel-brand.small.facebook{color:#1877f2}.channel-header-link i{width:7px;height:7px;right:0;bottom:2px;background:#f14b63;border:1.5px solid var(--surface);box-shadow:0 0 0 1px var(--surface)}.channel-header-link.online i{background:#16d78b}.channel-brand.facebook:not(.small) svg{width:28px;height:28px}

.user-editor-layout{display:grid;grid-template-columns:240px minmax(0,520px);gap:24px;justify-content:center;margin:24px auto}.user-preview{padding:32px 16px;text-align:center;align-self:start;min-height:210px}.user-preview .avatar{width:60px;height:60px;margin:0 auto 20px;font-size:20px}.user-preview h2{font-size:16px}.user-preview p{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.user-editor-panels{display:grid;gap:16px}.user-editor-panels .panel{padding:22px}.user-editor-panels h3{margin:0 0 18px;color:var(--muted);font-size:13px}.user-editor-panels p{font-size:12px;color:var(--muted)}.user-role-option{display:flex!important;align-items:center;gap:12px;padding:15px 12px;border:1px solid var(--line);border-radius:12px;margin:8px 0!important;cursor:pointer}.user-role-option:has(input:checked){border-color:var(--blue);background:#009aff12}.user-role-option input{width:16px!important;margin:0!important;accent-color:var(--blue)}.user-role-option>span:nth-child(2){flex:1}.user-role-option small{display:block;color:var(--muted);margin-top:6px;font-size:12px}.users-list-search{display:flex;align-items:center;gap:20px;margin:20px 0;color:var(--muted);font-size:12px}.users-list-search label{max-width:340px;flex:1}.user-identity{display:flex;gap:12px;align-items:center}.user-identity small{display:block;color:var(--muted);margin-top:6px}.user-queue-card{padding:24px;margin-top:16px}.user-queue-card p{color:var(--muted);font-size:13px}@media(max-width:750px){.user-editor-layout{grid-template-columns:1fr}.user-preview{min-height:0}.user-role-option>.pill{display:none}}

.user-presence-avatar{position:relative}.user-presence-avatar i{position:absolute;right:0;bottom:0;width:10px;height:10px;background:#0ed68b;border:2px solid var(--surface);border-radius:50%}.user-role-option input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}