.module-name-edit {
    /*    --module-edit-available-height: calc(var(--app-height, 100dvh) - var(--footer-height, 0px) - var(--footer-gap, 0px));*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    color: white;*/
    /*    padding: calc(var(--app-base-unit) * 0.5);*/
    /*    gap: var(--app-base-unit);*/
    /*    height: var(--module-edit-available-height);*/
    /*    max-height: var(--module-edit-available-height);*/
    /*    height: 93%;*/
    /*    margin-top: 0.5rem;*/
    /*    box-sizing: border-box;*/
    /*    background-color: rgba(0, 0, 0, 0.6);*/
    /*    border: 1px solid rgba(255, 255, 255, 0.2);*/
    /*    border-radius: 0.5rem;*/

    display: flex;
    color: white;
    padding: 1vh;
    gap: 2vh;
    margin-top: 0.5rem;
    height: 92%;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.5rem;
}

.module-names-list {
    flex: 1;
    overflow-y: auto;
}

.module-section {
    margin-bottom: var(--app-base-unit);
}

.module-section + .module-section {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: calc(var(--app-base-unit) * 0.5);
}

.module-section .finish-config-button {
    margin-top: calc(var(--app-base-unit) * 0.5);
}

.module-name-edit .module-title-input {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.3rem;
    color: inherit;
    width: 100%;
    padding: 0 calc(var(--app-base-unit) * 0.25);
}

.module-name-edit .module-table input[type="text"] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.3rem;
    color: inherit;
    width: 100%;
    padding: 0 calc(var(--app-base-unit) * 0.25);
}

/* Consistent table layout across modules */
.module-name-edit .module-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

/* Table title */
.module-name-edit .module-table thead {
    background-color: #111111;
}

.module-name-edit .module-table thead th {
     color: #00E5E2;
     font-weight: 300; 
}

.module-name-edit .module-table th,
.module-name-edit .module-table td {
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: calc(var(--app-base-unit) * 0.25) calc(var(--app-base-unit) * 0.5);
}

.module-name-edit .module-table th:first-child,
.module-name-edit .module-table td:first-child {
     width: 20%;
     text-align: left;
     white-space: nowrap;
}

.module-name-edit .module-table th:nth-child(2),
.module-name-edit .module-table td:nth-child(2) {
     width: 80%;
}





/* === MEDIA === */

/* Mobile  */

@media (max-width: 699px) {
    .module-name-edit .module-table input[type="text"] {
        padding: 0.25rem;
        font-size: 0.85rem;
    }
}

/* WVGA / WVGA-Narrow (720x480, 800x480) */

@media (min-width: 700px) and (max-width: 880px) {
    .module-name-edit .module-table th, .module-name-edit .module-table td {
        border: none;
    }
}

/* WSVGA / XGA (1024x600, 1024x768) */

@media (min-width: 881px) and (max-width: 1150px) {
}

/* WXGA / HD720 / SXGA (1280x720/800/1024) */

@media (min-width: 1151px) and (max-width: 1600px) {
}

/* HD / WUXGA (1920x1080, 1920x1200) */

@media (min-width: 1601px) and (max-width: 2879px) {
}

/* 4K (3840x2160) */

@media (min-width: 2880px) {
}