html, body {
    height: 100%;
}

body {
    min-height: 100vh;
}

#sidebar {
    width: 260px;
    min-height: 100vh;     /* mejor que height */
    position: sticky;
    top: 0;
    overflow-y: auto;
    flex-shrink: 0;        /* 🔥 evita que se encoja o deforme */
}

#sidebar nav {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#sidebar ul {
    flex-grow: 1;
}

button.btn.btn-appia,
.btn.btn-appia {
    background-color: #11b6c5 !important;
    border-color: #11b6c5 !important;
    color: #fff !important;
}

button.btn.btn-appia:hover,
.btn.btn-appia:hover {
    background-color: #0fa4b1 !important;
    border-color: #0fa4b1 !important;
    color: #fff !important;
}

button.btn-appia {
    background: #11b6c5 !important;
}

.scroll-table {
    max-height: 350px;
    overflow-y: auto;
    display: block; /* 🔥 clave */
}

.scroll-table table {
    width: 100%;
    margin-bottom: 0;
}

.scroll-table table {
    table-layout: fixed;
}

/* mantiene header fijo */
.scroll-table thead th {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
}


.icon-color {
    color: #11b6c5 !important;
}