/* ajustes para dispositivos móveis em modo retrato */
@media (max-width: 689px) {
    .content {
        flex-direction: column;
    }

    .cadastro .perfil {
        max-width: none;
    }

    .lista-cadastros .filter-actions {
        align-items: normal;
        flex-direction: column;
        gap: 8px;
    }

    .filtros {
        align-self: stretch;
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        flex: 1;
        transition: opacity, max-height, ease-out 200ms;
    }

    .filtros1 {
        font-size: 16px;
        cursor: pointer;
    }

    .filtros1 label {
        display: block;
        padding: 8px 0 20px;
        font-weight: 500;
        cursor: pointer;
        position: relative;
    }

    .filtros1 label:after {
        content: "";
        position: absolute;
        width: 33px;
        height: 33px;
        background-size: contain;
        background: url(../images/nav-arrow-down.svg) no-repeat center center;
        top: 0px;
        transition: transform, opacity, ease-out 200ms;
        filter: grayscale(1);
    }

    .filtros1 label small {
        font-size: 10px;
        text-transform: lowercase;
        font-weight: 100;
        color: gray;
        float: right;
        margin-right: 4px;
        display: inline;
        font-family: sans-serif;
    }

    .filtros1 label:hover:after,
    .filtros1 label:hover small {
        filter: grayscale(0) invert(50%) sepia(100%) saturate(500%) hue-rotate(0deg);
    }

    #submenu-filtros:checked + div > label:after {
        transform: rotate(180deg);
    }

    #submenu-filtros:checked + div + .filtros {
        max-height: 522px;
        margin-bottom: 40px;
        opacity: 1;
    }

    .indicadores {
        min-width: fit-content;
    }

    .avatar-image-name-dropdo {
        padding-right: 0;
        gap: 2px;
    }

    .avatar-image-name-dropdo .text-container {
        display: none;
    }

    #main-header {
        padding: 14px 13px 14px 25px;
    }

    .notification-area {
        gap: 4px;
    }

    .logo-icon {
        width: 136px;
        height: 30px;
    }

    .header .line {
        gap: 26px;
        justify-content: space-between;
        flex-direction: column;
    }

    .header .actions {
        justify-content: flex-end;
    }

    .detalhes {
        display: flex;
        align-self: flex-start;
    }

    .content-container .container {
        flex-direction: column;
    }

    /* inverte o filtro, mantendo-o fechado por padrão no mobile */
    .lista-cadastros #filter-open:checked ~ .filter-content {
        max-height: 0;
        opacity: 0;
    }

    .lista-cadastros #filter-open:checked ~ .filter-content .filter-row {
        opacity: 0;
    }

    .lista-cadastros #filter-open:checked ~ .filter-open-label .filter-results .icon {
        transform: rotate(0);
    }

    .lista-cadastros #filter-open:checked ~ .filter-open-label .toggle-filter-text .icon {
        transform: rotate(0);
    }

    .lista-cadastros #filter-open:checked ~ .filter-open-label .toggle-filter-text {
        opacity: 1;
        height: 52px;
    }

    .lista-cadastros #filter-open:not(:checked) ~ .filter-content {
        max-height: 1044px;
        opacity: 1;
    }

    .lista-cadastros #filter-open:not(:checked) ~ .filter-content .filter-row {
        opacity: 1;
    }

    .lista-cadastros #filter-open:not(:checked) ~ .filter-open-label .filter-results .icon {
        transform: rotate(180deg);
    }

    .lista-cadastros #filter-open:not(:checked) ~ .filter-open-label .toggle-filter-text .icon {
        transform: rotate(180deg);
    }

    .lista-cadastros #filter-open:not(:checked) ~ .filter-open-label .toggle-filter-text {
        opacity: 0;
        height: 0;
    }
    .notification-area .notifications {
        margin-right: 10px;
    }

    .notification-area .notifications .notifications-wrapper {
        right: -80px;
        background: var(--background-canvas-shaded);
    }
}