/*
 * ZGTN vibrant colour system.
 * Loaded last by public-navigation.js and dashboard.js so it can refresh the
 * presentation without changing application behaviour or replacing live
 * photographic backgrounds.
 */

:root {
  --v-cobalt-800: #2f4ea4;
  --v-cobalt-600: #4f6fd2;
  --v-cobalt-300: #9bb1ff;
  --v-cobalt-50: #f0f3ff;
  --v-teal-700: #087181;
  --v-teal-500: #12a6ad;
  --v-teal-50: #e6f7f7;
  --v-violet-700: #5a3fa4;
  --v-violet-500: #8062d6;
  --v-violet-50: #f1edff;
  --v-coral-600: #dc5d48;
  --v-coral-400: #f2876f;
  --v-coral-50: #fff0ec;
  --v-berry-600: #b13e72;
  --v-berry-50: #fcebf3;
  --v-emerald-600: #16865b;
  --v-emerald-50: #e7f7f0;
  --v-saffron-500: #e5a916;
  --v-saffron-100: #fff1be;
  --v-navy: #152744;
  --v-paper: #fffdf9;
  --v-cream: #f7f3ea;
}

body:not(.dashboard-body) {
  --v-page-anchor: var(--v-cobalt-800);
  --v-page-primary: var(--v-cobalt-600);
  --v-page-secondary: var(--v-violet-500);
  --v-page-accent: var(--v-saffron-500);
  --v-page-pop: var(--v-coral-600);
  --v-page-soft: var(--v-cobalt-50);
  --v-page-ink: #233358;
}

body.jobs-page:not(.dashboard-body) {
  --v-page-anchor: #0e6846;
  --v-page-primary: #15945d;
  --v-page-secondary: #315ec8;
  --v-page-accent: #f0b216;
  --v-page-pop: #df3577;
  --v-page-soft: #e6f7ef;
  --v-page-ink: #173b2d;
  --jobs-green: #15945d;
  --jobs-green-dark: #0e6846;
  --jobs-green-soft: #e6f7ef;
  --jobs-gold: #f0b216;
  --jobs-gold-soft: #fff1be;
}

body.tenders-page {
  --v-page-anchor: #123a76;
  --v-page-primary: #2d60c2;
  --v-page-secondary: #087f92;
  --v-page-accent: #f0ad16;
  --v-page-pop: #e14f42;
  --v-page-soft: #eaf0ff;
  --v-page-ink: #172b4b;
  --tender-green: #2d60c2;
  --tender-green-dark: #123a76;
  --tender-mint: #eaf0ff;
  --tender-gold: #f0ad16;
  --tender-gold-soft: #fff0bb;
  --tender-link: #087f92;
}

body.network-page:not(.dashboard-body) {
  --v-page-anchor: #4f348f;
  --v-page-primary: #6f4fc1;
  --v-page-secondary: #197bb6;
  --v-page-accent: #f0a51a;
  --v-page-pop: #dc3f78;
  --v-page-soft: #f0ebff;
  --v-page-ink: #322653;
}

body.sectors-public-page {
  --v-page-anchor: #a94031;
  --v-page-primary: #d65b43;
  --v-page-secondary: #6250b8;
  --v-page-accent: #e8a91b;
  --v-page-pop: #0d96a3;
  --v-page-soft: #ffede8;
  --v-page-ink: #542c25;
}

body.development-info-page,
body.organizations-page {
  --v-page-anchor: #096774;
  --v-page-primary: #0b8996;
  --v-page-secondary: #4966ca;
  --v-page-accent: #e9aa1b;
  --v-page-pop: #db5571;
  --v-page-soft: #e4f6f7;
  --v-page-ink: #173e45;
}

body.exchange-concept-page {
  --v-page-anchor: #49358e;
  --v-page-primary: #674bbf;
  --v-page-secondary: #0b8794;
  --v-page-accent: #e7a619;
  --v-page-pop: #df5f45;
  --v-page-soft: #f0ecff;
  --v-page-ink: #312653;
}

/* Shared public navigation and calls to action. */
html body .site-header.zgtn-public-header::before {
  height: 5px;
  background: linear-gradient(90deg,
    var(--v-page-primary) 0 24%,
    var(--v-page-secondary) 24% 44%,
    var(--v-page-accent) 44% 61%,
    var(--v-page-pop) 61% 78%,
    var(--v-teal-500) 78% 100%);
}

html body .zgtn-public-header .brand strong,
html body .zgtn-public-header .primary-nav a[aria-current="page"] {
  color: var(--v-page-anchor) !important;
}

html body .zgtn-public-header .primary-nav a[aria-current="page"] {
  background: var(--v-page-soft) !important;
  box-shadow: inset 0 -2px 0 var(--v-page-primary);
}

html body .zgtn-public-header .nav-cta,
body:not(.dashboard-body) .button:not(.secondary),
body:not(.dashboard-body) button.button:not(.secondary) {
  border-color: var(--v-page-primary) !important;
  background: linear-gradient(135deg, var(--v-page-anchor), var(--v-page-primary)) !important;
  color: #fff !important;
  box-shadow: 0 9px 22px color-mix(in srgb, var(--v-page-primary) 24%, transparent) !important;
}

html body .zgtn-public-header .nav-cta:hover,
body:not(.dashboard-body) .button:not(.secondary):hover,
body:not(.dashboard-body) .button:not(.secondary):focus-visible {
  transform: translateY(-2px);
  filter: saturate(1.08) brightness(1.04);
}

body:not(.dashboard-body) .button.secondary {
  border-color: color-mix(in srgb, var(--v-page-primary) 34%, #d6d9dd) !important;
  color: var(--v-page-anchor) !important;
  background: color-mix(in srgb, var(--v-page-soft) 45%, #fff) !important;
}

body:not(.dashboard-body) :is(.eyebrow, .section-kicker) {
  color: var(--v-page-primary) !important;
}

body:not(.dashboard-body) :is(.text-link, .section-link-row a, .pathway > a) {
  color: var(--v-page-anchor);
}

/* Hero framing: keep every existing image/background and add colour around it. */
body:not(.dashboard-body) :is(.page-hero, .network-hero, .jobs-hero, .tenders-hero, .sectors-hero) {
  border-bottom: 4px solid var(--v-page-accent) !important;
  box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--v-page-pop) 36%, transparent);
}

body:not(.dashboard-body) :is(.page-hero, .network-hero, .jobs-hero, .tenders-hero, .sectors-hero) h1 em,
body:not(.dashboard-body) :is(.page-hero, .network-hero, .jobs-hero, .tenders-hero, .sectors-hero) h1 strong {
  color: var(--v-page-primary) !important;
}

body:not(.dashboard-body) :is(.about-hero-photo, .organization-hero-photo, .network-hero-visual, .tender-trust-card) {
  border-color: color-mix(in srgb, var(--v-page-primary) 38%, transparent) !important;
  box-shadow:
    14px 14px 0 color-mix(in srgb, var(--v-page-accent) 78%, transparent),
    0 24px 52px color-mix(in srgb, var(--v-page-anchor) 16%, transparent) !important;
}

/* Home: cobalt foundation with poster-inspired multicolour modules. */
body.home-active-page .active-hero-copy {
  border-color: color-mix(in srgb, var(--v-cobalt-600) 32%, #fff) !important;
  border-top: 5px solid var(--v-cobalt-600) !important;
  box-shadow:
    0 22px 54px color-mix(in srgb, var(--v-cobalt-800) 13%, transparent),
    inset 5px 0 0 color-mix(in srgb, var(--v-saffron-500) 75%, transparent) !important;
}

body.home-active-page .active-hero-copy .eyebrow {
  color: var(--v-cobalt-600) !important;
}

body.home-active-page .active-hero-visual.has-global-network-art {
  border-color: color-mix(in srgb, var(--v-cobalt-600) 42%, transparent) !important;
  box-shadow:
    18px 18px 0 color-mix(in srgb, var(--v-coral-400) 24%, transparent),
    -12px -12px 0 color-mix(in srgb, var(--v-cobalt-300) 24%, transparent),
    0 30px 68px color-mix(in srgb, var(--v-cobalt-800) 20%, transparent) !important;
}

body.home-active-page .active-measure-grid > *,
body.home-active-page .active-hero-board > * {
  --v-card-accent: var(--v-cobalt-600);
  border-top: 4px solid var(--v-card-accent) !important;
}

body.home-active-page .active-measure-grid > *:nth-child(2),
body.home-active-page .active-hero-board > *:nth-child(2) { --v-card-accent: var(--v-teal-500); }
body.home-active-page .active-measure-grid > *:nth-child(3),
body.home-active-page .active-hero-board > *:nth-child(3) { --v-card-accent: var(--v-saffron-500); }
body.home-active-page .active-measure-grid > *:nth-child(4),
body.home-active-page .active-hero-board > *:nth-child(4) { --v-card-accent: var(--v-coral-600); }

body.home-active-page .active-development {
  border-block: 1px solid color-mix(in srgb, var(--v-violet-500) 20%, transparent);
}

body.home-active-page .active-impact-board,
body.home-active-page .active-development-copy {
  border-top: 5px solid var(--v-violet-500) !important;
}

body.home-active-page .active-path-grid > a,
body.home-active-page .active-community-grid > article,
body.home-active-page .home-live-job {
  --v-card-accent: var(--v-cobalt-600);
  border-top: 5px solid var(--v-card-accent) !important;
  box-shadow: 0 14px 34px color-mix(in srgb, var(--v-card-accent) 10%, transparent) !important;
}

body.home-active-page .active-path-grid > a:nth-child(2),
body.home-active-page .active-community-grid > article:nth-child(2),
body.home-active-page .home-live-job:nth-child(2) { --v-card-accent: var(--v-teal-500); }
body.home-active-page .active-path-grid > a:nth-child(3),
body.home-active-page .home-live-job:nth-child(3) { --v-card-accent: var(--v-coral-600); }
body.home-active-page .home-live-job:nth-child(4) { --v-card-accent: var(--v-violet-500); }

body.home-active-page .active-step-list li:nth-child(1) > span { background: var(--v-cobalt-600) !important; }
body.home-active-page .active-step-list li:nth-child(2) > span { background: var(--v-coral-600) !important; }
body.home-active-page .active-step-list li:nth-child(3) > span { background: var(--v-teal-500) !important; }
body.home-active-page .active-step-list li > span { color: #fff !important; }

body.home-active-page .active-newsletter.lively-newsletter {
  background:
    linear-gradient(120deg, rgba(47, 78, 164, .92), rgba(90, 63, 164, .89)),
    var(--v-cobalt-800) !important;
}

/* Shared colourful card language. */
body:not(.dashboard-body) :is(.pathway, .sector-card, .communication-card, .subscription-card, .source-card, .organization-access-card) {
  --v-card-accent: var(--v-page-primary);
  border-color: color-mix(in srgb, var(--v-card-accent) 22%, #dedbd2) !important;
  border-top: 5px solid var(--v-card-accent) !important;
  box-shadow: 0 13px 32px color-mix(in srgb, var(--v-card-accent) 9%, transparent) !important;
}

body:not(.dashboard-body) :is(.pathway, .sector-card, .communication-card, .source-card):nth-child(4n + 2) { --v-card-accent: var(--v-page-secondary); }
body:not(.dashboard-body) :is(.pathway, .sector-card, .communication-card, .source-card):nth-child(4n + 3) { --v-card-accent: var(--v-page-accent); }
body:not(.dashboard-body) :is(.pathway, .sector-card, .communication-card, .source-card):nth-child(4n + 4) { --v-card-accent: var(--v-page-pop); }

body:not(.dashboard-body) :is(.pathway, .sector-card, .communication-card, .source-card):hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 42px color-mix(in srgb, var(--v-card-accent) 15%, transparent) !important;
}

body:not(.dashboard-body) :is(.pathway, .sector-card) > span {
  color: var(--v-card-accent) !important;
}

body.network-page:not(.dashboard-body) .network-impact-panel {
  border-block: 4px solid var(--v-page-accent);
}

body.network-page:not(.dashboard-body) .network-sector-grid a:nth-child(3n + 1) { border-top-color: var(--v-page-primary) !important; }
body.network-page:not(.dashboard-body) .network-sector-grid a:nth-child(3n + 2) { border-top-color: var(--v-page-secondary) !important; }
body.network-page:not(.dashboard-body) .network-sector-grid a:nth-child(3n + 3) { border-top-color: var(--v-page-pop) !important; }

/* Jobs: vivid green, saffron, cobalt and berry accents. */
body.jobs-page:not(.dashboard-body) .jobs-hero {
  box-shadow: inset 0 -5px 0 var(--v-page-accent);
}

body.jobs-page:not(.dashboard-body) :is(.jobs-search-panel, .jobs-filter-card, .job-verification-guide, .employer-jobs-cta) {
  border-top: 4px solid var(--v-page-primary) !important;
  box-shadow: 0 14px 34px color-mix(in srgb, var(--v-page-primary) 10%, transparent) !important;
}

body.jobs-page:not(.dashboard-body) .job-card {
  --v-card-accent: var(--v-page-primary);
  border-left: 5px solid var(--v-card-accent) !important;
}
body.jobs-page:not(.dashboard-body) .job-card:nth-child(4n + 2) { --v-card-accent: var(--v-page-secondary); }
body.jobs-page:not(.dashboard-body) .job-card:nth-child(4n + 3) { --v-card-accent: var(--v-page-pop); }
body.jobs-page:not(.dashboard-body) .job-card:nth-child(4n + 4) { --v-card-accent: var(--v-page-accent); }

body.jobs-page:not(.dashboard-body) .job-source.reviewed { background: var(--v-emerald-50) !important; color: var(--v-emerald-600) !important; }
body.jobs-page:not(.dashboard-body) .job-source.external { background: var(--v-cobalt-50) !important; color: var(--v-cobalt-800) !important; }
body.jobs-page:not(.dashboard-body) .job-pill { background: var(--v-saffron-100) !important; color: #76550b !important; }

/* Tenders: confident navy/cobalt with clear government-gold and coral cues. */
body.tenders-page .tenders-hero::after {
  background: linear-gradient(90deg, var(--v-page-anchor) 0 38%, var(--v-page-primary) 38% 61%, var(--v-page-accent) 61% 80%, var(--v-page-pop) 80% 100%) !important;
}

body.tenders-page .tender-trust-card { border-top-color: var(--v-page-accent) !important; }
body.tenders-page .trust-icon { background: linear-gradient(145deg, var(--v-page-anchor), var(--v-page-primary)) !important; }
body.tenders-page .tender-card {
  --v-card-accent: var(--v-page-primary);
  border-left: 5px solid var(--v-card-accent) !important;
}
body.tenders-page .tender-card:nth-child(4n + 2) { --v-card-accent: var(--v-page-secondary); }
body.tenders-page .tender-card:nth-child(4n + 3) { --v-card-accent: var(--v-page-accent); }
body.tenders-page .tender-card:nth-child(4n + 4) { --v-card-accent: var(--v-page-pop); }

/* Authenticated member experience: every workspace has its own accent. */
body.dashboard-body {
  --v-page-anchor: var(--v-cobalt-800);
  --v-page-primary: var(--v-cobalt-600);
  --v-page-secondary: var(--v-violet-500);
  --v-page-accent: var(--v-saffron-500);
  --v-page-pop: var(--v-coral-600);
  --v-page-soft: var(--v-cobalt-50);
  --v-page-ink: #233358;
  --editorial-green: var(--v-page-primary);
  --editorial-deep-green: var(--v-page-anchor);
  --editorial-gold: var(--v-page-accent);
  --app-brand-900: var(--v-page-anchor);
  --app-brand-800: color-mix(in srgb, var(--v-page-anchor) 84%, #000);
  --app-brand-600: var(--v-page-primary);
  --app-brand-500: var(--v-page-secondary);
  --app-brand-300: var(--v-page-soft);
  --app-public-green: var(--v-page-primary);
  --app-public-green-strong: var(--v-page-anchor);
  --app-public-green-soft: var(--v-page-soft);
}

body.dashboard-body[data-dashboard-active="network"] {
  --v-page-anchor: #4f348f;
  --v-page-primary: #6f4fc1;
  --v-page-secondary: #247eb5;
  --v-page-accent: #eea619;
  --v-page-pop: #dc3f78;
  --v-page-soft: #f0ebff;
  --v-page-ink: #332653;
}

body.dashboard-body[data-dashboard-active="jobs"] {
  --v-page-anchor: #0e6846;
  --v-page-primary: #16865b;
  --v-page-secondary: #315ec8;
  --v-page-accent: #edaa12;
  --v-page-pop: #df3577;
  --v-page-soft: #e7f7f0;
  --v-page-ink: #173b2d;
  --jobs-green: #16865b;
  --jobs-green-dark: #0e6846;
  --jobs-green-soft: #e7f7f0;
  --jobs-gold: #edaa12;
}

body.dashboard-body[data-dashboard-active="opportunities"],
body.dashboard-body[data-dashboard-active="volunteer"] {
  --v-page-anchor: #a84032;
  --v-page-primary: #d65b43;
  --v-page-secondary: #6550ba;
  --v-page-accent: #e9a716;
  --v-page-pop: #0b929f;
  --v-page-soft: #ffede8;
  --v-page-ink: #542c25;
}

body.dashboard-body[data-dashboard-active="messages"] {
  --v-page-anchor: #075b69;
  --v-page-primary: #0d8491;
  --v-page-secondary: #5269ca;
  --v-page-accent: #e7a619;
  --v-page-pop: #d94b77;
  --v-page-soft: #e6f7f8;
  --v-page-ink: #173d43;
}

body.dashboard-body[data-dashboard-active="events"] {
  --v-page-anchor: #8c3460;
  --v-page-primary: #b74678;
  --v-page-secondary: #6451bb;
  --v-page-accent: #e9a817;
  --v-page-pop: #0d8f9c;
  --v-page-soft: #fcebf3;
  --v-page-ink: #4c293c;
}

body.dashboard-body[data-dashboard-active="settings"],
body.dashboard-body[data-dashboard-active="profile"],
body.dashboard-body[data-dashboard-active="onboarding"] {
  --v-page-anchor: #23548f;
  --v-page-primary: #3979c6;
  --v-page-secondary: #0c9096;
  --v-page-accent: #e5a815;
  --v-page-pop: #d95c49;
  --v-page-soft: #eaf3ff;
  --v-page-ink: #243c5b;
}

body.dashboard-body :is(.dashboard-sidebar, .social-dashboard-sidebar) {
  border-right-color: color-mix(in srgb, var(--v-page-primary) 32%, transparent) !important;
  background: linear-gradient(165deg, var(--v-page-anchor) 0%, var(--v-page-primary) 64%, var(--v-page-secondary) 135%) !important;
  color: #fff !important;
  box-shadow: 10px 0 30px color-mix(in srgb, var(--v-page-anchor) 18%, transparent) !important;
}

body.dashboard-body :is(.dashboard-brand strong, .dashboard-brand small, .social-sidebar-identity strong, .social-sidebar-identity small, .social-sidebar-profile > a, .social-sidebar-footer a) {
  color: #fff !important;
}

body.dashboard-body :is(.dashboard-brand, .social-sidebar-profile, .social-sidebar-footer) {
  border-color: rgba(255, 255, 255, .2) !important;
}

body.dashboard-body :is(.dashboard-nav, .social-sidebar-nav) a {
  color: rgba(255, 255, 255, .84) !important;
}

body.dashboard-body :is(.dashboard-nav, .social-sidebar-nav) .dashboard-nav-icon {
  background: rgba(255, 255, 255, .12) !important;
  color: #fff !important;
}

body.dashboard-body :is(.dashboard-nav, .social-sidebar-nav) a:hover {
  background: rgba(255, 255, 255, .13) !important;
  color: #fff !important;
}

body.dashboard-body :is(.dashboard-nav, .social-sidebar-nav) a[aria-current="page"] {
  background: #fff !important;
  color: var(--v-page-anchor) !important;
  box-shadow: 0 10px 24px rgba(15, 24, 45, .16) !important;
}

body.dashboard-body :is(.dashboard-nav, .social-sidebar-nav) a[aria-current="page"] .dashboard-nav-icon {
  background: var(--v-page-accent) !important;
  color: var(--v-page-anchor) !important;
}

body.dashboard-body .social-sidebar-progress .dashboard-progress {
  background: rgba(255, 255, 255, .2) !important;
}

body.dashboard-body .social-sidebar-progress .dashboard-progress span {
  background: linear-gradient(90deg, var(--v-page-accent), #fff0b5) !important;
}

body.dashboard-body .social-sidebar-progress p,
body.dashboard-body .social-sidebar-progress p strong {
  color: rgba(255, 255, 255, .84) !important;
}

body.dashboard-body :is(.dashboard-header, .social-app-header) {
  border-top: 4px solid var(--v-page-primary) !important;
  border-bottom-color: color-mix(in srgb, var(--v-page-primary) 18%, #ddd) !important;
  background:
    linear-gradient(105deg, color-mix(in srgb, var(--v-page-soft) 72%, #fff), #fff 52%, color-mix(in srgb, var(--v-page-accent) 8%, #fff)) !important;
}

body.dashboard-body :is(.dashboard-header, .social-app-header)::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--v-page-primary), var(--v-page-secondary), var(--v-page-accent), var(--v-page-pop));
  content: "";
  pointer-events: none;
}

body.dashboard-body :is(.dashboard-header, .social-app-header) {
  position: sticky;
}

body.dashboard-body :is(.dashboard-header h1, .social-brand strong, .dashboard-section-heading h2, .member-jobs-intro h2) {
  color: var(--v-page-ink) !important;
}

body.dashboard-body :is(.eyebrow, .role-badge) {
  color: var(--v-page-primary) !important;
}

body.dashboard-body .button:not(.secondary),
body.dashboard-body button[type="submit"]:not(.secondary):not(.social-account-menu) {
  border-color: var(--v-page-primary) !important;
  background: linear-gradient(135deg, var(--v-page-anchor), var(--v-page-primary)) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--v-page-primary) 20%, transparent);
}

body.dashboard-body .button.secondary {
  border-color: color-mix(in srgb, var(--v-page-primary) 34%, #d9dfe2) !important;
  color: var(--v-page-anchor) !important;
  background: #fff !important;
}

body.dashboard-body :is(.dashboard-panel, .social-widget, .social-composer-card, .social-feature-post, .social-opportunity-card, .member-job-board) {
  border-color: color-mix(in srgb, var(--v-page-primary) 18%, #dfe2df) !important;
  box-shadow: 0 12px 32px color-mix(in srgb, var(--v-page-anchor) 8%, transparent) !important;
}

body.dashboard-body .social-composer-card,
body.dashboard-body .member-job-board {
  border-top: 5px solid var(--v-page-primary) !important;
}

body.dashboard-body .social-feature-post {
  border-top: 5px solid var(--v-page-secondary) !important;
}

body.dashboard-body .social-opportunity-card,
body.dashboard-body #saved-jobs {
  border-top: 5px solid var(--v-page-accent) !important;
}

body.dashboard-body .social-widget:nth-child(even),
body.dashboard-body #applied-jobs {
  border-top: 5px solid var(--v-page-pop) !important;
}

body.dashboard-body .avatar,
body.dashboard-body .social-sidebar-avatar {
  border-color: color-mix(in srgb, var(--v-page-accent) 65%, #fff) !important;
  background: var(--v-page-accent) !important;
  color: var(--v-page-anchor) !important;
}

body.dashboard-body .member-feed-tabs button[aria-selected="true"],
body.dashboard-body .social-workspace-tabs a[aria-current="page"] {
  background: var(--v-page-soft) !important;
  color: var(--v-page-anchor) !important;
  box-shadow: inset 0 -3px 0 var(--v-page-primary);
}

body.dashboard-body .social-feed-item {
  border-left: 4px solid var(--v-page-primary) !important;
}

body.dashboard-body .social-feed-item:nth-child(4n + 2) { border-left-color: var(--v-page-secondary) !important; }
body.dashboard-body .social-feed-item:nth-child(4n + 3) { border-left-color: var(--v-page-accent) !important; }
body.dashboard-body .social-feed-item:nth-child(4n + 4) { border-left-color: var(--v-page-pop) !important; }

body.dashboard-body .feed-icon,
body.dashboard-body .dashboard-nav-icon,
body.dashboard-body .connection-summary-icon {
  color: var(--v-page-primary);
}

@media (max-width: 900px) {
  html body .site-header.zgtn-public-header::before { height: 4px; }

  body:not(.dashboard-body) :is(.pathway, .sector-card, .communication-card, .source-card):hover {
    transform: none;
  }

  body.dashboard-body :is(.dashboard-header, .social-app-header) {
    border-top-width: 3px !important;
  }

  body.dashboard-body .dashboard-bottom-nav {
    border-top: 3px solid var(--v-page-primary) !important;
    background: rgba(255, 255, 255, .96) !important;
  }

  body.dashboard-body .dashboard-bottom-nav a[aria-current="page"] {
    background: var(--v-page-soft) !important;
    color: var(--v-page-anchor) !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  body:not(.dashboard-body) :is(.button, .pathway, .sector-card, .communication-card, .source-card),
  body.dashboard-body :is(.button, .dashboard-panel, .social-widget) {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
  }
}