/* ============================================
   CSS Variables - Admin Specific
   Matched to Website Theme (craftsoft.co.in)
   ============================================ */
:root {
    /* Page & Background (matched to Why Us section) */
    --admin-bg: #edf6fb;
    --admin-bg-gradient: linear-gradient(135deg, #edf6fb 0%, #e5f3fa 100%);

    /* Cards (Matched to Why Us section tint) */
    --admin-card-bg: rgba(237, 246, 251, 0.85);
    --admin-card-bg-solid: #edf6fb;
    --admin-card-border: rgba(40, 150, 205, 0.12);
    --admin-card-shadow: 0 4px 20px rgba(40, 150, 205, 0.08);
    --admin-card-hover-shadow: 0 8px 30px rgba(40, 150, 205, 0.15);
    --admin-radius-xl: 18px;
    --admin-hover-tint: rgba(40, 150, 205, 0.15);

    /* Brand Colors */
    --primary-300: #7ec0e1;
    --primary-400: #4ea8d5;
    --primary-500: #2896cd;
    --primary-600: #1a7eb0;
    --primary-700: #156691;
    --primary-50: #edf6fb;

    /* Icon Tints (12% Opacity for matched background) */
    --tint-blue: rgba(40, 150, 205, 0.12);
    --tint-purple: rgba(108, 92, 231, 0.12);
    --tint-green: rgba(16, 185, 129, 0.12);
    --tint-orange: rgba(245, 158, 11, 0.12);
    --tint-red: rgba(239, 68, 68, 0.12);
    --tint-cyan: rgba(20, 184, 166, 0.12);
    --tint-pink: rgba(236, 72, 153, 0.12);

    /* Sidebar (Light Theme) */
    --sidebar-bg: linear-gradient(180deg, #edf6fb 0%, #e5f3fa 100%);
    --sidebar-border: rgba(40, 150, 205, 0.15);
    --sidebar-text: #0f172a;
    --sidebar-text-muted: #64748b;
    --sidebar-item-hover: rgba(40, 150, 205, 0.08);
    --sidebar-item-active: linear-gradient(135deg, #2896cd 0%, #1a7eb0 100%);
    --sidebar-item-active-text: #ffffff;

    /* Header */
    --header-bg: rgba(237, 246, 251, 0.9);
    --header-border: rgba(40, 150, 205, 0.1);

    /* Inputs */
    --admin-input-bg: rgba(40, 150, 205, 0.04);
    --admin-input-border: rgba(40, 150, 205, 0.15);
    --admin-input-focus: #2896cd;
    --admin-input-focus-glow: 0 0 0 3px rgba(40, 150, 205, 0.15);

    /* Text */
    --admin-text-primary: #0f172a;
    --admin-text-secondary: #475569;
    --admin-text-muted: #94a3b8;

    /* Buttons */
    --btn-primary-bg: linear-gradient(135deg, #2896cd 0%, #1a7eb0 100%);
    --btn-primary-hover: linear-gradient(135deg, #1a7eb0 0%, #156691 100%);
    --btn-primary-shadow: 0 4px 15px rgba(40, 150, 205, 0.3);
    --btn-primary-hover-shadow: 0 6px 20px rgba(40, 150, 205, 0.4);

    /* Tables */
    --table-header-bg: rgba(40, 150, 205, 0.06);
    --table-row-alt: rgba(40, 150, 205, 0.03);
    --table-row-hover: rgba(40, 150, 205, 0.08);
    --table-border: rgba(40, 150, 205, 0.1);

    /* Badges */
    --badge-primary: linear-gradient(135deg, #2896cd 0%, #1a7eb0 100%);
    --badge-success: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --badge-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --badge-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);

    /* Accent */
    --accent-gradient: linear-gradient(135deg, #2896cd 0%, #6C5CE7 100%);
    --accent-glow: 0 0 40px rgba(40, 150, 205, 0.2);

    /* Z-Index Stack */
    --z-base: 1;
    --z-sidebar: 5000;
    --z-header: 5000;
    --z-mobile-nav: 6000;
    --z-dropdown-backdrop: 9000;
    --z-dropdown: 9001;
    --z-modal-backdrop: 10000;
    --z-modal: 10001;
    --z-toast: 11000;
    --z-spotlight: 12000;
}


.admin-main {
    padding-top: 100px !important;
}

@media (max-width: 768px) {
    .admin-main {
        padding-top: 85px !important;
    }
}