.cc-summary { margin-top: 20px; }
.cc-summary .dashboard-panel-head { flex-wrap: wrap; gap: 12px; }
.cc-summary .cc-summary-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.cc-summary .cc-summary-metrics > div { background:#f1f6f8; border:1px solid #dce7ec; border-radius:12px; padding:16px; }
.cc-summary .cc-summary-metrics span { display:block; color:#405361; font-weight:600; }
.cc-summary .cc-summary-metrics strong { display:block; font-size:2rem; color:#173b48; margin-top:6px; }
.cc-summary > .muted { margin-bottom:0; font-size:.9rem; }
@media(max-width:600px) { .cc-summary .cc-summary-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Give welfare checks and the Action Centre more room on the viewer dashboard. */
@media (min-width:1000px) {
  .admin-dashboard.dashboard-read-only > .dashboard-grid {
    display:grid !important;
    grid-template-columns:minmax(0,2fr) minmax(0,3fr) !important;
    gap:12px;
  }
  .admin-dashboard.dashboard-read-only > .dashboard-grid > .dashboard-panel {
    min-width:0;
    width:auto;
    grid-column:auto !important;
    overflow-wrap:anywhere;
  }
}
@media (max-width:999px) {
  .admin-dashboard.dashboard-read-only > .dashboard-grid {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px;
  }
  .admin-dashboard.dashboard-read-only > .dashboard-grid > .dashboard-panel {
    min-width:0;
    grid-column:1 !important;
  }
}


/* CC10 - keep Workforce 360 Customer Care totals in sync with the five CC dashboard totals */
.cc-summary .cc-summary-metrics{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:10px !important;
}
.cc-summary .cc-summary-metrics > div{
  min-width:0 !important;
  padding:14px !important;
}
.cc-summary .cc-summary-metrics span{
  font-size:.85rem !important;
  white-space:nowrap;
}
.cc-summary .cc-summary-metrics strong{
  font-size:1.8rem !important;
}
@media(max-width:800px){
  .cc-summary .cc-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .cc-summary .cc-summary-metrics > div:last-child{grid-column:1/-1}
}