/* ============================================================
   Trans Atlantic Global — DashLite Theme Overlay
   Re-skins the DashLite admin dashboard + auth pages to the
   Trans Atlantic blue/cyan design system.
   ============================================================ */

:root {
  --tag-blue: #015eea;
  --tag-indigo: #4f46e5;
  --tag-cyan: #22d3ee;
  --tag-navy: #0a1029;
  --tag-navy-2: #0e1638;
  --tag-grad: linear-gradient(120deg, #015eea 0%, #4f46e5 55%, #22d3ee 120%);
  --tag-soft: rgba(1, 94, 234, 0.08);
}

/* ---------- Global ---------- */
body.nk-body { background: #f4f7fb; color: #1e293b; }
.nk-block-title, .nk-block-title.title, .card-title { color: #0a1029; }
.link-primary, .link-primary:hover { color: var(--tag-blue) !important; }
.text-primary { color: var(--tag-blue) !important; }
.text-primary-alt { color: #4f46e5 !important; }
.text-primary-dim { color: rgba(1, 94, 234, 0.85) !important; }
.overline-title { color: var(--tag-blue) !important; }
.overline-title-alt { color: rgba(255,255,255,0.75) !important; }

/* ---------- Buttons ---------- */
.btn-primary {
  background: var(--tag-grad) !important;
  border: none !important;
  box-shadow: 0 10px 24px -12px rgba(1, 94, 234, 0.7) !important;
  transition: transform .25s ease, box-shadow .25s ease, opacity .25s ease;
}
.btn-primary:hover, .btn-primary:focus {
  transform: translateY(-2px);
  box-shadow: 0 16px 30px -12px rgba(1, 94, 234, 0.85) !important;
  opacity: 1 !important;
}
.btn-secondary {
  background: linear-gradient(120deg, #0e1638, #1e2b57) !important;
  border: none !important;
  box-shadow: 0 10px 24px -14px rgba(14, 22, 56, 0.8) !important;
}
.btn-secondary:hover, .btn-secondary:focus { transform: translateY(-2px); opacity: 1 !important; }
.btn-light, .btn-white { background: #fff; }

/* ---------- Alerts ---------- */
.alert-primary {
  background: var(--tag-soft);
  border-color: rgba(1, 94, 234, 0.2);
  color: #0a1029;
}
.alert-pro .alert-text, .alert-primary .alert-text { color: #1e293b; }

/* ---------- Badges ---------- */
.badge-primary {
  background: var(--tag-grad);
  color: #fff;
  box-shadow: 0 6px 14px -8px rgba(1, 94, 234, 0.8);
}
.badge-danger { background: #ef4444; color: #fff; }

/* ---------- Forms ---------- */
.form-label { color: #0a1029; font-weight: 600; }
.form-control {
  border-color: rgba(15, 23, 42, 0.12);
  border-radius: 12px;
  padding: 12px 16px;
}
.form-control-lg { border-radius: 14px; }
.form-control:focus {
  border-color: var(--tag-blue);
  box-shadow: 0 0 0 4px rgba(1, 94, 234, 0.12);
}
.form-control::placeholder { color: #94a3b8; }

/* ---------- Sidebar (dark navy) ---------- */
.nk-sidebar {
  background: linear-gradient(180deg, var(--tag-navy) 0%, var(--tag-navy-2) 100%) !important;
  border-right: 1px solid rgba(255,255,255,0.06) !important;
}
.nk-sidebar .nk-sidebar-head {
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.nk-sidebar .logo-img { filter: brightness(0) invert(1); }
.nk-sidebar .nk-menu-link { color: rgba(255,255,255,0.72); border-radius: 12px; margin: 0 12px; }
.nk-sidebar .nk-menu-link:hover { color: #fff; background: rgba(255,255,255,0.07); }
.nk-sidebar .nk-menu-item.active > .nk-menu-link,
.nk-sidebar .nk-menu-item .nk-menu-link.active {
  background: var(--tag-grad);
  color: #fff;
  box-shadow: 0 10px 24px -12px rgba(1, 94, 234, 0.9);
}
.nk-sidebar .nk-menu-icon { color: rgba(255,255,255,0.6); }
.nk-sidebar .nk-menu-item.active .nk-menu-icon { color: #fff; }
.nk-sidebar .nk-menu-heading .overline-title,
.nk-sidebar .nk-sidebar-footer .overline-title { color: rgba(255,255,255,0.5) !important; }
.nk-sidebar .nk-menu-text { color: inherit; }
.nk-sidebar .nk-menu-toggle { background: transparent !important; color: rgba(255,255,255,0.72) !important; }
.nk-sidebar .nk-menu-toggle:hover { background: rgba(255,255,255,0.07) !important; color: #fff !important; }
.nk-sidebar .nk-menu-sub .nk-menu-link { color: rgba(255,255,255,0.65); }
.nk-sidebar .nk-menu-sub .nk-menu-link:hover { color: #fff; }
.nk-sidebar .goog-te-gadget-simple { background: rgba(255,255,255,0.08); padding: 4px 8px; border-radius: 8px; }
.nk-sidebar .goog-te-gadget-simple a { color: #fff; }
.nk-sidebar .nk-nav-toggle .icon { color: rgba(255,255,255,0.8); }

/* Sidebar user account widget (dark) */
.nk-sidebar .user-account-info,
.nk-sidebar .user-account-data { color: #fff; }
.nk-sidebar .user-balance, .nk-sidebar .user-balance-alt { color: #fff; }
.nk-sidebar .user-account-data .sub-text { color: rgba(255,255,255,0.65); }
.nk-sidebar .user-account-data .text-success { color: #34d399 !important; }
.nk-sidebar .user-account-data .text-danger { color: #f87171 !important; }
.nk-sidebar .user-account-links a, .nk-sidebar .nk-sidebar-footer a { color: rgba(255,255,255,0.75); }
.nk-sidebar .link-list a { color: rgba(255,255,255,0.8) !important; }
.nk-sidebar .link-list a:hover { color: #fff !important; background: rgba(255,255,255,0.07) !important; }

/* ---------- Header ---------- */
.nk-header.is-light, .nk-header.is-secondary, .nk-header-fixed {
  background: #fff !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 6px 24px -18px rgba(13, 71, 161, 0.25);
}
.nk-header .nk-news-item .nk-news-text p { color: #475569; }
.nk-header .nk-news-item .nk-news-icon {
  background: var(--tag-grad);
  color: #fff;
  border-radius: 12px;
}
.nk-header .user-avatar {
  background: var(--tag-grad) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px -10px rgba(1, 94, 234, 0.8);
}
.nk-header .user-status { color: var(--tag-blue); font-weight: 700; }
.nk-header .user-name { color: #0a1029; }
.nk-header .nk-quick-nav-icon .icon, .nk-header .nk-menu-trigger .icon { color: #0a1029; }

/* ---------- Dropdowns / user card ---------- */
.dropdown-menu { border-radius: 16px; border-color: rgba(15, 23, 42, 0.08); box-shadow: 0 24px 60px -20px rgba(13, 71, 161, 0.35); }
.link-list a { color: #334155; border-radius: 10px; }
.link-list a:hover { background: var(--tag-soft); color: var(--tag-blue); }

/* ---------- Cards ---------- */
.card, .card-bordered {
  border-color: rgba(15, 23, 42, 0.08) !important;
  border-radius: 20px;
  box-shadow: 0 18px 44px -30px rgba(13, 71, 161, 0.3);
}
.card.is-dark { background: linear-gradient(120deg, var(--tag-navy) 0%, #14205c 100%); border-radius: 22px; }
.card.bg-light { background: #f8fafc; }
.nk-wgw.sm .nk-wgw-icon {
  background: var(--tag-grad);
  color: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 20px -10px rgba(1, 94, 234, 0.8);
}
.nk-wgw-title.title { color: #0a1029; }
.amount, .number-lg, .number { color: #0a1029; }
.card.is-dark .amount, .card.is-dark .number-lg,
.card.is-dark .number, .card.is-dark .nk-wg7-title,
.card.is-dark .nk-wg7-stats-group .number-lg,
.card.is-dark .nk-wg7-title { color: #fff !important; }
.nk-wg7-title { color: rgba(255,255,255,0.75); }

/* ---------- Tables ---------- */
.table thead th { color: #0a1029; font-weight: 700; text-transform: uppercase; font-size: .75rem; letter-spacing: .5px; }
.table-hover tbody tr:hover { background: var(--tag-soft); }

/* ---------- Auth pages (login / register) ---------- */
body.pg-auth { background: linear-gradient(135deg, #f4f7fb 0%, #e8eef8 100%); }
.pg-auth .nk-auth-container { background: #fff; }
.pg-auth .nk-split-stretch {
  background:
    radial-gradient(800px 500px at 85% 0%, rgba(1,94,234,0.28) 0%, transparent 60%),
    linear-gradient(160deg, var(--tag-navy) 0%, var(--tag-navy-2) 60%, #14205c 100%);
  color: #fff;
}
.pg-auth .nk-split-stretch h1, .pg-auth .nk-split-stretch h2,
.pg-auth .nk-split-stretch h3, .pg-auth .nk-split-stretch h4,
.pg-auth .nk-split-stretch h5, .pg-auth .nk-split-stretch h6 { color: #fff; }
.pg-auth .nk-split-stretch p { color: rgba(255,255,255,0.8); }
.pg-auth .nk-feature-img img.round { border-radius: 24px; box-shadow: 0 30px 60px -20px rgba(0,0,0,0.5); }
.pg-auth .slider-init .slick-dots li button { background: rgba(255,255,255,0.4); }
.pg-auth .slider-init .slick-dots li.slick-active button { background: var(--tag-cyan); }
.pg-auth .nk-auth-body .brand-logo img { filter: none; }

/* Captcha strip */
.pg-auth .captcha, .captcha {
  background: var(--tag-grad) !important;
  border-radius: 12px !important;
  color: #fff !important;
  box-shadow: 0 12px 26px -14px rgba(1, 94, 234, 0.8);
}

/* OTP inputs */
input[type=number] {
  color: var(--tag-blue) !important;
  border-color: var(--tag-blue) !important;
  border-radius: 12px !important;
}
input[type=number]:focus { border-bottom: 5px solid #22d3ee !important; }

/* ---------- Footer ---------- */
.nk-footer { background: #fff; border-top: 1px solid rgba(15, 23, 42, 0.08); }
.nk-footer a { color: var(--tag-blue); }

/* ---------- Scrollbar / simplebar ---------- */
.nk-sidebar .simplebar-scrollbar:before { background: rgba(255,255,255,0.3); }

/* ---------- Toast ---------- */
.toast-title, .toast-message { color: #fff; }

@media (prefers-reduced-motion: reduce) {
  .btn-primary, .btn-secondary, .card, .nk-menu-link { transition: none !important; }
}