/* Vega Hub Home + Employee polish */
:root{
  --vh-blue:#0b57e3;
  --vh-blue-soft:#eff6ff;
  --vh-bg:#eef4fb;
  --vh-card:#ffffff;
  --vh-border:rgba(148,163,184,.28);
  --vh-text:#071326;
  --vh-muted:#64748b;
  --vh-green:#047857;
  --vh-yellow:#b45309;
  --vh-red:#b91c1c;
  --vh-shadow:0 18px 45px rgba(15,23,42,.07);
}

.vega-ai-home-strip{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:18px;
  margin:18px 0;
}

.vega-ai-home-card{
  background:linear-gradient(135deg,#fff,#f7fbff);
  border:1px solid var(--vh-border);
  border-radius:22px;
  box-shadow:var(--vh-shadow);
  padding:22px;
}

.vega-ai-home-card h2{
  margin:0;
  font-size:24px;
  letter-spacing:-.03em;
  color:var(--vh-text);
}

.vega-ai-home-card p{
  margin:7px 0 0;
  color:var(--vh-muted);
  line-height:1.45;
}

.vega-ai-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.vega-ai-badge{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid var(--vh-border);
  background:#f8fafc;
  color:var(--vh-muted);
  font-size:12px;
  font-weight:800;
}

.vega-ai-badge.green{background:#ecfdf5;color:var(--vh-green);border-color:#bbf7d0}
.vega-ai-badge.yellow{background:#fffbeb;color:var(--vh-yellow);border-color:#fde68a}
.vega-ai-badge.red{background:#fef2f2;color:var(--vh-red);border-color:#fecaca}
.vega-ai-badge.blue{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}

.vega-ai-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.vega-ai-btn{
  appearance:none;
  border:1px solid rgba(37,99,235,.22);
  background:#fff;
  color:#0646c8;
  border-radius:12px;
  padding:10px 14px;
  font-weight:800;
  font-family:inherit;
  cursor:pointer;
}

.vega-ai-btn.primary{
  background:var(--vh-blue);
  color:#fff;
  border-color:var(--vh-blue);
}

.vega-ai-btn:hover{
  filter:brightness(.98);
  transform:translateY(-1px);
}

.vega-ai-mini-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

.vega-ai-mini-kpi{
  border:1px solid var(--vh-border);
  background:#fff;
  border-radius:16px;
  padding:13px;
}

.vega-ai-mini-kpi strong{
  display:block;
  font-size:22px;
  color:var(--vh-text);
}

.vega-ai-mini-kpi span{
  display:block;
  margin-top:4px;
  color:var(--vh-muted);
  font-size:12px;
  font-weight:700;
}

.vega-ai-alert-list{
  display:grid;
  gap:9px;
  margin-top:12px;
}

.vega-ai-alert{
  border:1px solid var(--vh-border);
  border-radius:14px;
  background:#fff;
  padding:11px 12px;
  color:var(--vh-muted);
  font-size:13px;
  line-height:1.35;
}

.vega-ai-alert.red{background:#fef2f2;color:#991b1b;border-color:#fecaca}
.vega-ai-alert.yellow{background:#fffbeb;color:#92400e;border-color:#fde68a}
.vega-ai-alert.green{background:#ecfdf5;color:#065f46;border-color:#bbf7d0}

.vega-activity-compact table{
  table-layout:fixed;
}

.vega-activity-compact td,
.vega-activity-compact th{
  font-size:12px !important;
}

.vega-activity-compact td:last-child{
  max-width:520px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#64748b;
}

#vegaEmployeePanelRoute{
  display:none;
  position:fixed;
  z-index:9998;
  overflow:auto;
  padding:30px 34px 60px;
  background:#eef4fb;
  border-left:1px solid rgba(148,163,184,.22);
}

body.vega-employee-route-open{
  overflow:hidden;
}

.vega-employee-integrated{
  max-width:1500px;
  margin:0 auto;
}

@media(max-width:1100px){
  .vega-ai-home-strip{grid-template-columns:1fr}
  .vega-ai-mini-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:640px){
  .vega-ai-mini-grid{grid-template-columns:1fr}
}