/* Sprint K — Operator dashboard Meta Ads summary widget styles.
 * Mirrors mrr-card shape so the dashboard reads as a vertical
 * stack of similar surfaces. Self-hides via :empty when widget
 * gate fails. */

#dashboard-meta-ads-summary:empty{display:none}

.mads-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:10px;
  padding:18px 20px;
  margin:0 0 14px;
}
.mads-head{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:14px;margin-bottom:14px;
}
.mads-title{
  font-size:14px;font-weight:600;color:var(--fg);
  margin:0;letter-spacing:-0.005em;
}
.mads-sub{
  font-size:12px;color:var(--fg-muted);
}
.mads-row{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:1px;
  background:var(--border);
  border:1px solid var(--border);
  border-radius:8px;
  overflow:hidden;
  margin-bottom:12px;
}
.mads-stat{
  min-width:0;
  background:var(--surface);
  padding:10px 12px;
}
.mads-stat-accent{
  background:color-mix(in oklab, var(--accent) 8%, var(--surface));
}
.mads-stat-label{
  font-size:10.5px;color:var(--fg-subtle);
  text-transform:uppercase;letter-spacing:.07em;
  font-weight:600;
  margin-bottom:5px;
}
.mads-stat-value{
  font-size:17px;font-weight:600;color:var(--fg);
  letter-spacing:-0.01em;line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mads-stat-accent .mads-stat-value{color:var(--accent)}
.mads-foot{
  display:flex;justify-content:flex-end;
  margin-top:4px;
}
.mads-link{
  font-size:12px;color:var(--accent);text-decoration:none;
  font-weight:500;
}
.mads-link:hover{text-decoration:underline}

/* Empty state when configured=false */
.mads-card-empty{
  text-align:center;padding:24px 20px;
}
.mads-empty-title{
  font-size:13px;color:var(--fg-muted);
  margin-bottom:6px;
}
.mads-empty-sub{font-size:12px}
.mads-cta{
  color:var(--accent);text-decoration:none;font-weight:600;
}
.mads-cta:hover{text-decoration:underline}

@media(max-width:1100px){
  .mads-row{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .mads-row{grid-template-columns:repeat(2,1fr)}
  .mads-card{padding:14px 14px}
  .mads-stat-value{font-size:15px}
}