/* CC-02b Wave 2 - extracted from FRONTEND/07_vendors/vendor-partner-management.html */
html.rbac-pending body { visibility: hidden; }
        html.rbac-pending::before {
            content: "Verifying access...";
            position: fixed;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Inter', system-ui, sans-serif;
            font-size: 1rem;
            color: #475569;
            background: #f8fafc;
            visibility: visible;
            z-index: 2147483647;
        }
    



        /* Light mode styles */
        .light {
            --bg-primary: #ffffff;
            --bg-secondary: #f9fafb;
            --bg-tertiary: #f3f4f6;
            --text-primary: #111827;
            --text-secondary: #374151;
            --text-tertiary: #6b7280;
            --border-color: #d1d5db;
            --sidebar-bg: #f9fafb;
            --card-bg: #ffffff;
        }

        /* Dark mode styles */
        .dark {
            --bg-primary: #111827;
            --bg-secondary: #1f2937;
            --bg-tertiary: #374151;
            --text-primary: #f9fafb;
            --text-secondary: #e5e7eb;
            --text-tertiary: #9ca3af;
            --border-color: #374151;
            --sidebar-bg: #1f2937;
            --card-bg: #1f2937;
            color-scheme: dark;
        }

        body {
            background-color: var(--bg-primary);
            color: var(--text-primary);
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        .sidebar-container {
            width: 17.5rem;
            background: var(--sidebar-bg);
            border-right: 0.0625rem solid var(--border-color);
            overflow-y: auto;
        }

        .animate-slideIn {
            animation: slideIn 0.3s ease-out;
        }

        .gradient-text {
            background: linear-gradient(135deg, #ef4444, #f97316);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .category-photography { border-left: 0.25rem solid #3b82f6; }
        .category-catering { border-left: 0.25rem solid #10b981; }
        .category-decoration { border-left: 0.25rem solid #f59e0b; }
        .category-music { border-left: 0.25rem solid #8b5cf6; }
        .category-venue { border-left: 0.25rem solid #ef4444; }

        /* Custom scrollbar */

        .rating-stars {
            color: #fbbf24;
        }