/* V10.0.18 - Targeted dashboard team restore + minimal KPI grid
   Scope intentionally limited: KPI tiles and page-dashboard team performance only. */
:root{
  --v1018-line:#e5e9f0;
  --v1018-line-soft:#eef2f7;
  --v1018-text:#0f172a;
  --v1018-muted:#64748b;
  --v1018-blue:#2563eb;
  --v1018-blue-soft:#eff6ff;
  --v1018-green:#047857;
  --v1018-red:#be123c;
}

/* KPI GRID: minimal, clear title/value separation. */
.kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  align-items:stretch!important;
}
.kpi-grid>.kpi{
  position:relative!important;
  display:grid!important;
  grid-template-rows:auto auto 1fr!important;
  gap:0!important;
  min-width:0!important;
  min-height:104px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--v1018-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.kpi-grid>.kpi::after{display:none!important;content:none!important;}
.kpi-grid>.kpi>span:first-child{
  display:flex!important;
  align-items:center!important;
  min-height:34px!important;
  width:100%!important;
  margin:0!important;
  padding:8px 11px!important;
  border-bottom:1px solid #dbeafe!important;
  background:linear-gradient(180deg,#f8fbff,#eff6ff)!important;
  color:#1d4ed8!important;
  font-size:11px!important;
  line-height:1.18!important;
  font-weight:650!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.kpi-grid>.kpi>strong{
  display:block!important;
  margin:0!important;
  padding:10px 11px 4px!important;
  color:var(--v1018-text)!important;
  font-size:18px!important;
  line-height:1.16!important;
  font-weight:750!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.02em!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.kpi-grid>.kpi>small{
  display:block!important;
  margin:0!important;
  padding:0 11px 10px!important;
  color:var(--v1018-muted)!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  font-weight:400!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

/* Dashboard Performa per Tim: restore the stable full-width section from V10.0.16.
   This fixes the V10.0.17 accidental two-column squeeze. */
.page-dashboard .dashboard-admin-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
}
.page-dashboard .dashboard-summary-card,
.page-dashboard .dashboard-team-card{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.page-dashboard .dashboard-team-card .card-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}
.page-dashboard .dashboard-team-card .card-head>div{min-width:0!important;}
.page-dashboard .team-performance-cards.clean{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
}
.page-dashboard .team-perf-card.clean{
  display:grid!important;
  grid-template-rows:auto auto 1fr auto!important;
  gap:12px!important;
  min-width:0!important;
  padding:16px!important;
  border:1px solid var(--v1018-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.page-dashboard .team-perf-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  min-width:0!important;
}
.page-dashboard .team-title{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  min-width:0!important;
}
.page-dashboard .team-title>div:last-child{min-width:0!important;}
.page-dashboard .team-title strong{
  display:block!important;
  color:var(--v1018-text)!important;
  font-size:15px!important;
  line-height:1.2!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.page-dashboard .team-title small{
  display:block!important;
  color:var(--v1018-muted)!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  white-space:normal!important;
}
.page-dashboard .team-avatar{
  width:40px!important;
  height:40px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:var(--v1018-blue-soft)!important;
  color:var(--v1018-blue)!important;
  font-weight:700!important;
  flex:0 0 auto!important;
}
.page-dashboard .team-net-pill{
  justify-self:end!important;
  align-self:start!important;
  max-width:180px!important;
  padding:7px 9px!important;
  border-radius:999px!important;
  background:#ecfdf5!important;
  color:var(--v1018-green)!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-align:right!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.page-dashboard .team-net-pill.neg{background:#fff1f2!important;color:var(--v1018-red)!important;}
.page-dashboard .team-flow,
.page-dashboard .team-metric-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  min-width:0!important;
}
.page-dashboard .team-flow>div,
.page-dashboard .team-metric-list>div{
  min-width:0!important;
  min-height:0!important;
  padding:9px 10px!important;
  border:1px solid var(--v1018-line-soft)!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  overflow:hidden!important;
}
.page-dashboard .team-flow span,
.page-dashboard .team-metric-list span{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:0!important;
  margin:0 0 5px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--v1018-muted)!important;
  font-size:10.5px!important;
  line-height:1.18!important;
  font-weight:500!important;
  text-transform:none!important;
  letter-spacing:0!important;
  white-space:normal!important;
}
.page-dashboard .team-flow b,
.page-dashboard .team-metric-list b{
  display:block!important;
  padding:0!important;
  color:var(--v1018-text)!important;
  font-size:12.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.page-dashboard .team-settlement-note{
  display:block!important;
  margin:0!important;
  padding:10px 12px!important;
  border:1px dashed #dbe4ee!important;
  border-radius:12px!important;
  background:#fbfdff!important;
  color:#475569!important;
  font-size:12px!important;
  line-height:1.4!important;
  overflow-wrap:anywhere!important;
}

@media(min-width:1600px){
  .page-dashboard .team-performance-cards.clean{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(min-width:761px) and (max-width:1180px){
  .page-dashboard .team-performance-cards.clean{grid-template-columns:minmax(0,1fr)!important;}
}

/* Mobile: KPI requested as 4 tiles across. Keep only title + value prominent. */
@media(max-width:760px){
  .kpi-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .kpi-grid>.kpi{
    min-height:70px!important;
    border-radius:13px!important;
  }
  .kpi-grid>.kpi>span:first-child{
    min-height:28px!important;
    padding:5px 4px!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:8.3px!important;
    line-height:1.08!important;
    font-weight:650!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
  }
  .kpi-grid>.kpi>strong{
    padding:7px 4px 6px!important;
    text-align:center!important;
    font-size:9.8px!important;
    line-height:1.1!important;
    font-weight:750!important;
    letter-spacing:-.02em!important;
  }
  .kpi-grid>.kpi>small{display:none!important;}
  .page-dashboard .dashboard-admin-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
  .page-dashboard .team-performance-cards.clean{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;}
  .page-dashboard .team-perf-card.clean{padding:12px!important;border-radius:17px!important;gap:10px!important;}
  .page-dashboard .team-perf-head{grid-template-columns:minmax(0,1fr)!important;gap:8px!important;}
  .page-dashboard .team-net-pill{justify-self:start!important;max-width:100%!important;text-align:left!important;}
  .page-dashboard .team-flow,
  .page-dashboard .team-metric-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  .page-dashboard .team-flow>div,
  .page-dashboard .team-metric-list>div{padding:8px 7px!important;border-radius:12px!important;}
  .page-dashboard .team-flow span,
  .page-dashboard .team-metric-list span{font-size:9.4px!important;line-height:1.14!important;}
  .page-dashboard .team-flow b,
  .page-dashboard .team-metric-list b{font-size:10.4px!important;line-height:1.15!important;}
}
@media(max-width:380px){
  .kpi-grid{gap:5px!important;}
  .kpi-grid>.kpi>span:first-child{font-size:7.7px!important;}
  .kpi-grid>.kpi>strong{font-size:8.9px!important;}
}