:root {
            --primary: #1a56db;
            --primary-hover: #1641a8;
        }

        /* ===== BID CARDS ===== */
        .bid-card {
            transition: transform 0.2s ease-in-out;
        }
        .bid-card:hover {
            transform: translateY(-5px);
        }
        .badge {
            font-size: 0.75em;
        }
        .card-title {
            font-size: 0.95rem;
        }
        .bid-title-link:hover {
            text-decoration: underline !important;
        }
        .form-label {
            font-weight: 600;
            color: #495057;
        }

        /* ===== KEYWORD DROPDOWN ===== */
        .keyword-dropdown {
            top: 100%;
            left: 0;
            border-top: none;
            border-radius: 0 0 0.375rem 0.375rem;
        }
        .keyword-item {
            border-bottom: 1px solid #eee;
        }
        .keyword-item:last-child {
            border-bottom: none;
        }

        /* ===== PAGINATION ===== */
        .pagination {
            flex-wrap: wrap;
            gap: 0.25rem;
        }
        .pagination .page-link {
            min-width: 2.5rem;
            text-align: center;
        }
        @media (max-width: 576px) {
            .pagination .page-link {
                padding: 0.375rem 0.5rem;
                font-size: 0.875rem;
                min-width: 2rem;
            }
        }

        /* ===== GUEST-ONLY BANNER ===== */
        #guestBanner {
            background: linear-gradient(90deg, #1a56db 0%, #3b82f6 100%);
            color: #fff;
            padding: 10px 0;
            text-align: center;
            font-size: 0.9rem;
        }
        #guestBanner a {
            color: #ffd700;
            font-weight: 600;
            text-decoration: none;
        }
        #guestBanner a:hover {
            text-decoration: underline;
        }

        /* ===== DISABLED / LOCKED BUTTON ===== */
        .btn-locked {
            opacity: 0.65;
            cursor: not-allowed;
        }

        /* ===== LOGIN MODAL ===== */
        #loginPromptModal .modal-header {
            background: linear-gradient(135deg, #1a56db 0%, #3b82f6 100%);
            color: #fff;
        }
        #loginPromptModal .modal-header .btn-close {
            filter: brightness(0) invert(1);
        }
        #loginPromptModal .feature-list li {
            padding: 4px 0;
            font-size: 0.9rem;
        }
        #loginPromptModal .modal-footer .btn-primary {
            background: var(--primary);
            border-color: var(--primary);
            min-width: 120px;
        }

        /* ===== DETAIL LINK — show lock icon for guests ===== */
        .detail-link-guest {
            position: relative;
        }