/* Ajivika loan journey theme. Loaded only when APP_BRAND=ajivika. */
body.ajivika-loan {
    --rn-navy: #070b14;
    --rn-orange: #22c55e;
    --aj-loan-bg: #070b14;
    --aj-loan-surface: #101826;
    --aj-loan-card: #141c2c;
    --aj-loan-green: #22c55e;
    --aj-loan-green-2: #16a34a;
    --aj-loan-green-hover: #2bd66a;
    --aj-loan-on-green: #062013;
    --aj-loan-muted: #9aa4b8;
}

/* —— Heroes & navy fills → Ajivika dark —— */
body.ajivika-loan .bg-primary,
body.ajivika-loan .bg-\[\#1e3796\],
body.ajivika-loan .bg-\[\#1E3AAE\],
body.ajivika-loan .bg-\[\#1E3A8A\],
body.ajivika-loan [class*="bg-[#1e3796]"],
body.ajivika-loan [class*="bg-[#1E3AAE]"],
body.ajivika-loan [class*="bg-[#1E3A8A]"],
body.ajivika-loan [class*="bg-[#1e3796]/"],
body.ajivika-loan [class*="bg-[#1c2f8f]"],
body.ajivika-loan [class*="bg-[#0e1a63]"],
body.ajivika-loan [class*="bg-[#0f2563]"] {
    background-color: var(--aj-loan-bg) !important;
}

body.ajivika-loan .rn-login-hero,
body.ajivika-loan .rn-login-hero.bg-\[\#1E3AAE\],
body.ajivika-loan [class*="rn-login-hero"] {
    background-color: var(--aj-loan-bg) !important;
}

body.ajivika-loan .rn-login-hero-glow {
    /* background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(34, 197, 94, 0.22) 0%, transparent 55%),
        radial-gradient(ellipse 50% 40% at 100% 100%, rgba(201, 168, 76, 0.16) 0%, transparent 50%),
        radial-gradient(ellipse 50% 40% at 0% 100%, rgba(7, 11, 20, 0.95) 0%, transparent 50%),
        linear-gradient(180deg, #101826 0%, #0b101c 45%, #070b14 100%) !important; */
}

body.ajivika-loan [class*="from-[#1E3A8A]"],
body.ajivika-loan [class*="from-[#1E3AAE]"],
body.ajivika-loan [class*="from-[#1c2f8f]"],
body.ajivika-loan [class*="from-[#1e40af]"],
body.ajivika-loan [class*="via-[#1e40af]"],
body.ajivika-loan [class*="via-[#1a2c8a]"],
body.ajivika-loan [class*="to-[#172554]"],
body.ajivika-loan [class*="to-[#0e1a63]"],
body.ajivika-loan [class*="to-[#0f2563]"] {
    background-image: linear-gradient(to bottom right, #141c2c, #101826, #070b14) !important;
    box-shadow: 0 24px 60px rgba(7, 11, 20, 0.4) !important;
}

body.ajivika-loan [class*="bg-[#eef1f8]"] {
    background-color: #f3f4f6 !important;
}

body.ajivika-loan [class*="shadow-[0_24px_60px_rgba(28,47,143"] {
    box-shadow: 0 24px 60px rgba(7, 11, 20, 0.4) !important;
}

/* —— Primary / navy buttons → Ajivika green —— */
body.ajivika-loan .bg-primary,
body.ajivika-loan button.bg-primary,
body.ajivika-loan a.bg-primary,
body.ajivika-loan .continue-btn.bg-primary,
body.ajivika-loan button[class*="bg-[#1E3AAE]"],
body.ajivika-loan a[class*="bg-[#1E3AAE]"],
body.ajivika-loan button[class*="bg-[#1e3796]"],
body.ajivika-loan a[class*="bg-[#1e3796]"],
body.ajivika-loan button[class*="bg-[#1E3A8A]"],
body.ajivika-loan a[class*="bg-[#1E3A8A]"],
body.ajivika-loan .send-otp-btn,
body.ajivika-loan .digilocker-validate-btn {
    background: var(--aj-loan-green) !important;
    background-color: var(--aj-loan-green) !important;
    background-image: none !important;
    border-color: var(--aj-loan-green) !important;
    color: var(--aj-loan-on-green) !important;
}

body.ajivika-loan .hover\:bg-blue-800:hover,
body.ajivika-loan [class*="hover:bg-[#162c78]"]:hover,
body.ajivika-loan [class*="hover:bg-[#172f8f]"]:hover,
body.ajivika-loan [class*="hover:bg-[#162d7a]"]:hover,
body.ajivika-loan [class*="hover:bg-[#162b6e]"]:hover,
body.ajivika-loan [class*="hover:bg-[#172554]"]:hover,
body.ajivika-loan .send-otp-btn:hover:not(:disabled),
body.ajivika-loan .digilocker-validate-btn:hover:not(:disabled) {
    background: var(--aj-loan-green-hover) !important;
    background-color: var(--aj-loan-green-hover) !important;
    border-color: var(--aj-loan-green-hover) !important;
    color: var(--aj-loan-on-green) !important;
}

body.ajivika-loan .send-otp-btn:focus {
    background: var(--aj-loan-green) !important;
    border-color: var(--aj-loan-green) !important;
    box-shadow: 0 0 0 0.2rem rgba(34, 197, 94, 0.28) !important;
}

/* Orange RupiNow CTAs (Get Loan, Continue, verify OTP) → green */
body.ajivika-loan .bg-orange-500,
body.ajivika-loan .bg-secondary,
body.ajivika-loan button.bg-orange-500,
body.ajivika-loan a.bg-orange-500,
body.ajivika-loan [class*="bg-orange-500"]:not([class*="bg-orange-50"]),
body.ajivika-loan .continue-enabled,
body.ajivika-loan .verify-otp-btn {
    background: var(--aj-loan-green) !important;
    background-color: var(--aj-loan-green) !important;
    color: var(--aj-loan-on-green) !important;
    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.28) !important;
}

body.ajivika-loan .hover\:bg-orange-600:hover,
body.ajivika-loan [class*="hover:bg-orange-600"]:hover,
body.ajivika-loan .continue-enabled:hover,
body.ajivika-loan .verify-otp-btn:hover:not(:disabled) {
    background: var(--aj-loan-green-hover) !important;
    background-color: var(--aj-loan-green-hover) !important;
    color: var(--aj-loan-on-green) !important;
}

body.ajivika-loan [class*="from-orange-400"],
body.ajivika-loan [class*="from-orange-500"] {
    background-image: linear-gradient(to right, #22c55e, #16a34a) !important;
    color: var(--aj-loan-on-green) !important;
    box-shadow: 0 16px 40px rgba(34, 197, 94, 0.28) !important;
}

body.ajivika-loan [class*="hover:from-orange-500"]:hover,
body.ajivika-loan [class*="hover:to-orange-600"]:hover {
    background-image: linear-gradient(to right, #2bd66a, #22c55e) !important;
}

body.ajivika-loan .h-full.bg-secondary,
body.ajivika-loan .bg-secondary.h-full {
    background: var(--aj-loan-green) !important;
}

body.ajivika-loan .rn-loan-application-page .step-active {
    background: var(--aj-loan-green) !important;
    color: var(--aj-loan-on-green) !important;
    border-color: #bbf7d0 !important;
}

body.ajivika-loan .rn-loan-application-page .step-active-label,
body.ajivika-loan .text-secondary {
    color: var(--aj-loan-green-2) !important;
}

/* Text / borders / focus that were navy */
body.ajivika-loan .text-primary,
body.ajivika-loan .file\:text-primary,
body.ajivika-loan [class*="text-[#1e3796]"],
body.ajivika-loan [class*="text-[#1E3AAE]"],
body.ajivika-loan [class*="text-[#1E3A8A]"],
body.ajivika-loan [class*="hover:text-[#162c78]"]:hover,
body.ajivika-loan [class*="hover:text-[#162d7a]"]:hover,
body.ajivika-loan [class*="hover:text-[#1E3AAE]"]:hover,
body.ajivika-loan [class*="hover:text-[#1E3A8A]"]:hover,
body.ajivika-loan button[class*="text-[#1E3AAE]"],
body.ajivika-loan a[class*="text-[#1E3AAE]"],
body.ajivika-loan a[class*="text-[#1e3796]"] {
    color: var(--aj-loan-green-2) !important;
}

body.ajivika-loan [class*="text-blue-200"],
body.ajivika-loan .text-blue-200 {
    color: var(--aj-loan-muted) !important;
}

body.ajivika-loan .border-primary,
body.ajivika-loan [class*="border-[#1E3A8A]"],
body.ajivika-loan [class*="border-[#1E3AAE]"],
body.ajivika-loan [class*="border-[#1e3796]"],
body.ajivika-loan [class*="hover:border-[#1E3A8A]"] {
    border-color: var(--aj-loan-green) !important;
}

body.ajivika-loan .focus\:ring-primary:focus,
body.ajivika-loan .focus\:border-primary:focus,
body.ajivika-loan [class*="focus:ring-[#1E3AAE]"]:focus,
body.ajivika-loan [class*="focus:border-[#1E3AAE]"]:focus,
body.ajivika-loan [class*="focus:ring-[#1e3796]"]:focus,
body.ajivika-loan [class*="focus:ring-[#1E3A8A]"]:focus,
body.ajivika-loan [class*="focus:border-[#1E3A8A]"]:focus,
body.ajivika-loan [class*="focus-within:ring-[#1E3AAE]"]:focus-within,
body.ajivika-loan [class*="focus-within:border-[#1E3AAE]"]:focus-within {
    --tw-ring-color: var(--aj-loan-green) !important;
    border-color: var(--aj-loan-green) !important;
}

body.ajivika-loan .rn-wizard-input:focus {
    border-color: var(--aj-loan-green) !important;
    --tw-ring-color: rgba(34, 197, 94, 0.28) !important;
}

body.ajivika-loan .bg-blue-50,
body.ajivika-loan [class*="bg-blue-50"] {
    background-color: #ecfdf5 !important;
}

body.ajivika-loan .text-blue-800,
body.ajivika-loan .hover\:bg-blue-50:hover {
    color: var(--aj-loan-green-2);
}

body.ajivika-loan .rn-loan-metric-icon-blue,
body.ajivika-loan .rn-loan-metric-value {
    color: var(--aj-loan-green-2) !important;
}

body.ajivika-loan .rn-loan-metric-icon-blue {
    background: #ecfdf5 !important;
}

body.ajivika-loan input[type="checkbox"].text-\[\#1e3796\],
body.ajivika-loan input[type="checkbox"][class*="text-[#1e3796]"] {
    accent-color: var(--aj-loan-green);
    color: var(--aj-loan-green) !important;
}

body.ajivika-loan [class*="bg-indigo-50"] {
    background-color: #ecfdf5 !important;
}

body.ajivika-loan .aj-link-login {
   background: transparent;
    color: black!important;
    border: 2px solid var(--navy);
}

body.ajivika-loan .aj-link-login:hover,
body.ajivika-loan .aj-link-login.is-active {
    color: #22c55e !important;
}

body.ajivika-loan a.aj-btn-primary {
    color: #062013 !important;
}

body.ajivika-loan .rn-admin-login-card .card-title {
    color: #070b14;
}

body.ajivika-loan .rn-admin-login-card .btn-login,
body.ajivika-loan .rn-admin-login-card .btn-of-primary {
    background: #22c55e !important;
    border-color: #22c55e !important;
    color: #062013 !important;
}

body.ajivika-loan .rn-admin-login-card .btn-login:hover,
body.ajivika-loan .rn-admin-login-card .btn-of-primary:hover {
    background: #2bd66a !important;
    color: #062013 !important;
}

body.ajivika-loan .rn-admin-login-card .resend-otp {
    color: #16a34a !important;
}

/* File pickers: keep the filename field light; theme only the Choose File button. */
body.ajivika-loan input[type="file"] {
    background-color: #ffffff !important;
    color: #334155 !important;
}

body.ajivika-loan input[type="file"]::file-selector-button,
body.ajivika-loan input[type="file"]::-webkit-file-upload-button {
    background-color: var(--aj-loan-green) !important;
    color: var(--aj-loan-on-green) !important;
    border: 0;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    margin-right: 1rem;
    font-weight: 600;
    cursor: pointer;
}

body.ajivika-loan input[type="file"]:hover::file-selector-button,
body.ajivika-loan input[type="file"]:hover::-webkit-file-upload-button {
    background-color: var(--aj-loan-green-hover) !important;
}
