.muudstrap-navbar,
.muudstrap-navbar .mud-toolbar,
.muudstrap-navbar-expand {
    background-color: #373f45;
    color: #ffffff;
}

.muudstrap-navbar .mud-button {
    text-transform: none;
}

.muudstrap-navbar .mud-expand-panel-header {
    padding: 0;
    width: 100%;
    height: 100%;
    flex: none;
}

.novo-layout {
    min-height: 100vh;
    background-color: #f3f5f8;
}

.novo-topbar {
    height: 64px;
    border-bottom: 1px solid #e7ebf0;
    box-shadow: 0 2px 10px rgba(20, 28, 38, 0.05);
}

.novo-topbar .mud-toolbar {
    min-height: 64px;
    padding: 0;
}

.novo-topbar-inner {
    display: flex;
    align-items: center;
    width: 100%;
    height: 64px;
    padding: 0 28px 0 18px;
    gap: 24px;
}

.novo-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 176px;
    color: #f45e2e !important;
    text-decoration: none !important;
}

.novo-brand-logo {
    width: 42px;
    height: 42px;
    object-fit: contain;
    border-radius: 6px;
}

.novo-brand-name {
    color: rgb(255,255,255);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
}

.novo-sidebar-toggle {
    color: #ffffff;
}

.novo-topnav {
    display: flex;
    align-items: center;
    height: 100%;
    min-width: 0;
}

.novo-topnav .mud-menu {
    height: 100%;
}

.novo-topnav .mud-button-root {
    height: 64px;
    min-width: auto;
    padding: 0 12px;
    border-radius: 0;
    color: #ffffff;
    font-weight: 700;
}

.novo-topnav .mud-button-root:hover,
.novo-topnav .mud-button-root:focus-visible {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.12);
}

.novo-topbar-actions {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 8px;
}

.novo-topbar-icon {
    color: #ffffff;
}

.novo-topbar-divider {
    height: 28px;
    margin: 0 10px;
    border-color: rgba(255, 255, 255, 0.22);
}

.novo-logout {
    color: #ffffff;
    font-weight: 700;
}

.novo-shell {
    display: flex;
    align-items: stretch;
    min-height: calc(100vh - 64px);
    padding-top: 64px;
    background-color: #f3f5f8;
}

.novo-sidebar {
    display: flex;
    flex-direction: column;
    width: 232px;
    flex: 0 0 232px;
    min-height: calc(100vh - 64px);
    padding: 24px 16px 56px 16px;
    overflow: hidden;
    background-color: #f7f9fc;
    border-right: 1px solid #e8edf3;
    transition: width 0.2s ease, flex-basis 0.2s ease, padding 0.2s ease;
}

.novo-sidebar.collapsed {
    width: 0;
    flex-basis: 0;
    padding: 24px 0 56px 0;
    border-right: 0;
}

.novo-main {
    flex: 1 1 auto;
    min-width: 0;
    padding: 28px 28px 56px 28px;
}

.novo-page-shell {
    width: 100%;
    min-height: calc(100vh - 120px);
}

.novo-section-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.novo-section-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: var(--mud-palette-primary, #f45e2e);
    border: 1px solid rgba(244, 94, 46, 0.16);
    border-radius: 4px;
    box-sizing: border-box;
    background-color: rgba(244, 94, 46, 0.12);
}

.novo-section-title-icon .mud-icon-root {
    color: var(--mud-palette-primary, #f45e2e) !important;
}

.novo-section-title-text {
    margin: 0;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.15;
}

.novo-dialog {
    width: min(640px, calc(100vw - 32px));
    max-width: 640px;
}

.novo-dialog-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.novo-dialog-close {
    flex: 0 0 auto;
    border-radius: 4px;
}

.novo-dialog-close .mud-icon-root {
    color: #51606f;
}

.novo-dialog-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    padding: 18px 0;
}

.novo-dialog-select {
    min-width: 0;
}

.novo-dialog-tabs {
    margin-top: 8px;
}

.novo-dialog-tabs .mud-tabs-panels {
    display: grid;
}

.novo-dialog-tabs .novo-dialog-tab-panel {
    grid-area: 1 / 1;
}

.novo-dialog-tabs .novo-dialog-tab-panel.mud-tab-panel-hidden {
    display: block;
    visibility: hidden;
    pointer-events: none;
}

.novo-dialog-tabs .novo-dialog-tab-panel:not(.mud-tab-panel-hidden) {
    visibility: visible;
    z-index: 1;
}

.novo-dialog-tabs .tab-seleccionada {
    color: var(--mud-palette-primary, #f45e2e) !important;
}

.novo-dialog-tabs .mud-tab.mud-disabled {
    opacity: 0.5;
}

.novo-dialog-page {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 18px;
}

.novo-dialog-section {
    padding: 10px;
    border: 1px solid #e7ebf0;
    border-radius: 8px;
    background-color: #f7f9fc;
}

.novo-dialog-section-header {
    margin-bottom: 8px;
    padding-left: 0;
}

.novo-dialog-section-title {
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-align: left;
    color: var(--mud-palette-primary, #f45e2e) !important;
}

.novo-dialog-toggle-list {
    display: flex;
    flex-direction: column;
}

.novo-dialog-switch {
    margin: 0;
}

.novo-dialog-form .mud-input-control {
    margin-top: 4px;
}

.novo-dialog-form .mud-input-control-input-container .mud-input-label-inputcontrol {
    left: 0;
}

/*
.novo-dialog-form .mud-input-control > .mud-input-control-input-container {
    margin-bottom: 15px !important;
}
*/

.novo-dialog-form div.mud-input-slot:not(.mud-input-slot-nopadding),
.novo-dialog-form textarea.mud-input-root {
    padding-top: 10px !important;
}

.mud-select .mud-input.mud-select-input,
.mud-select div.mud-input-slot.mud-input-root.mud-select-input,
.mud-select .mud-input-adornment.mud-select-input {
    padding-top: 5px !important;
    padding-bottom: 2px !important;
}

.novo-dialog-number-field .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text.mud-input-text-with-label {
    margin-top: 22px !important;
}

.student-course-grid .mud-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.student-course-grid .mud-input-control {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.student-course-grid .mud-input-control > .mud-input-control-input-container {
    margin-bottom: 4px !important;
}


.mud-tabs-toolbar,
.mud-tabs-tabbar {
    position: relative;
}

.mud-tabs-toolbar::after,
.mud-tabs-tabbar::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: var(--mud-palette-primary, #f45e2e);
    z-index: 0;
}

.tab-seleccionada {
    position: relative;
    color: var(--mud-palette-primary, #f45e2e) !important;
}

.tab-seleccionada::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    background-color: var(--mud-palette-primary, #f45e2e);
    z-index: 1;
}

.footer-novotyping {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #373f45;
    color: white;
    min-height: 30px;
    padding: 3px 6px;
    font-size: 14px;
    z-index: 1200;
}

.footer-novotyping .lletra-bottom {
    position: relative;
    top: -4px;
    margin-left: 5px;
}

@media screen and (max-width: 900px) {
    .novo-sidebar-toggle {
        display: none;
    }

    .novo-topbar-inner {
        padding: 0 16px;
        gap: 12px;
    }

    .novo-brand {
        min-width: auto;
    }

    .novo-brand-name {
        display: none;
    }

    .novo-shell {
        flex-direction: column;
    }

    .novo-sidebar {
        width: 100%;
        min-height: auto;
        flex: 0 0 auto;
        border-right: 0;
        border-bottom: 1px solid #e8edf3;
    }

    .novo-main {
        padding: 18px;
    }
}

@media screen and (max-width: 640px) {
    .novo-section-title-icon {
        width: 40px;
        height: 40px;
    }

    .novo-section-title-text {
        font-size: 22px;
    }

    .novo-dialog-form {
        min-width: 0;
    }

    .novo-dialog-section {
        padding: 14px;
    }
}

.novo-list-hero {
    display: block;
    margin: -28px -28px 0 -28px;
    min-height: auto;
    padding: 10px 22px 4px 22px;
    color: #252d34;
    background: #ffffff;
}

.novo-list-title-row {
    margin-top: 8px;
}

.novo-list-breadcrumb {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #7a8590;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 2;
}

.novo-list-breadcrumb strong {
    color: #252d34;
}

.novo-list-breadcrumb-separator {
    color: #aeb6bf;
}

.novo-list-content {
    margin: 0 -28px -56px -28px;
    min-height: calc(100vh - 180px);
    padding: 10px 22px 56px 22px;
    background-color: #ffffff;
}

.novo-list-toolbar {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 25px;
    width: 100%;
}

.novo-list-search {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    background-color: #ffffff;
}

.novo-list-search .mud-input-filled,
.novo-list-search .mud-input-filled:hover,
.novo-list-search .mud-input-filled:focus-within {
    background-color: #ffffff !important;
}

.novo-list-actions-wrapper {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    height: 40px;
    margin: 4px 0 0 0;
    padding: 0;
}

.novo-list-actions {
    height: 40px;
    margin: 0;
}

.novo-list-action-button {
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 0 !important;
    border-radius: 3px;
    color: #ffffff !important;
    background-color: #f45e2e !important;
}

.novo-list-actions-wrapper .novo-list-actions {
    display: inline-flex;
    align-items: flex-start;
    align-self: flex-start;
    height: 40px;
    margin: 0;
}

.novo-list-actions-wrapper .novo-list-action-button {
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 0 !important;
    color: #ffffff !important;
    background-color: #f45e2e !important;
}

.novo-list-actions-wrapper .novo-list-action-button .mud-button-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.novo-list-actions-wrapper .novo-list-action-icon,
.novo-list-actions-wrapper .novo-list-action-icon svg,
.novo-list-actions-wrapper .mud-icon-root {
    width: 22px;
    height: 22px;
    color: #ffffff !important;
    fill: currentColor;
    display: block;
}

.novo-list-actions-wrapper .mud-button-group-root {
    height: 40px;
    display: inline-flex;
    align-items: flex-start;
}

.novo-list-search .mud-input-control {
    margin: 0;
}

.novo-list-search .mud-input-outlined-border {
    border-color: #c4cbd3;
}

.novo-list-search .mud-input-control-input-container {
    margin-bottom: 0 !important;
}

.novo-list-table-shell {
    border: 0;
    border-radius: 0;
    background-color: #ffffff;
    overflow: hidden;
}

.novo-list-table-shell .novo-list-table {
    border: 0;
    border-radius: 0;
    background-color: #ffffff;
}

.novo-list-table-shell .mud-table-root .mud-table-head,
.novo-list-table-shell .mud-table-root .mud-table-head .mud-table-row,
.novo-list-table-shell .mud-table-root .mud-table-head .mud-table-cell,
.novo-list-table-shell thead,
.novo-list-table-shell thead tr,
.novo-list-table-shell thead th {
    background-color: #f7f9fc !important;
}

.novo-list-table-shell th {
    height: 34px;
    padding: 0 20px;
    color: #000000;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border-bottom: 1px solid #eef0f3;
}

.novo-list-table-shell td {
    height: 58px;
    padding: 0 20px;
    color: var(--mud-palette-text-primary);
    border-bottom: 1px solid #f1f3f6;
}

.novo-list-table-shell tbody td:first-child {
    font-weight: 500;
}

.novo-list-table-shell tbody tr {
    cursor: pointer;
    transition: background-color 120ms ease;
}

.novo-list-table-shell tbody tr:hover {
    background-color: #fafbfd;
}

.novo-list-table-shell .mud-table-sort-label {
    color: #000000;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.novo-list-table-shell .mud-table-sort-label-icon {
    color: #000000;
    font-size: 16px;
    margin-left: 4px;
}

.novo-list-table-shell .novo-list-sort-label-sorted {
    font-weight: 800 !important;
}

.novo-list-item {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.novo-list-table-shell .novo-list-avatar {
    width: 36px;
    height: 36px;
    color: var(--mud-palette-text-primary);
    font-size: 13px;
    font-weight: 800;
    border-radius: 8px !important;
}

.novo-list-table-shell .novo-list-avatar-warm {
    background-color: #ffe2c7;
}

.novo-list-table-shell .novo-list-avatar-blue {
    background-color: #dbeafe;
}

.novo-list-table-shell .novo-list-avatar-cyan {
    background-color: #c7f0ff;
}

.novo-list-table-shell .novo-list-primary-text,
.novo-list-table-shell .novo-list-secondary-text {
    color: var(--mud-palette-text-primary);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
}

.novo-list-table-shell .novo-list-primary-text {
    font-size: 14px;
    font-weight: 500 !important;
}

.novo-list-table-shell .novo-list-actions-column {
    width: 68px;
    padding: 0 12px;
}

.novo-list-table-shell .novo-list-action-cell {
    width: 68px;
    padding: 0 12px;
    text-align: center;
}

.novo-list-action-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.novo-list-table-shell .novo-list-delete-button {
    color: #d94f27;
}

.novo-list-table-shell .novo-list-delete-button:hover {
    background-color: rgba(217, 79, 39, 0.08);
}

.novo-list-table-shell .novo-list-cell-right,
.novo-list-table-shell .novo-list-cell-right .mud-typography {
    text-align: right;
}

.novo-list-table-shell .novo-list-cell-sorted,
.novo-list-table-shell .novo-list-cell-sorted .mud-typography {
    font-weight: 800 !important;
}

.novo-list-empty {
    color: #d94f27;
    padding: 18px;
}

.novo-list-loading {
    margin: 18px 0;
}

.custom-lesson-dialog {
    width: min(960px, calc(100vw - 32px));
    max-width: 960px;
}

.custom-lesson-dialog-section {
    min-height: 360px;
}

.custom-lesson-dialog-grid {
    background-color: transparent;
}

.custom-lesson-dialog-grid .mud-table-container {
    overflow-x: auto;
}

.custom-lesson-dialog-grid .mud-table-head .mud-table-cell {
    background-color: #f7f9fc;
    color: #000000;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.custom-lesson-dialog-grid .mud-table-cell {
    border-bottom: 1px solid #f1f3f6;
}

.custom-lesson-dialog-grid .mud-table-row {
    cursor: pointer;
}

.custom-lesson-dialog-grid .mud-table-row:hover {
    background-color: #fafbfd;
}

.custom-lesson-dialog-empty-state {
    color: #51606f;
}

.custom-lesson-dialog-unpublished {
    color: #d94f27;
}

.mud-dialog.custom-exercise-dialog {
    width: min(820px, calc(100vw - 32px)) !important;
    max-width: 820px !important;
}

.custom-exercise-dialog-help {
    margin-bottom: 12px;
    color: #51606f;
}

.custom-exercise-dialog-textfield textarea,
.custom-exercise-dialog-textfield textarea.mud-input-root,
.custom-exercise-dialog-textfield .mud-input-slot textarea {
    font-family: Consolas, "Courier New", monospace !important;
    font-size: 14px;
    line-height: 1.55;
    color: #1f2933 !important;
    -webkit-text-fill-color: #1f2933 !important;
    caret-color: #1f2933 !important;
    opacity: 1 !important;
    background-color: #ffffff !important;
}

.custom-exercise-dialog-textfield {
    margin: 0 !important;
}

.custom-exercise-dialog-textfield .mud-input-control-input-container {
    margin-bottom: 0 !important;
}

.custom-exercise-dialog-textfield div.mud-input-slot:not(.mud-input-slot-nopadding) {
    padding-top: 8px !important;
    padding-bottom: 10px !important;
}

.custom-exercise-dialog-textfield textarea,
.custom-exercise-dialog-textfield textarea.mud-input-root,
.custom-exercise-dialog-textfield .mud-input-slot textarea {
    padding-top: 8px !important;
    padding-bottom: 6px !important;
    min-height: 220px;
    box-sizing: border-box;
}

.custom-exercise-dialog-textfield .mud-input-slot {
    background-color: #ffffff !important;
}

.custom-exercises-table-shell {
    overflow-x: auto;
    overflow-y: hidden;
}

.custom-exercises-table-shell .mud-table-container {
    overflow-x: visible;
}

.custom-exercises-table-shell .custom-exercises-table {
    min-width: 1180px;
    width: max-content;
}

.custom-exercises-table-shell th,
.custom-exercises-table-shell td {
    white-space: nowrap;
}

.custom-exercises-table-shell .novo-list-primary-text,
.custom-exercises-table-shell .novo-list-secondary-text {
    white-space: nowrap;
}

.students-class-filter {
    flex: 0 1 320px;
    max-width: 320px;
    margin-top: 10px;
}

.novo-list-content .novo-list-toolbar {
    margin-top: 18px;
}

.students-class-toolbar {
    align-items: flex-start;
}

.students-class-actions-wrapper {
    gap: 8px;
    margin-top: 10px;
    align-items: flex-start;
}

.students-class-export-actions {
    height: 40px;
    margin: 0;
}

.students-class-export-actions .mud-button-group-root {
    height: 40px;
}

.students-class-export-button {
    height: 40px;
    min-width: 84px;
    padding: 0 16px !important;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.students-class-table-shell {
    overflow-x: auto;
    overflow-y: hidden;
}

.students-class-table-shell .mud-table-container {
    overflow-x: visible;
}

.students-class-table-shell .students-class-table {
    min-width: 1240px;
    width: max-content;
}

.students-class-table-shell th,
.students-class-table-shell td {
    white-space: nowrap;
}

.student-status-toolbar {
    align-items: flex-start;
    flex-wrap: nowrap;
}

.student-status-filter {
    flex: 0 1 220px;
    min-width: 220px;
    max-width: 220px;
    margin-top: 10px;
}

.student-status-actions-wrapper {
    gap: 8px;
    margin-top: 10px;
    align-items: flex-start;
}

.student-status-export-actions {
    height: 40px;
    margin: 0;
}

.student-status-export-actions .mud-button-group-root {
    height: 40px;
}

.student-status-export-button {
    height: 40px;
    min-width: 84px;
    padding: 0 16px !important;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.student-status-table-shell {
    overflow-x: auto;
    overflow-y: hidden;
}

.student-status-table-shell .mud-table-container {
    overflow-x: visible;
}

.student-status-table-shell .student-status-table {
    min-width: 1140px;
    width: max-content;
}

.student-status-table-shell th,
.student-status-table-shell td {
    white-space: nowrap;
}

.student-historial-toolbar {
    align-items: flex-start;
    flex-wrap: nowrap;
}

.student-historial-date-filter {
    flex: 0 1 300px;
    min-width: 300px;
    max-width: 300px;
    margin-top: 10px;
}

.student-historial-filter {
    flex: 0 1 220px;
    min-width: 220px;
    max-width: 220px;
    margin-top: 10px;
}

.student-historial-actions-wrapper {
    gap: 8px;
    margin-top: 10px;
    align-items: flex-start;
}

.list-actions-wrapper {
    gap: 8px;
    margin-top: 10px;
    align-items: flex-start;
}

.list-export-actions {
    height: 40px;
    margin: 0;
}

.list-export-actions .mud-button-group-root {
    height: 40px;
}

.list-export-button {
    height: 40px;
    min-width: 84px;
    padding: 0 16px !important;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.student-historial-export-actions {
    height: 40px;
    margin: 0;
}

.student-historial-export-actions .mud-button-group-root {
    height: 40px;
}

.student-historial-export-button {
    height: 40px;
    min-width: 84px;
    padding: 0 16px !important;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.students-connected-export-actions {
    height: 40px;
    margin: 0;
}

.students-connected-export-actions .mud-button-group-root {
    height: 40px;
}

.students-connected-export-button {
    height: 40px;
    min-width: 84px;
    padding: 0 16px !important;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.student-historial-table-shell {
    overflow-x: auto;
    overflow-y: hidden;
}

.student-historial-table-shell .mud-table-container {
    overflow-x: visible;
}

.student-historial-table-shell .student-historial-table {
    min-width: 1420px;
    width: max-content;
}

.student-historial-table-shell th,
.student-historial-table-shell td {
    white-space: nowrap;
}

@media (max-width: 1580px) {
    .student-historial-toolbar {
        flex-wrap: wrap;
    }

    .student-historial-date-filter {
        flex-basis: 100%;
        min-width: 0;
        max-width: none;
    }
}

@media (max-width: 640px) {
    .novo-list-hero {
        margin: -18px -18px 0 -18px;
        min-height: auto;
        padding: 10px 16px 4px 16px;
        background: #ffffff;
    }

    .novo-list-content {
        margin: 0 -18px -56px -18px;
        padding: 10px 12px 56px 12px;
    }

    .novo-list-search {
        max-width: none;
    }

    .custom-lesson-dialog {
        width: min(100vw - 16px, 960px);
    }

    .custom-lesson-dialog-section {
        min-height: auto;
    }

    .mud-dialog.custom-exercise-dialog {
        width: min(100vw - 16px, 760px) !important;
        max-width: min(100vw - 16px, 760px) !important;
    }

    .students-class-filter {
        flex-basis: 100%;
        max-width: none;
    }

    .students-class-actions-wrapper {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .student-status-toolbar {
        flex-wrap: wrap;
    }

    .student-status-filter {
        flex-basis: 100%;
        min-width: 0;
        max-width: none;
    }

    .student-status-actions-wrapper {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .student-historial-toolbar {
        flex-wrap: wrap;
    }

    .student-historial-date-filter,
    .student-historial-filter {
        flex-basis: 100%;
        min-width: 0;
        max-width: none;
    }

    .student-historial-actions-wrapper {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

.students-tracking-toolbar,
.students-tracking-tab-toolbar {
    gap: 0.75rem;
    flex-wrap: wrap;
}

.students-tracking-filter {
    min-width: 220px;
    max-width: 280px;
}

.students-tracking-actions-wrapper {
    margin-left: auto;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.students-tracking-export-actions {
    display: inline-flex;
    border-radius: 10px;
    overflow: hidden;
}

.students-tracking-export-button {
    min-width: 88px;
}

.students-tracking-table-shell {
    margin-top: 0.75rem;
}

.students-tracking-global-refresh-wrapper {
    margin-left: 0;
}