/* Ede Telekom v0.54 · overview card colors + aligned headings */

/* Give each dashboard card its requested soft background. */
.admin-layout .admin-overview-invoices{background:#efedf9!important}
.admin-layout .dashboard-recent-orders{background:#e8f3f9!important}
.admin-layout .dashboard-upcoming-invoices{background:#e8f4e9!important}
.admin-layout .admin-overview-notes{background:#f9ebe7!important}

/* Keep all four cards aligned from the very top, with the same heading rhythm. */
.admin-layout .admin-dashboard-primary>.surface,
.admin-layout .admin-dashboard-secondary>.surface{
  padding-top:12px!important;
}
.admin-layout .admin-dashboard-primary>.surface .section-heading.compact,
.admin-layout .admin-dashboard-secondary>.surface .section-heading.compact{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:34px!important;
  margin:0 0 8px!important;
  padding:0!important;
}
.admin-layout .admin-dashboard-primary>.surface .section-heading.compact>div,
.admin-layout .admin-dashboard-secondary>.surface .section-heading.compact>div{
  min-width:0;
  display:grid;
  gap:2px;
  align-content:start;
}
.admin-layout .admin-dashboard-primary>.surface .section-heading.compact h3,
.admin-layout .admin-dashboard-secondary>.surface .section-heading.compact h3{
  margin:0!important;
}
.admin-layout .admin-dashboard-primary>.surface .section-heading.compact p,
.admin-layout .admin-dashboard-secondary>.surface .section-heading.compact p{
  margin:0!important;
  color:#6e818b!important;
}
.admin-layout .admin-dashboard-primary>.surface .section-heading.compact .text-link,
.admin-layout .admin-dashboard-secondary>.surface .section-heading.compact .text-link,
.admin-layout .admin-overview-notes .admin-note-heading>[data-admin-note-status]{
  margin-top:1px!important;
  flex:none;
}

/* Lists stay light/white against the soft card backgrounds. */
.admin-layout .dashboard-mini-list>a,
.admin-layout .admin-overview-invoices .invoice-entry,
.admin-layout .admin-overview-invoices .invoice-reminder-toolbar{
  background:rgba(255,255,255,.82)!important;
}
.admin-layout .admin-overview-notes textarea{
  background:rgba(255,255,255,.86)!important;
}

@media(max-width:760px){
  .admin-layout .admin-dashboard-primary>.surface .section-heading.compact,
  .admin-layout .admin-dashboard-secondary>.surface .section-heading.compact{
    min-height:0!important;
  }
}