<style>
        .fr-directory-wrapper {
            width: 100% !important;
            max-width: 1260px !important;
            box-sizing: border-box !important;
        }
        .fr-directory-grid {
            display: block !important;
            width: 100% !important;
        }
        @media (min-width: 768px) {
            .fr-directory-grid {
                display: grid !important;
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 12px !important;
            }
        }
        .fr-action-buttons-row-wrapper {
            display: flex !important;
            align-items: center !important;
            flex-wrap: wrap !important;
            gap: 8px !important;
        }
        .fr-member-email-selector-check {
            width: 16px !important;
            height: 16px !important;
            cursor: pointer !important;
            margin-right: 6px !important;
            vertical-align: middle !important;
        }
        
        .fr-directory-wrapper,
        .fr-directory-wrapper select,
        .fr-directory-wrapper button,
        .fr-directory-wrapper input,
        .fr-unified-az-link,
        .fr-unified-sort-link,
        .fr-title-name {
            font-family: var(--wp--preset--font-family), inherit !important;
        }
        
        #fr-unified-controls-console,
        .fr-master-card-container-row {
            font-family: inherit !important;
        }

        .fr-title-name {
            font-size: 18px !important;
            letter-spacing: 0.2px !important;
        }
        
        .fr-unified-az-link,
        .fr-unified-sort-link {
            font-size: 14px !important;
        }

        .fr-birthday-filter-wrapper label {
            font-size: 12px !important;
            font-weight: 700 !important;
            letter-spacing: 0.3px !important;
        }

        /* Keeps the birthday selector drop track thin while locking the text to our unified navigation blue */
        .fr-birthday-filter-wrapper select {
            font-size: 11px !important;
            height: 24px !important;
            padding: 2px 6px !important;
            color: #0369a1 !important;
        }

        /* ONLY TARGETS THE ACTUAL BOXED BUTTON CONTROLLERS - COMPLETELY BYPASSES A-Z LINKS */
        .fr-accordion-controllers .fr-global-toggle-trigger-btn,
        #fr-btn-select-all,
        #fr-btn-deselect-all,
        .fr-action-buttons-row-wrapper a {
            font-family: Arial, sans-serif !important;
            font-size: 12px !important;
            font-weight: 600 !important;
            padding: 5px 13px !important;
            border-radius: 4px !important;
            text-decoration: none !important;
            display: inline-flex !important;
            align-items: center !important;
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
            text-shadow: none !important;
            transition: none !important;
        }

        /* Line 1: Expand All view controller with a light blue pastel background */
        .fr-accordion-controllers a[data-fr-action="fr-expand"] {
            background: #e0f2fe !important;
            color: #0369a1 !important;
            border: 1px solid #bae6fd !important;
            cursor: pointer !important;
        }

        /* Line 1: Close All view controller keeps a clean neutral white background */
        .fr-accordion-controllers a[data-fr-action="fr-collapse"] {
            background: #ffffff !important;
            color: #2c3e50 !important;
            border: 1px solid #cbd5e1 !important;
            cursor: pointer !important;
        }

/* Line 2: Select All mass toggle button layout - Swapped to Pink */
#fr-btn-select-all {
    background: #fff1f2 !important;
    color: #991b1b !important;
    border: 1px solid #fecaca !important;
    cursor: pointer !important;
}

/* Line 2: De-Select All Members button layout - Swapped to White */
#fr-btn-deselect-all {
    background: #ffffff !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
    cursor: pointer !important;
}


        /* Line 5: Email processing button background calibrated to a light pastel purple */
        #fr-bulk-mailto-action-button {
            background: #faf5ff !important;
            border: 1px solid #e9d5ff !important;
        }


        #fr-custom-card-print {
            background: #f0f9ff !important;
            border: 1px solid #bae6fd !important;
        }

        #fr-custom-roster-print {
            background: #f0fdf4 !important;
            border: 1px solid #99f6e4 !important;
        }

        /* FORCES ALL ACTIONS TRACK BUTTON TEXT TO USE THE EXACT SAME NAVIGATION BLUE WITH PADDING */
        .fr-action-buttons-row-wrapper a {
            font-family: Arial, sans-serif !important;
            font-weight: 600 !important;
            font-size: 12px !important;
            color: #0369a1 !important;
            display: inline-flex !important;
            align-items: center !important;
            padding: 5px 13px !important;
        }

        .fr-action-buttons-row-wrapper span,
        .fr-print-selected-count,
        #fr-selected-email-counter-badge {
            font-family: Arial, sans-serif !important;
            font-weight: 600 !important;
            font-size: 12px !important;
            color: #0369a1 !important;
            display: inline !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        /* FORCE THE HEADER CONTAINER PILL BOX NEXT TO FULL MEMBER LIST TO BE ROUND */
        .fr-directory-header-container span {
            border-radius: 12px !important;
            padding: 3px 10px !important;
        }
		
        /* Adds a slightly darker dashed divider line under the print button row */
        .fr-bulk-email-management-row {
            border-bottom: 1.5px dashed #94a3b8 !important;
            padding-bottom: 15px !important;
            margin-bottom: 5px !important;
            width: 100% !important;
            display: block !important;
        }

        /* Changes the standalone title box header panel to an ultra-light pastel blue */
        .fr-directory-header-container {
            background: #f8fafc !important;
            border: 1px solid #e0f2fe !important;
            border-left: 4px solid #0284c7 !important;
        }

/* Responsive Viewport Constraint: Hides contact exporters on desktops and forces mobile-only display */
.fr-vcard-download-trigger,
.fr-vcard-exporter-btn,
.fr-screen-left-col button,
.fr-vcard-download-container {
    display: none !important;
}

@media (max-width: 767px) {
    .fr-vcard-download-trigger,
    .fr-vcard-exporter-btn,
    .fr-screen-left-col button,
    .fr-vcard-download-container {
        display: inline-block !important;
    }
}

/* Hidden on desktop screen dashboards by default */
.fr-print-only-name-header {
    display: none !important;
}


</style>