/* EXTRATO MOBILE LAYOUT FIX */
        @media (max-width: 640px) {
            #extratoModalOverlay.active {
                display: flex !important;
                align-items: stretch !important;
                justify-content: stretch !important;
                padding: 0 !important;
                overflow: hidden !important;
            }
            #extratoModalOverlay > .modal-box {
                width: 100vw !important;
                max-width: 100vw !important;
                height: 100dvh !important;
                max-height: 100dvh !important;
                margin: 0 !important;
                padding: 18px !important;
                border-radius: 0 !important;
                border-left: 0 !important;
                border-right: 0 !important;
                display: flex !important;
                flex-direction: column !important;
                overflow: hidden !important;
                box-sizing: border-box !important;
            }
            #extratoModalOverlay > .modal-box > div:first-child {
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) auto !important;
                gap: 12px !important;
                align-items: start !important;
                margin-bottom: 14px !important;
                flex: 0 0 auto !important;
            }
            #extratoModalOverlay #extratoTitle {
                max-width: 100% !important;
                font-size: 22px !important;
                line-height: 1.1 !important;
                overflow-wrap: anywhere !important;
            }
            #extratoModalOverlay #extratoSubtitle {
                max-width: 100% !important;
                line-height: 1.35 !important;
                overflow-wrap: anywhere !important;
            }
            #extratoModalOverlay #extratoSaldoAtual {
                white-space: nowrap !important;
                font-size: 19px !important;
            }
            #extratoModalOverlay > .modal-box > div:nth-child(2) {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 10px !important;
                margin-bottom: 14px !important;
                align-items: end !important;
                flex: 0 0 auto !important;
                min-width: 0 !important;
            }
            #extratoModalOverlay > .modal-box > div:nth-child(2) > div {
                min-width: 0 !important;
                width: 100% !important;
            }
            #extratoModalOverlay #extratoStart,
            #extratoModalOverlay #extratoEnd {
                display: block !important;
                position: static !important;
                width: 100% !important;
                max-width: 152px !important;
                min-width: 0 !important;
                height: 44px !important;
                min-height: 44px !important;
                margin: 0 !important;
                padding: 10px 10px !important;
                font-size: 15px !important;
                text-align: center !important;
                white-space: nowrap !important;
                box-sizing: border-box !important;
                float: none !important;
            }
            #extratoModalOverlay #extratoStart + input,
            #extratoModalOverlay #extratoEnd + input,
            #extratoModalOverlay .flatpickr-mobile {
                display: none !important;
            }
            #extratoModalOverlay > .modal-box > div:nth-child(2) > button {
                width: 100% !important;
                min-width: 0 !important;
                height: 46px !important;
                margin: 0 !important;
                padding: 0 12px !important;
                border-radius: 8px !important;
                box-sizing: border-box !important;
            }
            #extratoContent {
                flex: 1 1 auto !important;
                min-height: 0 !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;
                padding: 0 0 calc(18px + env(safe-area-inset-bottom)) !important;
                -webkit-overflow-scrolling: touch !important;
            }
            #extratoModalOverlay .extrato-item {
                display: grid !important;
                grid-template-columns: 44px minmax(0, 1fr) !important;
                grid-template-areas:
                    "icon info"
                    "icon value" !important;
                align-items: center !important;
                gap: 6px 12px !important;
                padding: 14px 0 !important;
                width: 100% !important;
                min-width: 0 !important;
                overflow: hidden !important;
            }
            #extratoModalOverlay .extrato-icon {
                grid-area: icon !important;
                width: 44px !important;
                height: 44px !important;
                border-radius: 8px !important;
            }
            #extratoModalOverlay .extrato-info {
                grid-area: info !important;
                min-width: 0 !important;
                width: 100% !important;
            }
            #extratoModalOverlay .extrato-item > div:last-child,
            #extratoModalOverlay .extrato-item > .extrato-val {
                grid-area: value !important;
                min-width: 0 !important;
                width: 100% !important;
                text-align: left !important;
            }
            #extratoModalOverlay .extrato-desc,
            #extratoModalOverlay .extrato-meta,
            #extratoModalOverlay .extrato-val,
            #extratoModalOverlay .extrato-saldo-acum {
                white-space: normal !important;
                overflow: visible !important;
                text-overflow: clip !important;
                overflow-wrap: anywhere !important;
                text-align: left !important;
            }
            #extratoModalOverlay .extrato-val {
                font-size: 15px !important;
            }
            #extratoModalOverlay .extrato-section-header {
                line-height: 1.35 !important;
                overflow-wrap: anywhere !important;
            }
        }