    /* Styles for editable_form.html */

    body {
        background-color: var(--bg-color);
    }

    body.modal-open {
        overflow-y: scroll;
        padding-right: 0 !important;
    }

    .custom-table-container {
        overflow-x: auto;
        overflow-y: auto;
        max-height: 700px; /* Increased max-height for taller table */
        border: 1px solid var(--border-color);
        border-radius: 8px;
        background-color: var(--surface-color);
        padding-bottom: 10px;
    }

    .desktop-table {
        width: max-content;
        min-width: 100%;
        border-collapse: collapse;
    }

    .desktop-table thead th {
        position: sticky;
        top: 0;
        background-color: var(--surface-color);
        z-index: 2;
        padding: 12px;
        font-weight: 600;
        text-align: left;
        white-space: nowrap;
    }