/* A1_NAC_STUDY_LOGGED_IN_BRAND_THEME_V1_20260809
   Presentation-only NAC Travel blue/red brand layer.
   Semantic success / online states remain green. */

body.portal-shell{
  --nac-brand-blue:#002752;
  --nac-brand-blue-dark:#001a38;
  --nac-brand-blue-mid:#0b447a;
  --nac-brand-red:#c22020;
  --nac-brand-red-dark:#981b1b;

  --portal-primary:#002752;
  --portal-primary-2:#073b70;
  --portal-secondary:#0b4f8a;
  --portal-accent:#c22020;

  /* Keep semantic success green. */
  --portal-success:#0f8a5f;

  --portal-gradient-main:
    linear-gradient(180deg,#001f43 0%,#002752 42%,#0b447a 76%,#8f1d2c 100%);
  --portal-gradient-hero:
    radial-gradient(circle at top right,rgba(255,255,255,.17),transparent 28%),
    radial-gradient(circle at 16% 112%,rgba(194,32,32,.18),transparent 31%),
    radial-gradient(circle at 92% 12%,rgba(194,32,32,.20),transparent 25%),
    linear-gradient(135deg,#001a38 0%,#002752 36%,#0b447a 68%,#9b1d29 100%);
  --portal-gradient-accent:linear-gradient(135deg,#c22020 0%,#981b1b 100%);

  background:
    radial-gradient(circle at top left,rgba(0,39,82,.055),transparent 24%),
    radial-gradient(circle at right 12%,rgba(194,32,32,.045),transparent 28%),
    linear-gradient(180deg,var(--portal-bg-2) 0%,var(--portal-bg) 100%) !important;
}

/* Sidebar: blue dominant with a restrained NAC-red terminal accent. */
body.portal-shell .portal-sidebar{
  background:
    linear-gradient(180deg,#001f43 0%,#002752 46%,#0a3f74 78%,#801c2a 100%) !important;
  border-right-color:rgba(194,32,32,.24) !important;
  box-shadow:10px 0 36px rgba(0,31,67,.26) !important;
}
body.portal-shell .portal-sidebar::before{
  background:
    radial-gradient(circle at top right,rgba(255,255,255,.15),transparent 30%),
    radial-gradient(circle at 14% 116%,rgba(194,32,32,.24),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)) !important;
}
body.portal-shell .sidebar-section-label{
  color:rgba(255,255,255,.68) !important;
}
body.portal-shell .sidebar-link.active{
  background:linear-gradient(90deg,rgba(194,32,32,.34),rgba(255,255,255,.12)) !important;
  border-color:rgba(244,113,113,.42) !important;
  box-shadow:
    inset 4px 0 0 #ef4444,
    0 14px 26px rgba(0,0,0,.12) !important;
}
body.portal-shell .sidebar-link:hover,
body.portal-shell .sidebar-link:focus{
  background:rgba(194,32,32,.16) !important;
}
body.portal-shell .sidebar-quick-btn:hover,
body.portal-shell .sidebar-quick-btn:focus{
  background:rgba(194,32,32,.18) !important;
  border-color:rgba(248,113,113,.38) !important;
}
body.portal-shell .sidebar-client-card{
  border-color:rgba(255,255,255,.16) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(194,32,32,.055)) !important;
}

/* Topbar / mobile shell brand accents. */
body.portal-shell .portal-shell-toggler,
body.portal-shell .brand-mark{
  background:
    linear-gradient(135deg,#002752 0%,#0b447a 62%,#c22020 100%) !important;
}
body.portal-shell .topbar-pill:hover,
body.portal-shell .topbar-pill:focus{
  color:#c22020 !important;
  border-color:rgba(194,32,32,.28) !important;
}
body.portal-shell .topbar-profile:focus-within{
  border-color:rgba(194,32,32,.24) !important;
}

/* Main Study heroes / brand actions. */
body.portal-shell .app-content .hero-gradient,
body.portal-shell .app-content .hero-section,
body.portal-shell .app-content .portal-hero,
body.portal-shell .app-content .apply-hero{
  background:
    radial-gradient(circle at top right,rgba(255,255,255,.16),transparent 28%),
    radial-gradient(circle at 14% 112%,rgba(194,32,32,.18),transparent 30%),
    linear-gradient(135deg,#001a38 0%,#002752 48%,#0b447a 76%,#9c1e2b 100%) !important;
}
body.portal-shell .app-content .btn-primary,
body.portal-shell .app-content .btn-submit{
  background:linear-gradient(135deg,#002752 0%,#0b447a 52%,#c22020 100%) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 12px 26px rgba(0,39,82,.18) !important;
}
body.portal-shell .app-content .btn-primary:hover,
body.portal-shell .app-content .btn-submit:hover{
  background:linear-gradient(135deg,#001a38 0%,#073b70 48%,#a91d27 100%) !important;
}
body.portal-shell .app-content .btn-outline-primary:hover,
body.portal-shell .app-content .btn-outline-secondary:hover{
  background:#002752 !important;
  border-color:#c22020 !important;
  color:#fff !important;
}
body.portal-shell .app-content .form-control:focus,
body.portal-shell .app-content .form-select:focus,
body.portal-shell .app-content .form-check-input:focus{
  border-color:#0b4f8a !important;
  box-shadow:0 0 0 .2rem rgba(194,32,32,.08) !important;
}

/* Universal Study content. */
body.portal-shell .nac-study-universal-main .hero,
body.portal-shell .nac-study-universal-main .icef-hero,
body.portal-shell .icef-main .hero,
body.portal-shell .icef-main .icef-hero{
  background:
    radial-gradient(circle at 88% 10%,rgba(194,32,32,.17),transparent 28%),
    linear-gradient(135deg,#001a38 0%,#002752 50%,#0b447a 76%,#961d2b 100%) !important;
}
body.portal-shell .nac-study-universal-main .hero::before{
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.16),transparent 28%),
    radial-gradient(circle at 86% 6%,rgba(194,32,32,.22),transparent 30%) !important;
}
body.portal-shell .nac-study-universal-main .nac-btn-primary,
body.portal-shell .nac-study-universal-main .icef-btn-primary,
body.portal-shell .nac-study-universal-main .nac-btn-green,
body.portal-shell .icef-main .nac-btn-primary,
body.portal-shell .icef-main .icef-btn-primary,
body.portal-shell .icef-main .nac-btn-green{
  background:linear-gradient(135deg,#002752 0%,#0b447a 55%,#c22020 100%) !important;
  box-shadow:0 16px 36px rgba(0,39,82,.22) !important;
  color:#fff !important;
}
body.portal-shell .nac-study-universal-main .progress span,
body.portal-shell .icef-main .progress span{
  background:linear-gradient(90deg,#0b4f8a 0%,#002752 58%,#c22020 100%) !important;
}

/* Dashboard: override page-local green branding while preserving true success semantics. */
body.portal-shell .app-content .nac-dashboard-page .nac-dashboard-hero{
  background:
    radial-gradient(circle at 92% 8%,rgba(194,32,32,.18),transparent 28%),
    linear-gradient(135deg,#06152c 0%,#002752 52%,#0b447a 78%,#8f1d2c 100%) !important;
}
body.portal-shell .app-content .nac-dashboard-page .nac-dashboard-hero::before{
  background:rgba(194,32,32,.21) !important;
}
body.portal-shell .app-content .nac-dashboard-page .nac-dash-btn.primary{
  background:linear-gradient(135deg,#c22020 0%,#981b1b 100%) !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(194,32,32,.22) !important;
}
body.portal-shell .app-content .nac-dashboard-page .nac-dash-btn.primary:hover{
  background:linear-gradient(135deg,#aa1c1c 0%,#7f1717 100%) !important;
}
body.portal-shell .app-content .nac-dashboard-page .nac-dash-select:focus{
  outline:3px solid rgba(194,32,32,.22) !important;
}
body.portal-shell .app-content .nac-dashboard-page .nac-dash-click-card:hover{
  border-color:#c22020 !important;
}
body.portal-shell .app-content .nac-dashboard-page .nac-dash-progress span{
  background:linear-gradient(90deg,#002752 0%,#0b4f8a 62%,#c22020 100%) !important;
}
body.portal-shell .app-content .nac-dashboard-page .nac-dash-country{
  background:linear-gradient(180deg,#f7faff 0%,#fff 100%) !important;
  border-color:#cbd9ea !important;
}

/* Admin assist banner - brand treatment, not success semantics. */
body.portal-shell .nac-admin-assist-banner{
  background:
    linear-gradient(135deg,#001a38 0%,#002752 60%,#8f1d2c 100%) !important;
}
body.portal-shell .nac-admin-assist-kicker{
  color:#ffd5d5 !important;
}
body.portal-shell .nac-admin-assist-primary{
  background:#c22020 !important;
  color:#fff !important;
}
body.portal-shell .nac-admin-assist-primary:hover{
  background:#981b1b !important;
}

/* Page Guide - navigation/help branding, not a success state. */
body.portal-shell .portal-tour-focus-ring{
  border-color:rgba(194,32,32,.96) !important;
  box-shadow:
    0 0 0 8px rgba(255,255,255,.92),
    0 22px 60px rgba(0,39,82,.30) !important;
}
body.portal-shell .portal-tour-focus-label{
  background:#002752 !important;
  color:#fff !important;
}

/* Branded information cards that inherited the former blue-to-green gradient. */
body.portal-shell .app-content .wallet-balance-card{
  background:
    linear-gradient(135deg,#001a38 0%,#002752 58%,#0b447a 80%,#9b1d29 100%) !important;
}

/* Semantic exclusions:
   - .btn-success remains green.
   - online/available dots remain green.
   - success/approved status badges remain green.
   - dashboard active-support pill and checklist ticks remain green.
   - NAC Unified Chat is intentionally not targeted. */