/* WIFAQ_DASHBOARD_COLOR_V4_1_20261006
   Professional restrained palette for WIFAQ LAW dashboard.
   Navy + gold remain the identity; functional colors are soft accents only.
*/

#wifaqDynamicDashboard {
  --wifaq-navy: #123f58;
  --wifaq-navy-deep: #0b2f43;
  --wifaq-gold: #c8a15d;
  --wifaq-green: #16805c;
  --wifaq-blue: #2f6fa8;
  --wifaq-purple: #7455b5;
  --wifaq-orange: #c8742e;
  --wifaq-red: #b94d55;
}

/* Small context header: subtle branded wash, not a heavy hero. */
#wifaqDynamicDashboard .wdd2-header {
  border-color: #dce6ee !important;
  background:
    linear-gradient(100deg, #ffffff 0%, #f5f9fc 72%, #fffaf0 100%) !important;
  box-shadow: 0 5px 16px rgba(12, 47, 67, .05) !important;
}

#wifaqDynamicDashboard .wdd2-header::before {
  width: 4px !important;
  background: linear-gradient(180deg, #123f58 0%, #2f6fa8 52%, #c8a15d 100%) !important;
}

#wifaqDynamicDashboard .wdd2-welcome h2 {
  color: #123f58 !important;
}

#wifaqDynamicDashboard .wdd2-header-meta .wdd2-meta-primary {
  border-color: #cfdfeb !important;
  background: #eaf4fb !important;
  color: #123f58 !important;
}

/* KPI cards: keep white readability, add individual soft personality. */
#wifaqDynamicDashboard .wdd2-kpi {
  border-width: 1px !important;
  border-top-width: 2px !important;
}

#wifaqDynamicDashboard .wdd2-kpi::after {
  width: 4px !important;
}

#wifaqDynamicDashboard .wdd2-tone-blue {
  border-color: #d9e8f4 !important;
  border-top-color: #8eb8d9 !important;
  background: linear-gradient(135deg, #ffffff 54%, #f0f7fc 100%) !important;
}

#wifaqDynamicDashboard .wdd2-tone-green {
  border-color: #d8ece4 !important;
  border-top-color: #83bea8 !important;
  background: linear-gradient(135deg, #ffffff 54%, #eef8f4 100%) !important;
}

#wifaqDynamicDashboard .wdd2-tone-orange {
  border-color: #f0e2d2 !important;
  border-top-color: #d8a06a !important;
  background: linear-gradient(135deg, #ffffff 54%, #fff6ec 100%) !important;
}

#wifaqDynamicDashboard .wdd2-tone-purple {
  border-color: #e5ddf2 !important;
  border-top-color: #a992cf !important;
  background: linear-gradient(135deg, #ffffff 54%, #f7f3fb 100%) !important;
}

#wifaqDynamicDashboard .wdd2-tone-red {
  border-color: #f0dadd !important;
  border-top-color: #d5969c !important;
  background: linear-gradient(135deg, #ffffff 54%, #fff3f4 100%) !important;
}

#wifaqDynamicDashboard .wdd2-tone-slate {
  border-color: #dfe5eb !important;
  border-top-color: #aab8c6 !important;
  background: linear-gradient(135deg, #ffffff 54%, #f4f7f9 100%) !important;
}

/* Give values more presence while keeping labels quiet. */
#wifaqDynamicDashboard .wdd2-kpi strong {
  color: #17364a !important;
}

#wifaqDynamicDashboard .wdd2-tone-green strong { color: #126a4d !important; }
#wifaqDynamicDashboard .wdd2-tone-orange strong { color: #a85d22 !important; }
#wifaqDynamicDashboard .wdd2-tone-purple strong { color: #64459f !important; }
#wifaqDynamicDashboard .wdd2-tone-red strong { color: #9e4148 !important; }

/* Compact management strip with a gentle branded start block. */
#wifaqDynamicDashboard .wdd2-admin-strip {
  border-color: #dde6ed !important;
  box-shadow: 0 4px 14px rgba(12, 47, 67, .04) !important;
}

#wifaqDynamicDashboard .wdd2-admin-title {
  background: linear-gradient(110deg, #edf5fa 0%, #f9fbfd 72%, #fff8ec 100%) !important;
}

#wifaqDynamicDashboard .wdd2-inline-icon {
  background: linear-gradient(145deg, #123f58, #276887) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 10px rgba(18, 63, 88, .14) !important;
}

#wifaqDynamicDashboard .wdd2-admin-strip > a:nth-of-type(1) strong {
  color: #2f6fa8 !important;
}

#wifaqDynamicDashboard .wdd2-admin-strip > a:nth-of-type(2) strong {
  color: #16805c !important;
}

#wifaqDynamicDashboard .wdd2-admin-strip > a:nth-of-type(3) strong {
  color: #c8742e !important;
}

/* Main cards: clearer section separation with a soft header wash. */
#wifaqDynamicDashboard .wdd2-card {
  border-color: #dde6ed !important;
  box-shadow: 0 5px 18px rgba(12, 47, 67, .045) !important;
}

#wifaqDynamicDashboard .wdd2-card-header {
  background: linear-gradient(90deg, #f4f8fb 0%, #ffffff 68%, #fffaf2 100%) !important;
  border-bottom-color: #e7edf2 !important;
}

#wifaqDynamicDashboard .wdd2-card-header > div > strong {
  color: #123f58 !important;
}

/* Three priority columns get distinct, restrained accents. */
#wifaqDynamicDashboard .wdd2-stream:nth-child(1) > header {
  background: #f1f7fc !important;
  box-shadow: inset 0 3px 0 #4c87b8 !important;
}

#wifaqDynamicDashboard .wdd2-stream:nth-child(1) .wdd2-stream-icon {
  background: #e4f0f9 !important;
  color: #2f6fa8 !important;
}

#wifaqDynamicDashboard .wdd2-stream:nth-child(2) > header {
  background: #f7f3fb !important;
  box-shadow: inset 0 3px 0 #8a6abd !important;
}

#wifaqDynamicDashboard .wdd2-stream:nth-child(2) .wdd2-stream-icon {
  background: #eee7f7 !important;
  color: #7455b5 !important;
}

#wifaqDynamicDashboard .wdd2-stream:nth-child(3) > header {
  background: #fff7ee !important;
  box-shadow: inset 0 3px 0 #cc8648 !important;
}

#wifaqDynamicDashboard .wdd2-stream:nth-child(3) .wdd2-stream-icon {
  background: #ffead7 !important;
  color: #b96324 !important;
}

#wifaqDynamicDashboard .wdd2-row:hover {
  background: #f8fbfd !important;
}

/* Quick access: color the icon chips, not the whole card. */
#wifaqDynamicDashboard .wdd2-quick {
  background: #ffffff !important;
  border-color: #e2e9ef !important;
}

#wifaqDynamicDashboard .wdd2-quick:hover {
  border-color: #b9cede !important;
  background: #f7fafc !important;
  box-shadow: 0 4px 10px rgba(12, 47, 67, .055) !important;
}

#wifaqDynamicDashboard .wdd2-quick:nth-child(6n+1) > span {
  background: #e5f1fa !important;
  color: #2f6fa8 !important;
}

#wifaqDynamicDashboard .wdd2-quick:nth-child(6n+2) > span {
  background: #e9f6f0 !important;
  color: #16805c !important;
}

#wifaqDynamicDashboard .wdd2-quick:nth-child(6n+3) > span {
  background: #f0eafa !important;
  color: #7455b5 !important;
}

#wifaqDynamicDashboard .wdd2-quick:nth-child(6n+4) > span {
  background: #fff0df !important;
  color: #c8742e !important;
}

#wifaqDynamicDashboard .wdd2-quick:nth-child(6n+5) > span {
  background: #f8ecee !important;
  color: #b94d55 !important;
}

#wifaqDynamicDashboard .wdd2-quick:nth-child(6n+6) > span {
  background: #f7f0df !important;
  color: #a57a2d !important;
}

/* A discreet gold line on the quick-access card ties it to the brand. */
#wifaqDynamicDashboard .wdd2-quick-card {
  border-top: 3px solid #c8a15d !important;
}

/* Keep mobile calm: reduce ornamental effects, retain semantic colors. */
@media (max-width: 650px) {
  #wifaqDynamicDashboard .wdd2-header,
  #wifaqDynamicDashboard .wdd2-kpi,
  #wifaqDynamicDashboard .wdd2-card {
    box-shadow: none !important;
  }
}