body{height:var(--vh,100dvh);display:flex;flex-direction:column;--prod-height:90px}
#prod-bar{flex:0 0 auto;min-height:88px;display:flex;align-items:center;gap:18px;padding:12px 20px 21px;background:#fff;border-bottom:1px solid #dce7e3;position:relative;z-index:5;box-shadow:0 2px 8px #183b2605}
#prod-bar[hidden]{display:none}#prod-bar button{color:#086d54;background:#edf7f2;border:1px solid #d2e9dd;border-radius:8px;padding:9px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}
.prod-person{min-width:125px;max-width:220px}.prod-person b{display:block;font-size:13px;color:#173a31}.prod-person span{display:block;color:#657970;font-size:10px;margin-top:3px}.prod-metrics{display:flex;gap:20px;flex:1;justify-content:space-around;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.prod-metric{flex:0 0 auto}.prod-metric strong{display:block;font-size:21px;line-height:1.2;font-variant-numeric:tabular-nums;color:#173a31}.prod-metric span{font-size:10px;color:#52665e;display:block;margin-top:5px;white-space:nowrap}.prod-metric:first-child strong{color:#078162}.prod-status{position:absolute;bottom:3px;left:20px;right:20px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#73817d}
body .app{height:auto;min-height:0;flex:1;grid-template-columns:208px minmax(0,1fr)}body .app>.conteudo-crm{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}body .tela{height:100%;min-height:0;flex:1}body #tela-chat .corpo{height:100%;min-height:0;flex:1}body .corpo>.lista,body .corpo>.conversa{height:100%;min-height:0}
.prod-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.prod-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.3px;color:#207b61}.prod-heading h1{margin-top:6px}.prod-heading p{margin-bottom:0;color:#64776e}.prod-date{border:1px solid #dce6e0;border-radius:20px;padding:7px 12px;font-size:11px;white-space:nowrap;background:white}.prod-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.prod-summary>div{background:white;border:1px solid #dce6e0;border-radius:12px;padding:20px}.prod-summary span{font-size:12px;color:#586d62}.prod-summary b{display:block;font-size:30px;line-height:1.2;margin:12px 0 8px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.prod-summary small{font-size:11px;color:#748279}.prod-summary>div:first-child{background:#f0f8f3;border-color:#cbe5d6;color:#087252}.prod-method{border-left:3px solid #53a084;padding:8px 14px;color:#52685c;background:#f4f8f5;font-size:12px}.prod-table{border-collapse:collapse;width:100%;min-width:1150px;font-size:12px;background:white}.prod-table th{text-align:left;background:#f2f6f3;color:#526b5c;font-weight:600;font-size:11px}.prod-table th,.prod-table td{padding:14px;border-bottom:1px solid #e3ebe6}.prod-table td:not(:first-child){font-variant-numeric:tabular-nums;white-space:nowrap}.prod-table tr:hover td{background:#f8faf8}.prod-table small{display:block;color:#718076}.prod-details{margin-top:25px;padding:15px;border:1px solid #dee7e0;border-radius:10px;background:white;font-size:12px}.prod-details summary{font-weight:600;cursor:pointer}.prod-report h2{margin-top:28px}.prod-report .sp-table-wrap{border:1px solid #e0e8e3;border-radius:10px}
@media(max-width:1100px){#prod-bar{gap:12px;padding-left:12px;padding-right:12px}.prod-person{min-width:100px;max-width:120px}.prod-metrics{gap:18px;justify-content:flex-start}.prod-metric strong{font-size:18px}.prod-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){body .app{grid-template-columns:minmax(0,1fr)}#prod-bar{min-height:109px;padding:8px 10px 20px;flex-wrap:wrap;gap:7px}.prod-person{max-width:none;flex:1;display:flex;align-items:center;gap:8px}.prod-person span{margin:0}#prod-bar button{padding:5px 9px;font-size:11px}.prod-metrics{order:3;flex-basis:100%;gap:20px}.prod-metric strong{font-size:17px}.prod-metric span{font-size:9px}.prod-status{left:10px;right:10px;font-size:8px}.prod-status span:last-child{display:none}.prod-heading{display:block}.prod-date{display:none}.prod-summary{gap:8px}.prod-summary>div{padding:14px}.prod-summary b{font-size:23px}.prod-summary span{font-size:11px}}

@media(max-width:820px){.prod-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 14px;overflow:visible}.prod-metric span{white-space:normal;line-height:1.2}.prod-metric{min-width:0}.prod-person b{font-size:12px}.prod-person span{white-space:nowrap;font-size:9px}#prod-bar{padding-bottom:19px}}

body #tela-agentes .eq-shell{height:calc(var(--vh,100dvh) - var(--prod-height) - 204px);min-height:300px}
@media(max-width:820px){body{height:100dvh}body #tela-agentes .eq-shell{height:calc(100dvh - var(--prod-height) - 174px);min-height:260px}}