/* agents-hub.css - Vootkit Agents Hub (v44) */
.vk-agents-hub{position:fixed;inset:0;z-index:120;display:flex;justify-content:center;align-items:flex-start}
.vk-agents-hub[hidden]{display:none!important}
.vk-agents-scrim{position:absolute;inset:0;background:rgba(11,20,32,.5);backdrop-filter:blur(4px)}
.vk-agents-panel{position:relative;z-index:2;width:min(1120px,96vw);max-height:92vh;margin-top:4vh;
  background:#fff;border:1px solid var(--vk-line,#e6eaee);border-radius:22px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 30px 90px rgba(15,23,36,.28)}
.vk-agents-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:24px 26px 16px;border-bottom:1px solid var(--vk-line,#e6eaee)}
.vk-agents-kicker{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#2563eb}
.vk-agents-head h2{margin:8px 0 6px;font:700 22px/1.15 var(--display,'Manrope',sans-serif);letter-spacing:-.8px;color:#0f1724}
.vk-agents-head p{margin:0;max-width:640px;color:#5a6472;font-size:12.5px;line-height:1.55}
.vk-agents-close{border:0;background:#f2f5f6;width:36px;height:36px;border-radius:10px;font-size:20px;color:#5a6472;cursor:pointer;flex:none}
.vk-agents-close:hover{background:#e6eaee;color:#0f1724}
.vk-agents-controls{display:flex;align-items:center;gap:14px;padding:14px 26px 6px}
#vkAgentsSearch{flex:1;border:1px solid var(--vk-line,#e6eaee);border-radius:12px;padding:11px 14px;font-size:14px;color:#0f1724;outline:0}
#vkAgentsSearch:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.vk-agents-total{font-size:11.5px;color:#8a93a0;white-space:nowrap;font-weight:600}
.vk-agents-chips{display:flex;flex-wrap:wrap;gap:8px;padding:10px 26px 4px}
.vk-city-chip{border:1px solid var(--vk-line,#e6eaee);background:#fff;color:#3d4654;font-size:12px;font-weight:600;
  padding:7px 13px;border-radius:999px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.vk-city-chip b{color:#8a93a0;font-weight:700;margin-left:3px}
.vk-city-chip:hover{border-color:#2563eb;color:#1e40af}
.vk-city-chip.active{background:#2563eb;border-color:#2563eb;color:#fff}
.vk-city-chip.active b{color:rgba(255,255,255,.8)}
.vk-agents-body{overflow-y:auto;padding:16px 26px 26px}
.vk-agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.vk-agent-card{position:relative;border:1px solid var(--vk-line,#e6eaee);border-radius:15px;background:#fff;
  padding:15px 15px 14px;display:flex;flex-direction:column;gap:2px;transition:border-color .15s,box-shadow .15s,transform .15s}
.vk-agent-card:hover{border-color:#2563eb;box-shadow:0 8px 22px rgba(37,99,235,.1);transform:translateY(-2px)}
.vk-agent-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin-bottom:8px;
  background:rgba(37,99,235,.1);color:#2563eb}
.vk-agent-ic svg{width:18px;height:18px}
.vk-agent-card.violet .vk-agent-ic{background:rgba(99,102,241,.1);color:#6366f1}
.vk-agent-card.amber .vk-agent-ic{background:rgba(217,119,6,.1);color:#d97706}
.vk-agent-id{position:absolute;top:13px;right:13px;font-size:9px;font-weight:700;letter-spacing:.5px;color:#b5bdc6;font-family:var(--body,sans-serif)}
.vk-agent-card strong{font:700 13.5px var(--display,'Manrope',sans-serif);color:#0f1724;line-height:1.25}
.vk-agent-card small{color:#5a6472;font-size:11px;line-height:1.45;margin-top:3px;min-height:31px}
.vk-agent-city{margin-top:8px;font-size:9.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#2563eb}
.vk-agent-card.violet .vk-agent-city{color:#6366f1}
.vk-agent-card.amber .vk-agent-city{color:#d97706}
.vk-agents-empty{color:#5a6472;font-size:13px;padding:30px 4px}
body.vk-agents-open{overflow:hidden}
@media(max-width:760px){
  .vk-agents-panel{width:100vw;max-height:100vh;margin-top:0;border-radius:0}
  .vk-agents-head{padding:18px 16px 12px}
  .vk-agents-head h2{font-size:18px}
  .vk-agents-controls,.vk-agents-chips,.vk-agents-body{padding-left:16px;padding-right:16px}
  .vk-agents-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
}

/* Homepage "Meet your workforce" strip */
.vk-workforce-strip{display:flex;align-items:center;gap:16px;width:min(720px,100%);margin:20px auto 0;
  border:1px solid var(--vk-line,#e6eaee);background:#fff;border-radius:16px;padding:14px 18px;cursor:pointer;
  text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}
.vk-workforce-strip:hover{border-color:#2563eb;box-shadow:0 10px 26px rgba(37,99,235,.12);transform:translateY(-1px)}
.vk-workforce-orbs{display:flex;flex:none}
.vk-workforce-orbs i{width:26px;height:26px;border-radius:50%;border:2px solid #fff;margin-left:-9px;
  background:linear-gradient(135deg,#2563eb,#60a5fa)}
.vk-workforce-orbs i:first-child{margin-left:0}
.vk-workforce-orbs i:nth-child(2){background:linear-gradient(135deg,#6366f1,#8b8ff5)}
.vk-workforce-orbs i:nth-child(3){background:linear-gradient(135deg,#d97706,#f0a94b)}
.vk-workforce-orbs i:nth-child(4){background:linear-gradient(135deg,#2563eb,#5ad0c6)}
.vk-workforce-orbs i:nth-child(5){background:linear-gradient(135deg,#0f1724,#3a4658);
  display:grid;place-items:center;color:#fff;font-size:9px;font-weight:800}
.vk-workforce-orbs i:nth-child(5):after{content:"200"}
.vk-workforce-copy{flex:1;display:flex;flex-direction:column;gap:2px}
.vk-workforce-copy strong{font:700 14px var(--display,'Manrope',sans-serif);color:#0f1724}
.vk-workforce-copy small{color:#5a6472;font-size:11.5px;line-height:1.45}
.vk-workforce-go{flex:none;color:#2563eb;font-size:12px;font-weight:700;white-space:nowrap}
@media(max-width:640px){
  .vk-workforce-strip{gap:12px;padding:12px 14px}
  .vk-workforce-go{display:none}
  .vk-workforce-copy small{font-size:11px}
}

/* v45 - Atlas upgrades: stats, field select, field tags */
.vk-agents-stats{display:flex;gap:22px;margin:10px 0 6px}
.vk-agents-stats span{font-size:12px;color:#5a6472}
.vk-agents-stats b{font:800 20px var(--display,'Manrope',sans-serif);color:#2563eb;margin-right:5px;letter-spacing:-.5px}
#vkAgentsField{border:1px solid var(--vk-line,#e6eaee);border-radius:12px;padding:11px 12px;font-size:13px;color:#0f1724;background:#fff;max-width:230px;cursor:pointer;outline:0}
#vkAgentsField:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.vk-agents-controls{flex-wrap:wrap}
.vk-agent-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.vk-agent-field{font-size:9.5px;font-weight:700;letter-spacing:.2px;color:#1e40af;background:rgba(37,99,235,.1);padding:3px 8px;border-radius:6px}
.vk-agent-card.violet .vk-agent-field{color:#5457d6;background:rgba(99,102,241,.1)}
.vk-agent-card.amber .vk-agent-field{color:#b96908;background:rgba(217,119,6,.1)}
.vk-agent-tags .vk-agent-city{font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#8a93a0;background:#f2f5f6;padding:3px 8px;border-radius:6px}
.vk-agent-card.core{border-color:rgba(37,99,235,.4);background:linear-gradient(150deg,#fff,#eef2ff)}
.vk-agent-card small{min-height:29px}
@media(max-width:640px){
  .vk-agents-stats{gap:16px}.vk-agents-stats b{font-size:17px}
  #vkAgentsField{max-width:none;flex:1}
}

/* v47 - risk badges + division tints */
.vk-risk{font-size:9px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;padding:3px 7px;border-radius:6px}
.vk-risk.low{color:#177a5f;background:rgba(37,99,235,.1)}
.vk-risk.med{color:#b96908;background:rgba(217,119,6,.12)}
.vk-risk.high{color:#c2453a;background:rgba(224,82,82,.12)}
.vk-risk.crit{color:#fff;background:#c2453a}
.vk-agents-chips{max-height:120px;overflow-y:auto}