.filter-drawer header{padding:24px 16px 26px}.filter-drawer h2{font-size:19px}.filter-total{display:flex;align-items:center;justify-content:space-between;padding:0 16px 10px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-muted)}.filter-total button,.clear-group,#save-filter-toggle{color:var(--accent);font-size:13px}.filter-total button:disabled{opacity:.4}.filter-drawer fieldset{padding:20px 16px}.filter-drawer legend{display:flex;align-items:center;gap:7px;font-size:13px;letter-spacing:0;float:none;margin:0 0 12px;width:100%}.filter-drawer legend>span:first-child{margin-right:auto}.group-selection{font-size:12px;font-weight:400;color:var(--text-muted);white-space:nowrap}.clear-group{font-size:12px}.filter-chips{gap:7px}.filter-chips button{padding:2px 7px;font-size:13px}.filter-drawer footer{position:relative;padding:16px;min-height:65px;align-items:center}.filter-drawer footer .primary{padding:8px 15px;font-size:13px}.filter-drawer footer button{white-space:nowrap}
#save-filter-popover{position:absolute;left:16px;right:16px;bottom:calc(100% + 8px);z-index:2;background:var(--bg-list);border:1px solid var(--border);border-radius:16px;box-shadow:0 0 20px #0006;padding:16px}#save-filter-form label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}#filter-name{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:16px;background:var(--bg-list);color:var(--text);font:14px var(--font);outline-offset:1px}#filter-name:focus{outline:2px solid var(--accent)}#save-filter-form .primary{width:100%;gap:6px;margin-top:8px;justify-content:center}#save-filter-form .primary svg{width:14px;height:14px}#save-filter-error{font-size:11px;line-height:1.5;color:#ffaaaa;margin:6px 0 0}
.saved-filter-picker{padding:15px 16px;border-bottom:1px solid var(--border)}.saved-filter-picker label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:7px}.saved-filter-picker>div{display:flex;align-items:center;gap:8px}.saved-filter-picker select{min-width:0;flex:1;background:var(--bg-page);border:1px solid var(--border);color:var(--text);padding:7px;border-radius:6px;font:12px var(--font)}.saved-filter-picker button{font-size:12px;color:var(--accent)}
.list-tools{display:block;padding:0 16px 12px}.list-tools>#list-order-label{display:block;text-align:right;margin-top:5px;font-size:10px}#filter-summary{display:flex;align-items:center;gap:12px;background:var(--bg-page);border-radius:18px;padding:13px 14px;font-size:12px}#filter-summary-text{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b7c7ed}#filter-summary button{font-size:12px}#clear-applied-filters{color:var(--text);font-size:18px!important}
#filter-summary{gap:8px}#filter-summary-count{font-size:12px;font-weight:600;white-space:nowrap;color:#bdcbe6}.summary-icon{display:flex;flex-shrink:0;color:var(--accent)}.summary-icon svg{width:15px;height:15px}#filter-summary-text{color:var(--text);font-size:12px}#active-filters{margin-left:8px;flex-shrink:0}#clear-applied-filters{flex-shrink:0}

/* Shared typography and optical icon sizing, matched to the reference. */
body{font-family:var(--font);font-weight:400;font-synthesis:none;font-optical-sizing:auto}
button,input,textarea,select{font-family:inherit}
.navigation .nav-items{gap:8px}
body.menu-expanded .navigation .nav{min-height:40px;padding:10px 16px;font-size:16px;font-weight:400;line-height:20px;gap:10px;letter-spacing:-.25px}
.navigation .nav>.icon{width:18px;height:18px;stroke-width:1.65;color:#e1e4e9}
.navigation .nav.active>.icon{fill:#fff;stroke-width:1.2}
.channel-tabs .icon-button{width:30px;height:30px}
.channel-tabs .icon-button>.icon{width:20px;height:20px;stroke-width:1.55}
.channel-tabs .icon-button.is-active{color:var(--accent)}
.search-row .search>.icon{width:17px;height:17px;stroke-width:1.7}
.search-row .toolbar-icon svg{width:18px;height:18px;stroke-width:1.6}
.search-row .toolbar-icon{color:#9aa7b5}
.search-row .search input{font-size:15px;letter-spacing:0}
.status-tabs button{font-size:14px;font-weight:400;line-height:20px;letter-spacing:-.15px}
.filter-drawer header{padding:24px 16px 28px;align-items:center}
.filter-drawer h2{font:600 20px/26px var(--font);letter-spacing:-.45px}
.filter-total{font-size:14px;line-height:20px;padding-bottom:10px}
.filter-drawer .filter-group{padding:20px 16px 18px;border-bottom:1px solid var(--border);margin:0}
.filter-group-heading{display:flex;align-items:center;gap:7px;min-height:20px;margin-bottom:12px;line-height:20px}
.filter-title{display:flex;align-items:center;gap:8px;margin-right:auto;min-width:0;font:400 14px/20px var(--font);color:#e1e4e9;white-space:nowrap;letter-spacing:-.25px}
.filter-title svg{width:15px;height:15px;flex-shrink:0;color:#a3b0bd;stroke-width:1.5}
.filter-group-heading .group-selection{font:400 12px/20px var(--font);color:#8e9ba9;white-space:nowrap;letter-spacing:-.35px}
.filter-group-heading .clear-group{font-size:13px;line-height:20px;white-space:nowrap;letter-spacing:-.25px}
.filter-chips{gap:7px 8px}
.filter-chips button{min-height:23px;padding:0 8px;font:400 14px/21px var(--font);letter-spacing:-.3px;color:#dde4ef;border:1px solid #4a5056;border-radius:999px}
.filter-chips button[aria-pressed=true]{border-color:#5a7fff;background:transparent;color:#83a1ff;box-shadow:inset 0 0 0 1px #5a7fff}
.filter-chips button[data-value="Clientes Solution"]{background:#248806;border-color:#42a727;color:white;font-size:12px;letter-spacing:-.2px}
.filter-chips button[data-value="Parceiros Solution"]{background:#095edc;border-color:#378aff;color:white;font-size:12px;letter-spacing:-.2px}
.filter-chips button[data-value="Clientes Solution"][aria-pressed=true],.filter-chips button[data-value="Parceiros Solution"][aria-pressed=true]{box-shadow:0 0 0 2px #a6beff}
.filter-chips button[data-group="agents"]{width:36px;height:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:13px;font-weight:600;letter-spacing:-.3px;border:0;background:#6a38af;color:white;flex-shrink:0}
.filter-chips button[data-group="agents"][data-value="Yuri Gomes"]{background:#6505d4}
.filter-chips button[data-group="agents"][data-value="Sem atendente"]{border:1px solid #434a51;background:transparent;color:#b0bdca}
.filter-chips button[data-group="agents"] svg{width:15px;height:15px}
.filter-chips button[data-group="agents"][aria-pressed=true]{box-shadow:0 0 0 2px #6486ff}
.filter-group .date-range{margin-top:12px}
.filter-drawer footer button{font-size:13px;line-height:20px}
.conversation-line strong{font-size:16px;line-height:21px;font-weight:400;letter-spacing:-.3px}
.conversation-preview{font-size:14px;line-height:20px;letter-spacing:-.15px}
@media(max-width:1100px){body.menu-expanded .navigation .nav{font-size:15px!important}}
@media(max-width:650px){.filter-group-heading{gap:5px}.filter-title{font-size:13px;gap:6px}.filter-group-heading .group-selection{font-size:11px}.filter-group-heading .clear-group{font-size:12px}}
.status-tabs{height:40px;padding:2px}.status-tabs button{height:36px;padding:4px 8px;font-family:var(--font);font-size:14px;line-height:20px;font-weight:400;color:#fff}.status-tabs button.selected{background:#4C70DA}

/* Circular icon controls: fixed hit area, centered outline and neutral hover. */
.search-row{height:54px;min-height:54px;padding:5px 14px;gap:10px}
.search-row .toolbar-icon{width:44px;height:44px;min-width:44px;flex:0 0 44px;padding:0;border-radius:50%;background:transparent;color:#9eacbd;display:grid;place-items:center;position:relative}
.search-row .toolbar-icon svg{width:22px;height:22px;stroke-width:1.55;shape-rendering:geometricPrecision}
.search-row .toolbar-icon:hover,.search-row .toolbar-icon:focus-visible,.search-row .toolbar-icon[aria-expanded=true],.search-row .toolbar-icon[aria-pressed=true]{background:#303437;color:#aebdce}
.search-row .toolbar-icon[aria-expanded=true],.search-row .toolbar-icon[aria-pressed=true]{color:#678cff}
.search-row .toolbar-icon:focus-visible{outline:2px solid #6387ed;outline-offset:2px}
.search-row .toolbar-icon:before{content:attr(aria-label);position:absolute;bottom:calc(100% + 9px);right:0;z-index:25;width:max-content;max-width:240px;background:#3b3e44;border-radius:3px;padding:6px 8px;color:#fff;font:500 12px/18px var(--font);white-space:nowrap;box-shadow:0 3px 8px #0003;opacity:0;visibility:hidden;pointer-events:none}
.search-row .toolbar-icon:after{content:'';position:absolute;bottom:calc(100% + 4px);left:calc(50% - 5px);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #3b3e44;opacity:0;visibility:hidden;pointer-events:none}
.search-row .toolbar-icon:first-child:before{right:auto;left:0}
.search-row .toolbar-icon:hover:before,.search-row .toolbar-icon:hover:after,.search-row .toolbar-icon:focus-visible:before,.search-row .toolbar-icon:focus-visible:after{opacity:1;visibility:visible}
.search-row .toolbar-icon b{top:-2px;right:0;min-width:19px;height:19px;line-height:17px;padding:1px 5px;font-size:11px;font-weight:500;border-radius:50%;background:var(--accent)}
.brand-row>.icon-button{border-radius:50%}