/* Shared brand mark: a richer, recognisable version of the existing chart icon. */
header .logo-box {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, #35106d 0%, #6d28d9 55%, #9b6bff 100%) !important;
  box-shadow: 0 9px 18px rgba(89, 34, 182, .26), inset 0 1px rgba(255,255,255,.32);
  color: #fff !important;
}

header .logo-box::before { position: absolute; top: -38%; right: -30%; width: 80%; height: 80%; border-radius: 50%; background: rgba(255,255,255,.18); content: ''; }
header .logo-box::after { position: absolute; inset: 4px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.24); border-radius: inherit; color: #fff; content: 'DA'; font-family: Poppins, sans-serif; font-size: .48em; font-weight: 800; letter-spacing: -.09em; text-shadow: 0 2px 4px rgba(28,4,68,.28); }
header .logo-box i { display: none; }
header .logo-text h2 { color: #2a1746; font-weight: 800; letter-spacing: -.035em; }

/* One consistent, compact header across every page. */
@media (max-width: 768px) {
  header .nav {
    min-height: 68px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 0 !important;
  }

  header .nav .logo {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin-right: 0 !important;
  }

  header .nav .logo-box {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    border-radius: 13px !important;
    font-size: 18px !important;
  }

  header .nav .logo h2 {
    margin: 0 !important;
    font-size: .92rem !important;
    line-height: 1.2 !important;
  }

  header .nav .logo p { display: none !important; }

  header .nav .brand-badge {
    display: inline-flex !important;
    margin-top: 3px !important;
    padding: 3px 7px !important;
    font-size: .61rem !important;
    line-height: 1.15 !important;
  }

  header .nav .nav-actions {
    width: auto !important;
    margin-left: auto !important;
    gap: 0 !important;
  }

  header .nav .apply-btn { display: none !important; }

  header .nav .menu-toggle {
    display: grid !important;
    width: 42px !important;
    height: 42px !important;
    place-content: center !important;
    border: 1px solid #e3d8f6 !important;
    border-radius: 13px !important;
    background: #faf8ff !important;
  }

  header .nav .menu-toggle span {
    width: 20px !important;
    height: 2px !important;
    margin: 3px 0 !important;
  }

  header .nav .site-nav {
    order: 3 !important;
    width: 100% !important;
    max-height: 60vh !important;
    margin-top: 4px !important;
    overflow-y: auto !important;
    padding: 8px !important;
    border: 1px solid #e8dff5 !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 14px 30px rgba(62, 24, 120, .08) !important;
  }

  header .nav .site-nav ul { gap: 1px !important; padding: 0 !important; }
  header .nav .site-nav a { display: block !important; width: 100% !important; padding: 10px 11px !important; border-radius: 9px !important; font-size: .8rem !important; }
  header .nav .site-nav a.active, header .nav .site-nav a:hover { background: #f1eaff !important; color: #5b21b6 !important; }
}