/* Presença de usuários — leitura restrita, layout compacto e operacional. */
#screenPresenca{min-width:0;background:#f2f5f8;color:#1d3c52}
#screenPresenca .presence-shell{padding:20px;max-width:1550px;margin:auto}
#screenPresenca .presence-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:16px}
#screenPresenca .presence-head h1{font-size:23px;line-height:1.25;margin:0;color:#173b57}
#screenPresenca .presence-head p{font-size:12px;color:#597387;margin:6px 0 0}
#screenPresenca .presence-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
#screenPresenca .presence-kpis>div{background:#fff;border:1px solid #d5e3ec;border-radius:8px;padding:16px 19px;box-shadow:0 2px 8px #284d6710}
#screenPresenca .presence-kpis small{display:block;color:#5a7180;font-size:10px;font-weight:800;letter-spacing:.45px}
#screenPresenca .presence-kpis strong{display:block;color:#1b587a;font-size:30px;line-height:1.2;margin-top:8px}
#screenPresenca .presence-card{background:#fff;border:1px solid #d8e4eb;border-radius:8px;overflow:hidden}
#screenPresenca .presence-card-heading{padding:15px 17px;border-bottom:1px solid #e1eaf0;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#234861;font-size:12px}
#screenPresenca .presence-card-heading span{font-size:11px;color:#657d8d}
#screenPresenca .presence-scroll{width:100%;overflow-x:auto}
#screenPresenca .presence-table{border-collapse:collapse;width:100%;min-width:850px}
#screenPresenca .presence-table th{background:#edf4f8;border-bottom:1px solid #d5e4ed;border-right:0;font-size:10px;color:#3f6074;text-align:left;padding:13px 12px}
#screenPresenca .presence-table td{border:0;border-bottom:1px solid #e9eef2;padding:14px 12px;font-size:12px;text-align:left;white-space:nowrap}
#screenPresenca .presence-table td:first-child b{display:block;font-size:12px}
#screenPresenca .presence-table td:first-child small{display:block;color:#6e8493;font-size:10px;margin-top:3px}
#screenPresenca .presence-table tr:last-child td{border-bottom:0}
#screenPresenca .presence-state{display:inline-block;padding:6px 9px;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.2px}
#screenPresenca .presence-state.active{background:#e9f5ee;color:#27734c}
#screenPresenca .presence-state.away{background:#fff5e6;color:#89632a}
#screenPresenca .presence-state.offline{background:#edf1f4;color:#63727c}
#screenPresenca .presence-explain{font-size:11px;line-height:1.5;color:#637785;border-top:1px solid #e5edf3;margin:0;padding:12px 16px}
#screenPresenca .presence-empty{color:#6b7c88;padding:25px 15px!important;text-align:center!important}
@media(max-width:700px){#screenPresenca .presence-shell{padding:12px}#screenPresenca .presence-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#screenPresenca .presence-kpis>div{padding:10px}#screenPresenca .presence-kpis strong{font-size:23px}#screenPresenca .presence-head h1{font-size:19px}}