/* === Nitrate Stealth v4: "Holographic Frost" === */

/* --- 1. Dynamic Variables --- */
:root {
    /* LIGHT MODE: "Holographic Ceramic" */
    --nit-bg: #f3f4f6;
    /* A premium, subtle mesh gradient for light mode */
    --nit-bg-image: 
        radial-gradient(at 0% 0%, rgba(167, 243, 208, 0.15) 0px, transparent 50%),
        radial-gradient(at 100% 0%, rgba(167, 139, 250, 0.15) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(251, 207, 232, 0.15) 0px, transparent 50%);
    --nit-text: #1e1b4b; /* Deep Indigo (Softer than black) */
    --nit-text-muted: #64748b;
    --nit-card-bg: rgba(255, 255, 255, 0.85); /* High gloss opacity */
    --nit-card-border: #ffffff;
    --nit-input-bg: #ffffff;
    --nit-input-border: #e2e8f0;
    --nit-shadow: 0 20px 40px -5px rgba(51, 65, 85, 0.1); /* Soft, deep shadow */
    --nit-highlight: #8b5cf6;
}

.dark {
    /* DARK MODE: "Deep Space" (Unchanged, as you liked it) */
    --nit-bg: #05050a; 
    --nit-bg-image: 
        radial-gradient(circle at 15% 50%, rgba(76, 29, 149, 0.15), transparent 25%), 
        radial-gradient(circle at 85% 30%, rgba(124, 58, 237, 0.15), transparent 25%);
    --nit-text: #e2e8f0;
    --nit-text-muted: #94a3b8;
    --nit-card-bg: rgba(15, 15, 20, 0.65);
    --nit-card-border: rgba(255, 255, 255, 0.08);
    --nit-input-bg: rgba(0, 0, 0, 0.4);
    --nit-input-border: rgba(255, 255, 255, 0.08);
    --nit-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.5);
    --nit-highlight: #7c3aed;
}

/* --- 2. Global Core --- */
body {
    background-color: var(--nit-bg) !important;
    background-image: var(--nit-bg-image) !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    color: var(--nit-text) !important;
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
}

/* --- 3. Card Styling (Ceramic vs Glass) --- */
.bg-white, .dark\:bg-gray-800, .card, .sidebar, .navbar, .bg-gray-50, .bg-gray-100 {
    background-color: var(--nit-card-bg) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid var(--nit-card-border) !important;
    box-shadow: var(--nit-shadow) !important;
    border-radius: 20px !important; /* Premium rounded corners */
}

/* --- 4. Unified Gradient Buttons (FIXED) --- */
/* This specific selector targets ALL blue, indigo, and primary buttons to force uniformity */
.btn-primary, 
button[type="submit"], 
.bg-primary-600, 
.bg-indigo-600, 
.bg-blue-600,
.bg-blue-500,
.hover\:bg-primary-700:hover {
    background: linear-gradient(135deg, #7c3aed 0%, #db2777 100%) !important;
    background-size: 200% auto !important;
    border: none !important;
    color: white !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 20px -5px rgba(124, 58, 237, 0.4) !important;
    transition: all 0.3s ease !important;
}

/* Hover effect: Gradient shifts and button lifts */
.btn-primary:hover, button[type="submit"]:hover, .bg-blue-600:hover {
    background-position: right center !important;
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgba(219, 39, 119, 0.5) !important;
}

/* --- 5. Inputs (Clean & Modern) --- */
input, select, textarea, .form-control {
    background-color: var(--nit-input-bg) !important;
    border: 2px solid var(--nit-input-border) !important; /* Slightly thicker border */
    color: var(--nit-text) !important;
    border-radius: 12px !important;
    padding: 12px 15px !important;
}

input:focus, select:focus {
    border-color: var(--nit-highlight) !important;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.1) !important;
    background-color: var(--nit-input-bg) !important;
}

/* --- 6. Text Cleanup --- */
h1, h2, h3, h4, h5, strong, label {
    color: var(--nit-text) !important;
}

.text-gray-500, .text-gray-400, .text-muted {
    color: var(--nit-text-muted) !important;
}

a {
    color: var(--nit-highlight);
    text-decoration: none;
    transition: color 0.2s;
}
a:hover {
    color: #db2777; /* Pink hover for links */
}

/* --- 7. Table & List Fixes --- */
table, tr, td, th {
    background: transparent !important;
    border-color: rgba(128,128,128, 0.1) !important;
}
/* --- 8. Stealth Mode (Remove Branding) --- */
.text-center.text-sm.text-gray-500.sm\:text-right.sm\:ml-0,
a[href="https://paymenter.org"],
footer .text-sm.text-gray-500 {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Optional: Center the copyright text since the "Powered By" is gone */
footer {
    text-align: center !important;
}