/* Secure24 Executive Dashboard — controlled semantic colour system.
   Colour supports the existing text labels/statuses; it never replaces them. */

#content .management-dashboard{
  --dash-green:#17845c;
  --dash-green-soft:#f3fbf7;
  --dash-green-border:#cfe9dc;
  --dash-teal:#117b78;
  --dash-teal-soft:#f2fbfa;
  --dash-teal-border:#cbe8e5;
  --dash-blue:#1769aa;
  --dash-blue-soft:#f3f8fe;
  --dash-blue-border:#cfe0f1;
  --dash-purple:#6653ad;
  --dash-purple-soft:#f8f5fd;
  --dash-purple-border:#ddd5f2;
  --dash-amber:#a36a08;
  --dash-amber-soft:#fff9ee;
  --dash-amber-border:#f0dfb8;
  --dash-red:#c9363f;
  --dash-red-soft:#fff5f6;
  --dash-red-border:#efcfd2;
}

/* KPI cards remain mostly white, with very light semantic tinting. */
#content .management-dashboard .sample-a-top-grid .dashboard-kpi{
  border-width:1px!important;
  border-style:solid!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
#content .management-dashboard .sample-a-top-grid .dashboard-kpi.tone-success{
  background:linear-gradient(135deg,var(--dash-green-soft) 0%,#fff 68%)!important;
  border-color:var(--dash-green-border)!important;
  box-shadow:inset 0 3px 0 var(--dash-green),0 2px 8px rgba(13,43,87,.05)!important;
}
#content .management-dashboard .sample-a-top-grid .dashboard-kpi.tone-teal{
  background:linear-gradient(135deg,var(--dash-teal-soft) 0%,#fff 68%)!important;
  border-color:var(--dash-teal-border)!important;
  box-shadow:inset 0 3px 0 var(--dash-teal),0 2px 8px rgba(13,43,87,.05)!important;
}
#content .management-dashboard .sample-a-top-grid .dashboard-kpi.tone-info{
  background:linear-gradient(135deg,var(--dash-blue-soft) 0%,#fff 68%)!important;
  border-color:var(--dash-blue-border)!important;
  box-shadow:inset 0 3px 0 var(--dash-blue),0 2px 8px rgba(13,43,87,.05)!important;
}
#content .management-dashboard .sample-a-top-grid .dashboard-kpi.tone-payroll{
  background:linear-gradient(135deg,var(--dash-purple-soft) 0%,#fff 68%)!important;
  border-color:var(--dash-purple-border)!important;
  box-shadow:inset 0 3px 0 var(--dash-purple),0 2px 8px rgba(13,43,87,.05)!important;
}
#content .management-dashboard .sample-a-top-grid .dashboard-kpi.tone-warning{
  background:linear-gradient(135deg,var(--dash-amber-soft) 0%,#fff 68%)!important;
  border-color:var(--dash-amber-border)!important;
  box-shadow:inset 0 3px 0 var(--dash-amber),0 2px 8px rgba(13,43,87,.05)!important;
}
#content .management-dashboard .sample-a-top-grid .dashboard-kpi.tone-critical{
  background:linear-gradient(135deg,var(--dash-red-soft) 0%,#fff 68%)!important;
  border-color:var(--dash-red-border)!important;
  box-shadow:inset 0 3px 0 var(--dash-red),0 2px 8px rgba(13,43,87,.05)!important;
}
#content .management-dashboard .sample-a-top-grid .dashboard-kpi.tone-success strong{color:#116c4a!important}
#content .management-dashboard .sample-a-top-grid .dashboard-kpi.tone-teal strong{color:#0d6966!important}
#content .management-dashboard .sample-a-top-grid .dashboard-kpi.tone-info strong{color:#155f9b!important}
#content .management-dashboard .sample-a-top-grid .dashboard-kpi.tone-payroll strong{color:#59469e!important}
#content .management-dashboard .sample-a-top-grid .dashboard-kpi.tone-warning strong{color:#8c5906!important}
#content .management-dashboard .sample-a-top-grid .dashboard-kpi.tone-critical strong{color:#b92d36!important}

/* Attention strip: stronger only when action is required. */
#content .management-dashboard .sample-a-status-grid .dashboard-kpi.tone-critical{
  background:linear-gradient(90deg,var(--dash-red-soft),#fff 78%)!important;
  border-color:var(--dash-red-border)!important;
}
#content .management-dashboard .sample-a-status-grid .dashboard-kpi.tone-warning{
  background:linear-gradient(90deg,var(--dash-amber-soft),#fff 78%)!important;
  border-color:var(--dash-amber-border)!important;
}
#content .management-dashboard .sample-a-status-grid .dashboard-kpi.tone-success{
  background:linear-gradient(90deg,var(--dash-green-soft),#fff 78%)!important;
  border-color:var(--dash-green-border)!important;
}
#content .management-dashboard .sample-a-status-grid .dashboard-kpi.tone-critical strong{color:var(--dash-red)!important}
#content .management-dashboard .sample-a-status-grid .dashboard-kpi.tone-warning strong{color:var(--dash-amber)!important}
#content .management-dashboard .sample-a-status-grid .dashboard-kpi.tone-success strong{color:var(--dash-green)!important}

/* Operational Readiness is status-driven. */
#content .management-dashboard .dashboard-readiness{
  border-top-width:3px!important;
  border-top-style:solid!important;
  border-left:1px solid #e2e8f0!important;
}
#content .management-dashboard .dashboard-readiness.tone-success{
  border-top-color:var(--dash-green)!important;
  background:linear-gradient(180deg,var(--dash-green-soft) 0,#fff 32%)!important;
}
#content .management-dashboard .dashboard-readiness.tone-warning{
  border-top-color:var(--dash-amber)!important;
  background:linear-gradient(180deg,var(--dash-amber-soft) 0,#fff 32%)!important;
}
#content .management-dashboard .dashboard-readiness.tone-critical{
  border-top-color:var(--dash-red)!important;
  background:linear-gradient(180deg,var(--dash-red-soft) 0,#fff 32%)!important;
}
#content .management-dashboard .dashboard-readiness .dashboard-status{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
#content .management-dashboard .dashboard-readiness.tone-success .dashboard-status{
  color:#126d4c!important;background:#eaf7f0!important;border:1px solid var(--dash-green-border)!important;
}
#content .management-dashboard .dashboard-readiness.tone-warning .dashboard-status{
  color:#8d5b08!important;background:#fff5df!important;border:1px solid var(--dash-amber-border)!important;
}
#content .management-dashboard .dashboard-readiness.tone-critical .dashboard-status{
  color:#b62d36!important;background:#ffebed!important;border:1px solid var(--dash-red-border)!important;
}
#content .management-dashboard .dashboard-progress{
  overflow:hidden!important;
  background:#e7edf3!important;
}
#content .management-dashboard .dashboard-readiness.tone-success .dashboard-progress>i{background:var(--dash-green)!important}
#content .management-dashboard .dashboard-readiness.tone-warning .dashboard-progress>i{background:var(--dash-amber)!important}
#content .management-dashboard .dashboard-readiness.tone-critical .dashboard-progress>i{background:var(--dash-red)!important}

/* Management alerts use pale backgrounds + left status accent. */
#content .management-dashboard .dashboard-alert{
  position:relative!important;
  border-width:1px 1px 1px 3px!important;
  border-style:solid!important;
}
#content .management-dashboard .dashboard-alert.tone-success{
  background:var(--dash-green-soft)!important;
  border-color:var(--dash-green-border)!important;
  border-left-color:var(--dash-green)!important;
}
#content .management-dashboard .dashboard-alert.tone-info{
  background:var(--dash-blue-soft)!important;
  border-color:var(--dash-blue-border)!important;
  border-left-color:var(--dash-blue)!important;
}
#content .management-dashboard .dashboard-alert.tone-warning{
  background:var(--dash-amber-soft)!important;
  border-color:var(--dash-amber-border)!important;
  border-left-color:var(--dash-amber)!important;
}
#content .management-dashboard .dashboard-alert.tone-critical{
  background:var(--dash-red-soft)!important;
  border-color:var(--dash-red-border)!important;
  border-left-color:var(--dash-red)!important;
}
#content .management-dashboard .dashboard-alert.tone-success>span{background:#e7f6ee!important;color:var(--dash-green)!important}
#content .management-dashboard .dashboard-alert.tone-info>span{background:#e8f2fc!important;color:var(--dash-blue)!important}
#content .management-dashboard .dashboard-alert.tone-warning>span{background:#fff1d5!important;color:var(--dash-amber)!important}
#content .management-dashboard .dashboard-alert.tone-critical>span{background:#ffe6e9!important;color:var(--dash-red)!important}

/* Quick Access remains intentionally neutral; it is navigation, not status. */
#content .management-dashboard .ux-quick-access{
  background:#fff!important;
  border-color:#dfe6ee!important;
}
#content .management-dashboard .ux-quick-access button{
  background:#f8fafc!important;
  color:#284765!important;
  border-color:#d8e2ec!important;
}
#content .management-dashboard .ux-quick-access button:hover{
  background:#eef5fb!important;
  border-color:#c4d6e7!important;
}

/* Keep the semantic colour system calm on smaller screens. */
@media(max-width:650px){
  #content .management-dashboard .sample-a-top-grid .dashboard-kpi{
    background-position:center!important;
  }
  #content .management-dashboard .dashboard-readiness .dashboard-section-heading{
    align-items:flex-start!important;
  }
  #content .management-dashboard .dashboard-readiness .dashboard-status{
    white-space:normal!important;
    text-align:right!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #content .management-dashboard .dashboard-kpi{transition:none!important}
}