.follow-wrap{background:linear-gradient(#f7f8fc,#eef2f7);gap:14px;padding:18px;display:grid;overflow:auto}.follow-safe{color:#23785b;background:#eef9f3;border:1px solid #d2eadd;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800}.follow-metrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.follow-metrics article{background:#fffffffa;border:1px solid #dfe6ed;border-radius:14px;align-items:center;gap:10px;padding:13px;transition:all .18s;display:flex;box-shadow:0 7px 22px #1f31520b}.follow-metrics article:hover{transform:translateY(-2px);box-shadow:0 10px 26px #1f315214}.follow-metrics>article>i{border-radius:10px;place-items:center;width:35px;height:35px;font-size:15px;font-style:normal;display:grid}.follow-metrics i.red{color:#ce3b49;background:#fff0f1}.follow-metrics i.blue{color:#5369c7;background:#eef2ff}.follow-metrics i.orange{color:#cf7817;background:#fff5e7}.follow-metrics i.purple{color:#7657ce;background:#f2eefe}.follow-metrics i.critical{color:#bd2837;background:#ffe8ea}.follow-metrics small,.follow-metrics strong,.follow-metrics em{display:block}.follow-metrics small{color:#7c8a99;font-size:9px;font-weight:750}.follow-metrics strong{color:#21354a;margin:2px 0;font-size:20px}.follow-metrics em{color:#8a97a5;font-size:9px;font-style:normal}.follow-card{background:#fffffffa;border:1px solid #dfe6ed;border-radius:16px;min-width:0;padding:15px;box-shadow:0 9px 28px #1f31520e}.follow-card>header{align-items:center;display:flex}.follow-card h2{color:#1e3248;margin:0;font-size:16px}.follow-card header p{color:#8391a0;margin:4px 0 0;font-size:10px}.follow-search{color:#6679a1;background:#f9fbff;border:1px solid #d9e2ef;border-radius:10px;margin-left:auto;padding:7px 9px}.follow-search input{background:0 0;border:0;outline:0;width:160px;font-size:10px}.follow-filters{align-items:center;margin:13px 0 9px;display:flex}.follow-filters>div{gap:5px;display:flex;overflow:auto}.follow-filters button{white-space:nowrap;color:#68798b;background:#fff;border:1px solid #dce3ea;border-radius:18px;padding:7px 9px;font-size:9px;font-weight:750}.follow-filters button.selected{color:#344da8;background:#eef2ff;border-color:#b9c5ee}.follow-filters label{color:#718194;align-items:center;gap:6px;margin-left:auto;font-size:10px;display:flex}.follow-filters select{color:#40536a;background:#fff;border:1px solid #dce3ea;border-radius:9px;padding:7px 24px 7px 8px;font-size:10px}.follow-list{border:1px solid #edf0f4;border-radius:11px;overflow:auto}.follow-list .head,.follow-list>article{grid-template-columns:1.15fr 1fr .7fr .35fr 1fr 245px;align-items:center;gap:9px;min-width:880px;display:grid}.follow-list .head{color:#7e8c9b;letter-spacing:.04em;text-transform:uppercase;background:#f6f8fc;padding:9px;font-size:8px;font-weight:850}.follow-list>article{color:#536579;background:#fff;border-bottom:1px solid #edf0f3;padding:11px 8px;font-size:10px;position:relative}.follow-list>article:hover{background:#fbfcff}.follow-list>article:before{content:"";background:#aeb9c4;border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.follow-list>article.alta:before{background:#df8822}.follow-list>article.critica:before{background:#d63f4c}.follow-list>article>div{align-items:center;gap:8px;display:flex}.follow-avatar{color:#465fbe;background:linear-gradient(135deg,#edf2ff,#f2efff);border-radius:10px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:850;display:grid}.follow-list p{margin:0}.follow-list strong,.follow-list small{display:block}.follow-list strong{color:#22364b;font-size:10px}.follow-list small{color:#8492a1;margin-top:3px;font-size:9px}.follow-list span>b{border-radius:999px;padding:4px 7px;font-size:8px;display:inline-block}.follow-list b.responder{color:#c63543;background:#fff0f1}.follow-list b.retorno{color:#465fbe;background:#eef2ff}.follow-list b.inativa{color:#bf7016;background:#fff5e7}.follow-list b.sem_responsavel{color:#7252c7;background:#f1edff}.follow-time{color:#d15b37!important;font-size:13px!important}.follow-actions{grid-template-columns:repeat(2,1fr);gap:4px;display:grid!important}.follow-actions button{color:#465f9d;background:#f8faff;border:1px solid #d4def1;border-radius:8px;padding:6px 4px;font-size:8px;font-weight:750}.follow-actions button:hover{background:#f0f3ff;border-color:#aebde9}.follow-actions button.done{color:#147b4a;background:#effaf4;border-color:#b7dec9}.follow-actions button:disabled{opacity:.55}.follow-error{color:#b72c3a;background:#fff1f2;border-radius:9px;margin:8px 0;padding:9px 10px;font-size:10px}.follow-empty{text-align:center;color:#8190a0;padding:50px 20px}.follow-empty b{color:#139b68;background:#eaf8f2;border-radius:13px;place-items:center;width:38px;height:38px;margin:0 auto 8px;display:grid}.follow-empty strong{color:#405267;font-size:13px;display:block}.follow-empty p{font-size:10px}.follow-guidance{background:linear-gradient(135deg,#f8faff,#f2f5ff);border:1px solid #d9e3f3;border-radius:12px;padding:12px}.follow-guidance b{color:#465fbe;font-size:10px}.follow-guidance p{color:#65788c;margin:5px 0 0;font-size:9px;line-height:1.55}.follow-top-actions{align-items:center;gap:9px;display:flex}.follow-top-actions>button{color:inherit;background:#ffffff1a;border:1px solid #ffffff40;border-radius:9px;padding:9px 12px;font-size:9px;font-weight:800}.follow-top-actions>button:disabled{opacity:.5}@media (max-width:1100px){.follow-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.follow-wrap{padding:10px}.follow-metrics{grid-template-columns:1fr}.follow-card>header,.follow-filters{flex-direction:column;align-items:flex-start;gap:8px}.follow-search,.follow-filters label{margin-left:0}}