.sx-panel h2{margin:5px 0 10px}.sx-panel h3{margin:28px 0 8px}.sx-connection{display:inline-block;padding:8px 14px;border-radius:20px;background:#edf1f5;color:#344054;font-weight:700;white-space:nowrap}.sx-connection.fresh{background:#e6f5ed;color:#14663c}.sx-connection.stale{background:#fff0dc;color:#8c4800}.sx-warning{padding:14px 18px;background:#fff0dc;color:#703b0c;border-left:4px solid #ce790d;border-radius:6px;margin:12px 0}.sx-metrics{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:12px;margin:22px 0}.sx-metrics>div{border:1px solid #dce3e9;border-radius:12px;padding:16px;background:#fff}.sx-metrics span{display:block;font-size:12px;color:#536478}.sx-metrics strong{display:block;font-size:30px;color:#18364a;margin-top:8px}.sx-toolbar{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:20px 0}.sx-toolbar .field{flex:1;min-width:190px;margin:0}.sx-toolbar button{align-self:center}.sx-table{width:100%;min-width:700px}.sx-table td{vertical-align:top}.sx-table small{display:block;color:#667085;margin-top:5px;font-size:12px}.sx-state{padding:5px 9px;border-radius:7px;background:#eef1f5;color:#344054;display:inline-block;font-weight:600}.sx-state.available{background:#e6f5ed;color:#14663c}.sx-state.paused{background:#fff0dc;color:#8c4800}.sx-state.in_call{background:#e7efff;color:#254f99}.sx-state.ringing{background:#f0eaff;color:#6545a6}.sx-overdue{background:#fff4f2}.sx-dim{opacity:.64}.sx-panel .helper{line-height:1.55}.sx-panel .admin-header{align-items:start;gap:16px}.sx-empty{padding:24px!important;text-align:center;color:#667085}@media(max-width:1150px){.sx-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.sx-metrics{grid-template-columns:repeat(2,1fr)}.sx-panel .admin-header{flex-direction:column}.sx-toolbar{display:block}.sx-toolbar .field{margin-bottom:12px}}