/* --- Flextables General Setup start --- */
        .respflex-table-container { 
            width: 100%; 
            max-width: 1000px; 
            margin: 0 auto; 
            font-family: sans-serif;
        }
        
        /* --- DESKTOP VIEW (Above 600px) --- */
        @media (min-width: 601px) {
            .respflex-table-container {
                display: grid;
                border-top: 1px solid #ccc;
                border-left: 1px solid #ccc;
            }

            .respflex-table-row { display: contents; }

            .respflex-column-header, .respflex-cell {
                padding: 12px;
                border-right: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
                display: flex;
                align-items: center;
            }

            .respflex-column-header {
         /*       background-color: #f8f9fa; */
         /*                       background-color:cornsilk; */
                font-weight: bold;
            }

            /* Center the button column */
            .respflex-cell[data-label="Edit"] { justify-content: center; }
        }

        /* --- MOBILE VIEW (600px and below) --- */
        @media (max-width: 600px) {
            .respflex-header-row { display: none !important; }

            .respflex-table-container { display: block; border: none; }

            .respflex-table-row {
                display: block;
                margin-bottom: 15px;
                border: 1px solid #ccc;
                border-radius: 8px;
                overflow: hidden;
                box-shadow: 0 2px 4px rgba(0,0,0,0.05);
            }

            .respflex-cell {
                background-color: #F8F9F0;
                display: grid;
                grid-template-columns: 75px 1fr; /* Adjusted for label width */
                border-bottom: 1px solid #eee;
            }

            .respflex-cell:last-child { border-bottom: none; }

            .respflex-cell::before {
                content: attr(data-label);
                font-weight: bold;
                background: #f8f9fa;
                padding: 12px;
                border-right: 1px solid #eee;
                display: flex;
                align-items: center; /* Fixed typo from 'centre' */
            }

            .respflex-cell-text {
                padding: 12px;
                word-break: break-word;
                display: flex;
                align-items: center;
            }

            .respflex-edit-btn { width: 100%; }
        }

        /* Basic Button Styling */
        .respflex-edit-btn {
            padding: 6px 12px;
            cursor: pointer;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
/* --- Flextables General Setup end --- */