.sup-content{max-width:1500px;padding:29px 32px 50px}.sup-heading{justify-content:space-between;align-items:flex-end;display:flex}.sup-heading span{letter-spacing:1.6px;color:#00a894;font-size:10.45px;font-weight:900}.sup-heading h1{margin:8px 0 6px;font-size:32.41px}.sup-heading p{color:#6b8197;margin:0;font-size:13.59px}.sup-heading>button{color:#fff;background:#08aa96;border:0;border-radius:9px;padding:13px 18px;font-weight:900}.sup-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 15px;display:grid}.sup-kpis article{background:#fff;border:1px solid #d1e0e6;border-radius:12px;padding:17px}.sup-kpis small{color:#71879a;font-size:9.41px;font-weight:900}.sup-kpis b{margin:11px 0 5px;font-size:24.05px;display:block}.sup-kpis p{color:#668096;margin:0;font-size:10.45px}.sup-filters{background:#fff;border:1px solid #d1e0e6;border-radius:11px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:8px 12px;display:flex}.sup-filters>div{gap:3px;display:flex}.sup-filters button{color:#607a91;background:0 0;border:0;border-radius:7px;padding:9px 11px;font-size:9.41px;font-weight:900}.sup-filters button.active{color:#008b7c;background:#dff6f2}.sup-filters label{color:#71869a;font-size:8.36px}.sup-filters select{border:1px solid #cadce3;border-radius:7px;margin-left:6px;padding:7px}.sup-layout{grid-template-columns:300px minmax(430px,1fr) 245px;align-items:start;gap:14px;display:grid}.sup-list,.sup-conversation,.sup-detail{background:#fff;border:1px solid #d0dfe6;border-radius:13px}.sup-list>header{border-bottom:1px solid #dce7eb;justify-content:space-between;padding:14px;display:flex}.sup-list h2{margin:0;font-size:14.64px}.sup-list header button{color:#008b7c;background:0 0;border:0;font-size:8.36px;font-weight:900}.sup-list>button{text-align:left;color:#315a7c;background:#fff;border:0;border-bottom:1px solid #e3ecef;grid-template-columns:35px 1fr auto;gap:9px;width:100%;padding:11px;display:grid}.sup-list>button.selected{background:#edf9f7;box-shadow:inset 3px 0 #08aa96}.sup-list>button>span,.sup-message>span{color:#008b7c;background:#dff6f2;border-radius:50%;place-items:center;width:34px;height:34px;font-size:9.41px;font-weight:900;display:grid}.sup-list button>div{flex-direction:column;gap:3px;display:flex}.sup-list small{color:#8295a6;font-size:7.32px}.sup-list b{font-size:9.41px}.sup-list p{color:#6e8497;margin:0;font-size:7.32px}.sup-list aside{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.sup-list em,.sup-detail em{border-radius:99px;padding:3px 6px;font-size:7.32px;font-style:normal;font-weight:900}.alta{color:#b25234;background:#ffe7df}.normal{color:#1e7294;background:#e2f2fa}.baixa{color:#657b8d;background:#edf1f3}.sup-list strong{font-size:7.32px}.sup-conversation{padding:17px}.sup-conversation>header{border-bottom:1px solid #dfe9ed;justify-content:space-between;padding-bottom:14px;display:flex}.sup-conversation h2{margin:4px 0;font-size:16.73px}.sup-conversation header p,.sup-conversation header small{color:#71869a;margin:0;font-size:8.36px}.sup-conversation header select{border:1px solid #cadce3;border-radius:7px;height:32px;font-size:8.36px}.sup-message{border-bottom:1px solid #e1eaee;gap:9px;padding:14px 0;display:flex}.sup-message>div{background:#f4f8fa;border-radius:9px;flex:1;padding:10px}.sup-message.agent>div{background:#e8f8f5}.sup-message header{justify-content:space-between;display:flex}.sup-message b{font-size:9.41px}.sup-message small{color:#71869a;font-size:7.32px}.sup-message p{color:#48687f;margin:7px 0 0;font-size:9.41px;line-height:1.55}.sup-reply{border:1px solid #cadce3;border-radius:9px;margin-top:15px;overflow:hidden}.sup-reply textarea{resize:vertical;border:0;width:100%;min-height:82px;padding:11px}.sup-reply footer{border-top:1px solid #dfe9ed;justify-content:space-between;padding:8px;display:flex}.sup-reply button{color:#58758c;background:0 0;border:0;font-size:8.36px;font-weight:900}.sup-reply footer>button{color:#fff;background:#08aa96;border-radius:7px;padding:8px 11px}.sup-detail{padding:15px;position:sticky;top:80px}.sup-detail>header{justify-content:space-between;display:flex}.sup-detail h2{margin:0;font-size:14.64px}.sup-detail header button{background:0 0;border:0}.sup-detail dl{border-bottom:1px solid #dfe9ed;padding:10px 0}.sup-detail dl div{justify-content:space-between;padding:5px 0;font-size:8.36px;display:flex}.sup-detail dd{margin:0;font-weight:700}.sup-detail>section{border-bottom:1px solid #dfe9ed;padding:11px 0}.sup-detail h3{margin:0 0 7px;font-size:9.41px}.sup-detail section b,.sup-detail section p,.sup-detail section a{font-size:8.36px}.sup-detail section p{color:#71869a}.sup-detail section a{color:#008b7c;font-weight:900;text-decoration:none}.sup-detail section button{color:#008b7c;background:#fff;border:1px solid #b3d8d2;border-radius:7px;width:100%;margin:6px 0;padding:8px;font-size:8.36px;font-weight:900;display:block}.sup-detail>p{color:#59768a;background:#eef8f7;border-radius:8px;padding:9px;font-size:7.32px}@media (max-width:1200px){.sup-layout{grid-template-columns:300px 1fr}.sup-detail{display:none}.sup-kpis{grid-template-columns:1fr 1fr}}@media (max-width:780px){.sup-content{padding:23px 17px}.sup-heading{flex-direction:column;align-items:flex-start;gap:12px}.sup-kpis{grid-template-columns:1fr}.sup-filters{flex-direction:column;align-items:flex-start;gap:10px}.sup-filters>div{width:100%;overflow-x:auto}.sup-layout{grid-template-columns:1fr}.sup-reply footer{flex-direction:column;gap:10px}}