body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern,
body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar {
    align-items: end !important;
    background: #fff !important;
    border: 1px solid rgba(15, 33, 55, 0.08) !important;
    border-radius: 1rem !important;
    box-shadow: 0 0.65rem 1.5rem rgba(15, 33, 55, 0.04) !important;
    display: grid !important;
    gap: 0.5rem !important;
    padding: 0.65rem !important;
}

body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern {
    grid-template-columns: minmax(13rem, 1.25fr) minmax(8rem, 0.75fr) minmax(9rem, 0.9fr) minmax(9rem, 0.9fr) minmax(13rem, 1fr) auto !important;
}

body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar {
    grid-template-columns: minmax(14rem, 1.25fr) repeat(4, minmax(8rem, 0.75fr)) auto !important;
}

body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > *,
body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > * {
    grid-column: auto !important;
    min-width: 0 !important;
}

body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern .field,
body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar .field {
    gap: 0.2rem !important;
}

body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern .field > span,
body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar .field > span {
    color: rgba(15, 33, 55, 0.62) !important;
    font-size: 0.62rem !important;
    font-weight: 850 !important;
    letter-spacing: 0.06em !important;
    line-height: 1 !important;
    margin: 0 !important;
    min-height: 0 !important;
    text-transform: uppercase !important;
}

body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern input,
body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern select,
body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar input,
body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar select {
    background-color: #f8fafc !important;
    border: 1px solid rgba(15, 33, 55, 0.09) !important;
    border-radius: 0.68rem !important;
    box-shadow: none !important;
    font-size: 0.83rem !important;
    height: 2.18rem !important;
    min-height: 2.18rem !important;
    overflow: hidden !important;
    padding: 0.32rem 0.58rem !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.portal-role-landlord .filter-date-pair {
    display: grid !important;
    gap: 0.32rem !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.actions.filter-bar__actions,
body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > div.actions.filter-bar__actions.property-directory__actions {
    align-items: end !important;
    align-self: end !important;
    display: flex !important;
    gap: 0.35rem !important;
    justify-content: flex-end !important;
    min-height: 2.18rem !important;
}

body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.actions.filter-bar__actions .btn,
body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > div.actions.filter-bar__actions.property-directory__actions .btn {
    border-radius: 0.68rem !important;
    height: 2.18rem !important;
    justify-content: center !important;
    min-height: 2.18rem !important;
    padding: 0 0.7rem !important;
    white-space: nowrap !important;
}

body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar .filter-bar__hint {
    background: #f1f5f9 !important;
    border-radius: 999px !important;
    color: rgba(15, 33, 55, 0.72) !important;
    font-size: 0.76rem !important;
    font-weight: 800 !important;
    padding: 0.42rem 0.62rem !important;
    white-space: nowrap !important;
}

body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-search,
body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-track-select,
body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-property,
body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-person,
body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.field.ledger-filter-date-range,
body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.actions.filter-bar__actions {
    grid-column: auto !important;
}

body.portal-role-landlord .ledger-activity-panel__actions {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.45rem !important;
    justify-content: flex-end !important;
}

body.portal-role-landlord .ledger-activity-panel__actions > :where(.btn, .badge, details) {
    flex: 0 0 auto !important;
    height: 2.35rem !important;
    min-height: 2.35rem !important;
    width: auto !important;
}

body.portal-role-landlord .ledger-activity-panel__actions > details > summary {
    align-items: center !important;
    display: inline-flex !important;
    height: 2.35rem !important;
    min-height: 2.35rem !important;
    white-space: nowrap !important;
}

body.portal-role-landlord .ledger-activity-panel.ledger-activity-panel .ledger-activity-panel__actions {
    align-items: center !important;
    display: grid !important;
    gap: 0.45rem !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
    width: 100% !important;
}

body.portal-role-landlord .ledger-activity-panel.ledger-activity-panel .ledger-activity-panel__actions > .btn,
body.portal-role-landlord .ledger-activity-panel.ledger-activity-panel .ledger-activity-panel__actions > .badge,
body.portal-role-landlord .ledger-activity-panel.ledger-activity-panel .ledger-activity-panel__actions > details {
    flex: initial !important;
    height: 2.35rem !important;
    min-height: 2.35rem !important;
    min-width: 0 !important;
    width: 100% !important;
}

body.portal-role-landlord .ledger-activity-panel.ledger-activity-panel .ledger-activity-panel__actions > details > summary {
    justify-content: center !important;
    width: 100% !important;
}

@media (min-width: 761px) {
    body.portal-role-landlord .ledger-activity-panel.ledger-activity-panel .ledger-activity-panel__actions {
        display: flex !important;
        justify-content: flex-end !important;
        width: auto !important;
    }

    body.portal-role-landlord .ledger-activity-panel.ledger-activity-panel .ledger-activity-panel__actions > .btn,
    body.portal-role-landlord .ledger-activity-panel.ledger-activity-panel .ledger-activity-panel__actions > .badge,
    body.portal-role-landlord .ledger-activity-panel.ledger-activity-panel .ledger-activity-panel__actions > details {
        flex: 0 0 auto !important;
        width: auto !important;
    }
}

@media (max-width: 1180px) {
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-search,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.field.ledger-filter-date-range {
        grid-column: span 2 / span 2 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-track-select,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-property,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-person,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.actions.filter-bar__actions {
        grid-column: span 1 / span 1 !important;
    }

    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > label.field--full {
        grid-column: span 2 / span 2 !important;
    }
}

@media (min-width: 1181px) {
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-search,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-track-select,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-property,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-person,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.field.ledger-filter-date-range,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.actions.filter-bar__actions {
        grid-column: auto !important;
    }
}

@media (max-width: 760px) {
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern,
    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding: 0.55rem !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-search,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.field.ledger-filter-date-range,
    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > label.field--full,
    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > div.actions.filter-bar__actions.property-directory__actions {
        grid-column: 1 / -1 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.actions.filter-bar__actions {
        grid-column: span 1 / span 1 !important;
        justify-content: stretch !important;
        order: 5 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.field.ledger-filter-date-range {
        order: 6 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.actions.filter-bar__actions .btn {
        flex: 1 1 0 !important;
    }

    body.portal-role-landlord .ledger-activity-panel .panel__head {
        align-items: stretch !important;
        display: grid !important;
        gap: 0.65rem !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.portal-role-landlord .ledger-activity-panel__actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
    }

    body.portal-role-landlord .ledger-activity-panel__actions > :where(.btn, .badge, details) {
        flex: initial !important;
        justify-content: center !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    body.portal-role-landlord .ledger-activity-panel__actions > details > summary {
        justify-content: center !important;
        width: 100% !important;
    }
}

@media (max-width: 760px) {
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.actions.filter-bar__actions {
        grid-column: 1 / -1 !important;
    }

    body.portal-role-landlord .filter-date-pair {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 340px) {
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern,
    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar,
    body.portal-role-landlord .filter-date-pair {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > *,
    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > * {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 760px) {
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-track-select,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-property,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-person {
        grid-column: span 1 / span 1 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-search,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.field.ledger-filter-date-range {
        grid-column: 1 / -1 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-search {
        order: 1 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-track-select,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-property {
        order: 2 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-person,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.actions.filter-bar__actions {
        order: 3 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.field.ledger-filter-date-range {
        order: 4 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.actions.filter-bar__actions {
        grid-column: span 1 / span 1 !important;
    }
}

@media (min-width: 701px) and (max-width: 760px) {
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        padding: 0.65rem !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > * {
        order: 0 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-search,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.field.ledger-filter-date-range {
        grid-column: span 2 / span 2 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-track-select,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-property,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-person,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.actions.filter-bar__actions {
        grid-column: span 1 / span 1 !important;
    }
}

@media (max-width: 340px) {
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-track-select,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-property,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-person {
        grid-column: 1 / -1 !important;
    }
}

/* Renter portal simplification: compact nav, no horizontal bleed, stable overflow states. */
body.portal-role-tenant .tenant-bar {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(15, 31, 54, 0.08) !important;
    border-radius: 0 !important;
    box-shadow: 0 0.75rem 1.8rem rgba(15, 31, 54, 0.06) !important;
    margin: 0 !important;
    overflow: visible !important;
    width: 100% !important;
}

body.portal-role-tenant .tenant-bar__inner {
    margin: 0 auto !important;
    max-width: 1180px !important;
    padding: 0.7rem clamp(0.85rem, 2.2vw, 1.35rem) 0.62rem !important;
    width: min(100%, 1180px) !important;
}

body.portal-role-tenant .tenant-bar__row,
body.portal-role-tenant .tenant-bar__nav-row {
    align-items: center !important;
    display: flex !important;
    gap: 0.6rem !important;
    min-width: 0 !important;
    width: 100% !important;
}

body.portal-role-tenant .tenant-bar .brand {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

body.portal-role-tenant .tenant-bar .brand span,
body.portal-role-tenant .tenant-bar .brand strong,
body.portal-role-tenant .tenant-bar .brand small,
body.portal-role-tenant .tenant-home-chip strong,
body.portal-role-tenant .tenant-home-switcher select,
body.portal-role-tenant .list-item__title,
body.portal-role-tenant .list-item__meta,
body.portal-role-tenant .payment-stat strong,
body.portal-role-tenant .payment-stat span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.portal-role-tenant .tenant-bar__actions {
    align-items: center !important;
    display: inline-flex !important;
    flex-direction: row !important;
    flex: 0 1 auto !important;
    flex-wrap: nowrap !important;
    gap: 0.38rem !important;
    justify-content: flex-end !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: auto !important;
}

body.portal-role-tenant .tenant-bar__actions form {
    flex: 0 0 auto !important;
    margin: 0 !important;
    min-width: 0 !important;
}

body.portal-role-tenant .tenant-bar__actions .btn,
body.portal-role-tenant .tenant-bar__actions .portal-context-switch__button {
    border-radius: 999px !important;
    font-size: 0.78rem !important;
    justify-content: center !important;
    max-width: 8.75rem !important;
    min-height: 2.05rem !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0.42rem 0.66rem !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: auto !important;
}

body.portal-role-tenant .tenant-bar__nav-row {
    background: #f8fbfd !important;
    border: 1px solid rgba(15, 31, 54, 0.07) !important;
    border-radius: 1rem !important;
    margin-top: 0.55rem !important;
    padding: 0.45rem !important;
}

body.portal-role-tenant .tenant-home-chip,
body.portal-role-tenant .tenant-home-switcher {
    flex: 0 1 15rem !important;
    min-width: 9rem !important;
}

body.portal-role-tenant .tenant-nav {
    align-items: center !important;
    display: grid !important;
    flex: 1 1 auto !important;
    gap: 0.38rem !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    min-width: 0 !important;
    overflow: visible !important;
    width: 100% !important;
}

body.portal-role-tenant .tenant-bar .tenant-nav {
    align-items: center !important;
    display: grid !important;
    flex: 1 1 auto !important;
    gap: 0.38rem !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    min-width: 0 !important;
    overflow: visible !important;
    width: 100% !important;
}

body.portal-role-tenant .tenant-nav__link {
    align-items: center !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    font-size: 0.8rem !important;
    font-weight: 850 !important;
    justify-content: center !important;
    min-height: 2.05rem !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0.44rem 0.62rem !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.portal-role-tenant .tenant-bar .tenant-nav__link {
    align-items: center !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    font-size: 0.8rem !important;
    font-weight: 850 !important;
    justify-content: center !important;
    min-height: 2.05rem !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0.44rem 0.62rem !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.portal-role-tenant .tenant-nav__link.is-active {
    background: #12395f !important;
    color: #ffffff !important;
}

body.portal-role-tenant .tenant-shell__body,
body.portal-role-tenant .tenant-shell__body > .page-content,
body.portal-role-tenant .panel,
body.portal-role-tenant .list-item,
body.portal-role-tenant .payment-hero,
body.portal-role-tenant .payment-stat {
    min-width: 0 !important;
}

body.portal-role-tenant .tenant-payment-note {
    color: #475569 !important;
    display: inline-flex !important;
    font-size: 0.84rem !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    max-width: 28rem !important;
}

@media (max-width: 860px) {
    body.portal-role-tenant .tenant-bar__row {
        align-items: center !important;
        display: grid !important;
        gap: 0.5rem !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body.portal-role-tenant .tenant-bar__actions {
        display: inline-flex !important;
        flex-direction: row !important;
        gap: 0.35rem !important;
        justify-content: end !important;
        width: auto !important;
    }

    body.portal-role-tenant .tenant-home-chip {
        display: none !important;
    }

    body.portal-role-tenant .tenant-bar__nav-row,
    body.portal-role-tenant .tenant-bar__nav-row--empty {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.45rem !important;
        min-height: 0 !important;
    }

    body.portal-role-tenant .tenant-bar .tenant-nav {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        width: 100% !important;
    }
}

@media (max-width: 700px) {
    body.portal-role-tenant .tenant-bar__row,
    body.portal-role-tenant .tenant-bar__nav-row {
        align-items: center !important;
    }

    body.portal-role-tenant .tenant-bar__actions {
        display: inline-flex !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
        width: auto !important;
    }

    body.portal-role-tenant .tenant-bar__actions form,
    body.portal-role-tenant .tenant-bar__actions .btn,
    body.portal-role-tenant .tenant-bar__actions .portal-context-switch__button {
        width: auto !important;
    }

    body.portal-role-tenant .tenant-home-chip,
    body.portal-role-tenant .tenant-home-switcher {
        max-width: 100% !important;
        width: 100% !important;
    }

    body.portal-role-tenant .tenant-home-chip {
        display: none !important;
    }

    body.portal-role-tenant .tenant-bar__nav-row,
    body.portal-role-tenant .tenant-bar__nav-row--empty {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.45rem !important;
        min-height: 0 !important;
    }

    body.portal-role-tenant .tenant-bar .tenant-nav {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        width: 100% !important;
    }
}

@media (max-width: 520px) {
    body.portal-role-tenant .tenant-bar__inner {
        padding-inline: 0.7rem !important;
    }

    body.portal-role-tenant .tenant-bar__row {
        align-items: center !important;
        display: grid !important;
        gap: 0.5rem !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body.portal-role-tenant .tenant-bar__actions {
        display: inline-flex !important;
        flex-direction: row !important;
        gap: 0.35rem !important;
        justify-content: end !important;
        width: auto !important;
    }

    body.portal-role-tenant .tenant-bar__actions form,
    body.portal-role-tenant .tenant-bar__actions .btn,
    body.portal-role-tenant .tenant-bar__actions .portal-context-switch__button {
        width: auto !important;
    }

    body.portal-role-tenant .tenant-bar .brand span {
        display: none !important;
    }

    body.portal-role-tenant .tenant-nav,
    body.portal-role-tenant .tenant-bar .tenant-nav {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    body.portal-role-tenant .tenant-nav__link,
    body.portal-role-tenant .tenant-bar__actions .btn,
    body.portal-role-tenant .tenant-bar__actions .portal-context-switch__button {
        font-size: 0.76rem !important;
        min-height: 2rem !important;
        max-width: 6.8rem !important;
        padding-inline: 0.5rem !important;
    }
}

@media (max-width: 340px) {
    body.portal-role-tenant .tenant-nav,
    body.portal-role-tenant .tenant-bar .tenant-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.portal-role-tenant .tenant-bar__actions .btn,
    body.portal-role-tenant .tenant-bar__actions .portal-context-switch__button {
        max-width: 5.85rem !important;
        padding-inline: 0.42rem !important;
    }
}

/* Renter page compactness pass: keep primary work visible before decorative stats. */
body.portal-role-tenant .dashboard-stack,
body.portal-role-tenant .section-stack {
    gap: 0.75rem !important;
}

body.portal-role-tenant .dashboard-section {
    margin: 0 !important;
}

body.portal-role-tenant .dashboard-section--tenant-actions {
    display: block !important;
    width: 100% !important;
}

body.portal-role-tenant .dashboard-section--tenant-actions .dashboard-action-queue {
    width: 100% !important;
}

body.portal-role-tenant .dashboard-section--split.tenant-home-overview {
    align-items: stretch !important;
    display: grid !important;
    gap: 0.75rem !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr) !important;
}

body.portal-role-tenant .tenant-payment-card,
body.portal-role-tenant .tenant-home-card,
body.portal-role-tenant .dashboard-action-queue,
body.portal-role-tenant .record-list-card,
body.portal-role-tenant .payment-hero--tenant,
body.portal-role-tenant .tenant-ledger-strip,
body.portal-role-tenant .ledger-activity-panel,
body.portal-role-tenant .maintenance-command-panel,
body.portal-role-tenant .renter-settings-card {
    border: 1px solid rgba(15, 31, 54, 0.08) !important;
    border-radius: 1rem !important;
    box-shadow: 0 0.8rem 1.8rem rgba(15, 31, 54, 0.045) !important;
    padding: 0.85rem !important;
}

body.portal-role-tenant .panel__head,
body.portal-role-tenant .section-header,
body.portal-role-tenant .renter-settings-card__head {
    gap: 0.4rem !important;
    margin-bottom: 0.58rem !important;
    padding-bottom: 0 !important;
}

body.portal-role-tenant :where(.panel__head h1, .panel__head h2, .section-header h1, .section-header h2, .renter-settings-card__head h2) {
    font-size: clamp(1rem, 1.3vw, 1.2rem) !important;
    line-height: 1.12 !important;
}

body.portal-role-tenant .tenant-payment-card .stat-grid--compact {
    display: grid !important;
    gap: 0.5rem !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.portal-role-tenant .tenant-payment-card .metric-card,
body.portal-role-tenant .tenant-payment-card .stat-card {
    min-height: 0 !important;
    padding: 0.65rem !important;
}

body.portal-role-tenant .tenant-payment-card .metric-card strong,
body.portal-role-tenant .tenant-payment-card .stat-card__value,
body.portal-role-tenant .payment-stat strong {
    display: block !important;
    font-size: clamp(1rem, 3vw, 1.35rem) !important;
    line-height: 1.05 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.portal-role-tenant .tenant-home-actions {
    display: grid !important;
    gap: 0.45rem !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 0.65rem !important;
}

body.portal-role-tenant .tenant-home-actions .btn {
    justify-content: center !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 100% !important;
}

body.portal-role-tenant .tenant-home-select-card {
    align-items: start !important;
    gap: 0.55rem !important;
}

body.portal-role-tenant .tenant-home-select-card .list-item__title,
body.portal-role-tenant .tenant-home-select-card .list-item__meta {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
}

body.portal-role-tenant .tenant-home-select-card .list-item__title {
    -webkit-line-clamp: 2 !important;
}

body.portal-role-tenant .tenant-home-select-card .list-item__meta {
    -webkit-line-clamp: 2 !important;
}

body.portal-role-tenant .dashboard-action-queue .list-card__list {
    display: grid !important;
    gap: 0.5rem !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.portal-role-tenant .dashboard-action-queue__item {
    align-items: start !important;
    border-radius: 0.85rem !important;
    display: grid !important;
    gap: 0.45rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 0.65rem !important;
}

body.portal-role-tenant .dashboard-action-queue__item .list-item__side,
body.portal-role-tenant .tenant-home-card .list-item__side,
body.portal-role-tenant .maintenance-page--tenant .list-item__side {
    align-items: center !important;
    display: flex !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    width: 100% !important;
}

body.portal-role-tenant .dashboard-action-queue__item .list-item__side a,
body.portal-role-tenant .maintenance-page--tenant .list-item__side a {
    background: #eef5fb !important;
    border-radius: 999px !important;
    color: #12395f !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
    padding: 0.38rem 0.6rem !important;
    text-decoration: none !important;
}

body.portal-role-tenant .dashboard-action-queue__item .list-item__title,
body.portal-role-tenant .dashboard-action-queue__item .list-item__meta {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
}

body.portal-role-tenant .dashboard-action-queue__item .list-item__title {
    -webkit-line-clamp: 2 !important;
}

body.portal-role-tenant .dashboard-action-queue__item .list-item__meta {
    -webkit-line-clamp: 2 !important;
}

body.portal-role-tenant .payment-hero--tenant.tenant-payment-card--restyled {
    padding: 0.9rem !important;
}

body.portal-role-tenant .payment-hero--tenant.tenant-payment-card--restyled .payment-hero__body {
    display: grid !important;
    gap: 0.75rem !important;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
}

body.portal-role-tenant .payment-hero--tenant.tenant-payment-card--restyled .payment-hero__stats {
    display: grid !important;
    gap: 0.5rem !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.portal-role-tenant .payment-hero--tenant.tenant-payment-card--restyled .payment-stat {
    min-height: 0 !important;
    padding: 0.6rem !important;
}

body.portal-role-tenant .payment-hero--tenant.tenant-payment-card--restyled .payment-hero__meta {
    color: #526274 !important;
    display: -webkit-box !important;
    font-size: 0.88rem !important;
    line-height: 1.35 !important;
    margin: 0.2rem 0 0 !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

body.portal-role-tenant .payment-hero--tenant.tenant-payment-card--restyled .payment-hero__actions {
    margin-top: 0.65rem !important;
}

body.portal-role-tenant .payment-hero--tenant.tenant-payment-card--restyled .tenant-payment-note {
    display: inline-flex !important;
    line-height: 1.3 !important;
    padding: 0.5rem 0.7rem !important;
}

body.portal-role-tenant .tenant-ledger-strip--restyled {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
    min-height: 0 !important;
}

body.portal-role-tenant .ledger-activity-panel__actions {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
    justify-content: flex-end !important;
}

body.portal-role-tenant .renter-settings-form {
    gap: 0.75rem !important;
}

body.portal-role-tenant .renter-settings-hero {
    align-items: center !important;
    border-radius: 1rem !important;
    display: flex !important;
    gap: 0.75rem !important;
    justify-content: space-between !important;
    margin-bottom: 0.7rem !important;
    min-height: 0 !important;
    padding: 0.85rem !important;
}

body.portal-role-tenant .renter-settings-hero h1 {
    font-size: clamp(1.25rem, 2.5vw, 1.65rem) !important;
    line-height: 1.05 !important;
}

body.portal-role-tenant .renter-settings-logout {
    margin: 0 !important;
}

body.portal-role-tenant .renter-settings-logout .btn {
    background: #b42318 !important;
    border-color: #b42318 !important;
    color: #ffffff !important;
    box-shadow: 0 0.6rem 1.25rem rgba(180, 35, 24, 0.16) !important;
}

body.portal-role-tenant .renter-settings-logout .btn:hover {
    background: #912018 !important;
    border-color: #912018 !important;
}

body.portal-role-tenant .renter-settings-grid {
    gap: 0.7rem !important;
}

body.portal-role-tenant .renter-settings-nav {
    align-items: center !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 31, 54, 0.08) !important;
    border-radius: 1rem !important;
    box-shadow: 0 0.8rem 1.8rem rgba(15, 31, 54, 0.04) !important;
    display: grid !important;
    gap: 0.35rem !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    margin-bottom: 0.7rem !important;
    padding: 0.45rem !important;
}

body.portal-role-tenant .renter-settings-nav a {
    align-items: center !important;
    border-radius: 999px !important;
    color: #163452 !important;
    display: inline-flex !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
    justify-content: center !important;
    min-height: 2rem !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0.4rem 0.55rem !important;
    text-align: center !important;
    text-decoration: none !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.portal-role-tenant .renter-settings-nav a:hover {
    background: #eef5fb !important;
}

body.portal-role-tenant .renter-photo-row {
    align-items: center !important;
    background: #f8fbfd !important;
    border: 1px solid rgba(15, 31, 54, 0.08) !important;
    border-radius: 0.9rem !important;
    display: grid !important;
    gap: 0.7rem !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    margin-bottom: 0.65rem !important;
    padding: 0.65rem !important;
}

body.portal-role-tenant .renter-photo-preview {
    align-items: center !important;
    background: linear-gradient(135deg, #12395f, #1f6f93) !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    display: inline-flex !important;
    font-weight: 900 !important;
    height: 4rem !important;
    justify-content: center !important;
    overflow: hidden !important;
    width: 4rem !important;
}

body.portal-role-tenant .renter-photo-preview img {
    display: block !important;
    height: 100% !important;
    object-fit: cover !important;
    width: 100% !important;
}

body.portal-role-tenant .renter-photo-controls {
    align-items: center !important;
    display: grid !important;
    gap: 0.45rem !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-width: 0 !important;
}

body.portal-role-tenant .renter-photo-controls .field {
    margin: 0 !important;
}

body.portal-role-tenant .renter-photo-controls input[type="file"] {
    background: #ffffff !important;
    width: 100% !important;
}

body.portal-role-tenant .renter-photo-remove,
body.portal-role-tenant .renter-photo-source {
    color: #64748b !important;
    font-size: 0.8rem !important;
    line-height: 1.25 !important;
}

body.portal-role-tenant .renter-settings-fields,
body.portal-role-tenant .renter-settings-fields--three,
body.portal-role-tenant .renter-settings-fields--address {
    display: grid !important;
    gap: 0.55rem !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.portal-role-tenant .renter-settings-fields .field--full,
body.portal-role-tenant .renter-settings-fields .field--span-2 {
    grid-column: span 2 / span 2 !important;
}

body.portal-role-tenant .renter-settings-form :where(input, select, textarea) {
    border-radius: 0.65rem !important;
    min-height: 2.25rem !important;
    padding: 0.38rem 0.55rem !important;
}

body.portal-role-tenant .renter-settings-form textarea {
    min-height: 4.8rem !important;
}

body.portal-role-tenant .renter-preference-grid {
    display: grid !important;
    gap: 0.5rem !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.portal-role-tenant .renter-pref-card {
    border-radius: 0.85rem !important;
    min-height: 0 !important;
    padding: 0.55rem !important;
}

body.portal-role-tenant .renter-settings-save {
    border-radius: 1rem !important;
    margin-top: 0.75rem !important;
    padding: 0.75rem 0.85rem !important;
}

body.portal-role-tenant .tenant-documents-hero,
body.portal-role-tenant .tenant-signing-queue,
body.portal-role-tenant .maintenance-page--tenant .record-list-card {
    border-radius: 1rem !important;
    box-shadow: 0 0.8rem 1.8rem rgba(15, 31, 54, 0.04) !important;
}

body.portal-role-tenant .tenant-documents-hero {
    align-items: center !important;
    gap: 0.7rem !important;
    padding: 0.78rem 0.9rem !important;
}

body.portal-role-tenant .tenant-documents-hero__stats {
    gap: 0.45rem !important;
}

body.portal-role-tenant .tenant-signing-queue {
    padding: 0.85rem !important;
}

body.portal-role-tenant .maintenance-command-panel--tenant {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
}

body.portal-role-tenant .maintenance-command-panel--tenant .btn {
    flex: 0 0 auto !important;
}

@media (max-width: 900px) {
    body.portal-role-tenant .dashboard-section--split.tenant-home-overview {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.portal-role-tenant .dashboard-action-queue .list-card__list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.portal-role-tenant .renter-settings-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.portal-role-tenant .renter-settings-fields--three {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    body.portal-role-tenant .renter-settings-fields,
    body.portal-role-tenant .renter-settings-fields--three,
    body.portal-role-tenant .renter-settings-fields--address {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.portal-role-tenant .renter-preference-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.portal-role-tenant .renter-settings-fields .field--full,
    body.portal-role-tenant .renter-settings-fields .field--span-2 {
        grid-column: 1 / -1 !important;
    }

    body.portal-role-tenant .renter-photo-controls {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 700px) {
    body.portal-role-tenant .payment-hero--tenant.tenant-payment-card--restyled .payment-hero__body {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.portal-role-tenant .renter-settings-hero {
        align-items: center !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
    }
}

@media (max-width: 520px) {
    body.portal-role-tenant .tenant-payment-card,
    body.portal-role-tenant .tenant-home-card,
    body.portal-role-tenant .dashboard-action-queue,
    body.portal-role-tenant .record-list-card,
    body.portal-role-tenant .payment-hero--tenant,
    body.portal-role-tenant .tenant-ledger-strip,
    body.portal-role-tenant .ledger-activity-panel,
    body.portal-role-tenant .maintenance-command-panel,
    body.portal-role-tenant .renter-settings-card {
        padding: 0.68rem !important;
    }

    body.portal-role-tenant .dashboard-action-queue .list-card__list,
    body.portal-role-tenant .payment-hero--tenant.tenant-payment-card--restyled .payment-hero__stats,
    body.portal-role-tenant .renter-settings-fields,
    body.portal-role-tenant .renter-settings-fields--three,
    body.portal-role-tenant .renter-settings-fields--address {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.portal-role-tenant .renter-preference-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.portal-role-tenant .renter-settings-fields .field,
    body.portal-role-tenant .renter-settings-fields .field--full,
    body.portal-role-tenant .renter-settings-fields .field--span-2 {
        grid-column: 1 / -1 !important;
    }

    body.portal-role-tenant .tenant-payment-card .stat-grid--compact {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.portal-role-tenant .tenant-home-actions {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.portal-role-tenant .tenant-ledger-strip--restyled,
    body.portal-role-tenant .maintenance-command-panel--tenant {
        align-items: stretch !important;
        display: grid !important;
        gap: 0.6rem !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.portal-role-tenant .ledger-activity-panel__actions {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: 100% !important;
    }

    body.portal-role-tenant .ledger-activity-panel__actions > * {
        justify-content: center !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    body.portal-role-tenant .dashboard-action-queue__item {
        padding: 0.55rem !important;
    }

    body.portal-role-tenant .dashboard-action-queue__label {
        font-size: 0.66rem !important;
    }

    body.portal-role-tenant .dashboard-action-queue__item .list-item__meta {
        -webkit-line-clamp: 1 !important;
    }

    body.portal-role-tenant .payment-hero--tenant.tenant-payment-card--restyled .payment-hero__meta,
    body.portal-role-tenant .payment-hero--tenant.tenant-payment-card--restyled .tenant-payment-note {
        display: none !important;
    }

    body.portal-role-tenant .tenant-documents-hero {
        align-items: stretch !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.portal-role-tenant .tenant-documents-hero__stats {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.portal-role-tenant .maintenance-command-panel--tenant {
        display: grid !important;
        gap: 0.55rem !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body.portal-role-tenant .renter-settings-hero {
        align-items: stretch !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body.portal-role-tenant .renter-photo-row {
        align-items: start !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
    }

    body.portal-role-tenant .renter-photo-preview {
        height: 3.4rem !important;
        width: 3.4rem !important;
    }

    body.portal-role-tenant .renter-photo-controls input[type="file"] {
        font-size: 0.76rem !important;
    }

    body.portal-role-tenant .renter-settings-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 340px) {
    body.portal-role-tenant .ledger-activity-panel__actions {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.portal-role-tenant .payment-hero--tenant.tenant-payment-card--restyled .payment-hero__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.portal-role-tenant .renter-settings-fields,
    body.portal-role-tenant .renter-settings-fields--three,
    body.portal-role-tenant .renter-settings-fields--address {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.portal-role-tenant .renter-preference-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.portal-role-tenant .renter-settings-fields .field--full,
    body.portal-role-tenant .renter-settings-fields .field--span-2 {
        grid-column: 1 / -1 !important;
    }

    body.portal-role-tenant .tenant-bar .brand small {
        display: none !important;
    }

    body.portal-role-tenant .tenant-bar__row {
        align-items: center !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
    }

    body.portal-role-tenant .tenant-bar .brand span {
        display: none !important;
    }

    body.portal-role-tenant .tenant-bar__actions {
        display: inline-flex !important;
        flex-direction: row !important;
        max-width: 100% !important;
    }

    body.portal-role-tenant .tenant-payment-card .stat-grid--compact {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.portal-role-tenant .dashboard-action-queue .list-card__list {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 290px) {
    body.portal-role-tenant .payment-hero--tenant.tenant-payment-card--restyled .payment-hero__stats,
    body.portal-role-tenant .tenant-payment-card .stat-grid--compact,
    body.portal-role-tenant .renter-settings-fields,
    body.portal-role-tenant .renter-settings-fields--three,
    body.portal-role-tenant .renter-settings-fields--address,
    body.portal-role-tenant .renter-preference-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* Landlord dashboard mobile density: keep small operational cards two-up. */
@media (max-width: 640px) {
    body.portal-role-landlord .dashboard-stack {
        gap: 0.58rem !important;
    }

    body.portal-role-landlord .dashboard-action-strip {
        order: -5 !important;
    }

    body.portal-role-landlord .dashboard-start-rail {
        order: -4 !important;
    }

    body.portal-role-landlord .dashboard-section--priority {
        order: -3 !important;
    }

    body.portal-role-landlord .dashboard-graph-grid {
        order: -2 !important;
    }

    body.portal-role-landlord .dashboard-action-strip,
    body.portal-role-landlord .dashboard-graph-grid,
    body.portal-role-landlord .landlord-money-card .stat-grid--compact {
        display: grid !important;
        gap: 0.46rem !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.portal-role-landlord .dashboard-start-rail {
        display: grid !important;
        gap: 0.42rem !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.portal-role-landlord .dashboard-start-rail > strong {
        grid-column: 1 / -1 !important;
    }

    body.portal-role-landlord .dashboard-action-card,
    body.portal-role-landlord .dashboard-graph-card,
    body.portal-role-landlord .landlord-money-card .stat-card,
    body.portal-role-landlord .dashboard-start-step {
        min-width: 0 !important;
        padding: 0.54rem 0.58rem !important;
    }

    body.portal-role-landlord .dashboard-action-card {
        align-content: start !important;
        gap: 0.18rem !important;
        min-height: 6.1rem !important;
    }

    body.portal-role-landlord .dashboard-action-card strong,
    body.portal-role-landlord .landlord-money-card .stat-card__value {
        font-size: clamp(1.02rem, 5vw, 1.34rem) !important;
        line-height: 1 !important;
        overflow-wrap: anywhere !important;
    }

    body.portal-role-landlord .dashboard-action-card span,
    body.portal-role-landlord .dashboard-action-card em,
    body.portal-role-landlord .dashboard-start-step span,
    body.portal-role-landlord .dashboard-start-step em,
    body.portal-role-landlord .landlord-money-card .stat-card__eyebrow {
        font-size: 0.68rem !important;
        line-height: 1.18 !important;
        overflow-wrap: anywhere !important;
    }

    body.portal-role-landlord .dashboard-action-card > span:not(.dashboard-action-card__label) {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    body.portal-role-landlord .dashboard-graph-card {
        align-content: start !important;
        gap: 0.42rem !important;
        min-height: 8.6rem !important;
    }

    body.portal-role-landlord .dashboard-graph-card--trend {
        grid-column: 1 / -1 !important;
    }

    body.portal-role-landlord .dashboard-donut {
        height: 3.8rem !important;
        width: 3.8rem !important;
    }

    body.portal-role-landlord .dashboard-money-row {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.2rem !important;
    }

    body.portal-role-landlord .dashboard-money-row > div {
        order: 3 !important;
    }
}

@media (max-width: 330px) {
    body.portal-role-landlord .dashboard-action-strip,
    body.portal-role-landlord .dashboard-graph-grid,
    body.portal-role-landlord .landlord-money-card .stat-grid--compact,
    body.portal-role-landlord .dashboard-start-rail {
        gap: 0.36rem !important;
    }

    body.portal-role-landlord .dashboard-action-card,
    body.portal-role-landlord .dashboard-graph-card,
    body.portal-role-landlord .landlord-money-card .stat-card,
    body.portal-role-landlord .dashboard-start-step {
        border-radius: 13px !important;
        padding: 0.48rem !important;
    }
}

/* Final mobile cleanup: compact landlord filters and paused calendar state. */
body.portal-role-landlord .sidebar-link.is-disabled {
    color: rgba(226, 232, 240, 0.46) !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

body.portal-role-landlord .sidebar-link.is-disabled .sidebar-link__dot {
    background: rgba(148, 163, 184, 0.55) !important;
    box-shadow: none !important;
}

body.portal-role-landlord .sidebar-link__badge {
    margin-left: auto !important;
    border: 1px solid rgba(226, 232, 240, 0.16) !important;
    border-radius: 999px !important;
    padding: 0.12rem 0.38rem !important;
    color: rgba(226, 232, 240, 0.58) !important;
    font-size: 0.58rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

body.portal-role-landlord .btn--disabled,
body.portal-role-landlord .inline-link-muted--locked {
    cursor: not-allowed !important;
    opacity: 0.56 !important;
    pointer-events: none !important;
}

body.portal-role-landlord .schedule-disabled-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(13rem, 0.55fr) !important;
    gap: 1rem !important;
    align-items: stretch !important;
    padding: clamp(1rem, 3vw, 1.6rem) !important;
}

body.portal-role-landlord .schedule-disabled-panel__content {
    display: grid !important;
    align-content: center !important;
    gap: 0.55rem !important;
    min-width: 0 !important;
}

body.portal-role-landlord .schedule-disabled-panel__eyebrow {
    color: #64748b !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

body.portal-role-landlord .schedule-disabled-panel h1 {
    margin: 0 !important;
    color: #0f1f36 !important;
    font-size: clamp(1.55rem, 3vw, 2.25rem) !important;
    letter-spacing: -0.055em !important;
    line-height: 1 !important;
}

body.portal-role-landlord .schedule-disabled-panel p {
    max-width: 44rem !important;
    margin: 0 !important;
    color: #64748b !important;
    font-size: 0.95rem !important;
    line-height: 1.45 !important;
}

body.portal-role-landlord .schedule-disabled-panel__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    margin-top: 0.35rem !important;
}

body.portal-role-landlord .schedule-disabled-panel__preview {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
    min-width: 0 !important;
    padding: 0.75rem !important;
    border: 1px dashed rgba(15, 31, 54, 0.15) !important;
    border-radius: 1rem !important;
    background: linear-gradient(135deg, rgba(248, 250, 252, 0.88), rgba(241, 245, 249, 0.72)) !important;
    filter: grayscale(0.7) !important;
    opacity: 0.72 !important;
}

body.portal-role-landlord .schedule-disabled-panel__preview span {
    display: grid !important;
    place-items: center !important;
    min-height: 3.25rem !important;
    border: 1px solid rgba(15, 31, 54, 0.08) !important;
    border-radius: 0.8rem !important;
    color: #64748b !important;
    background: #ffffff !important;
    font-weight: 900 !important;
}

body.portal-role-landlord .property-directory__filters,
body.portal-role-landlord .ledger-workbench__tools {
    min-width: 0 !important;
}

@media (max-width: 680px) {
    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern {
        gap: 0.42rem !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding: 0.5rem !important;
        border-radius: 0.95rem !important;
        box-shadow: none !important;
    }

    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > *,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > * {
        grid-column: auto !important;
        min-width: 0 !important;
        order: initial !important;
    }

    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > label.field--full,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-search {
        grid-column: 1 / -1 !important;
    }

    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar .field,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern .field {
        gap: 0.16rem !important;
    }

    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar .field > span,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern .field > span {
        font-size: 0.58rem !important;
        letter-spacing: 0.055em !important;
    }

    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar input,
    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar select,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern input,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern select {
        height: 2.08rem !important;
        min-height: 2.08rem !important;
        border-radius: 0.58rem !important;
        font-size: 0.78rem !important;
        padding: 0.26rem 0.45rem !important;
    }

    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > div.actions.filter-bar__actions.property-directory__actions {
        grid-column: 1 / -1 !important;
        min-height: 1.9rem !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding-top: 0.1rem !important;
    }

    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar .filter-bar__hint {
        padding: 0.34rem 0.52rem !important;
        font-size: 0.7rem !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.field.ledger-filter-date-range {
        grid-column: 1 / -1 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.actions.filter-bar__actions {
        grid-column: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.42rem !important;
        min-height: 2.08rem !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.actions.filter-bar__actions .btn {
        width: 100% !important;
        height: 2.08rem !important;
        min-height: 2.08rem !important;
    }

    body.portal-role-landlord .filter-date-pair {
        gap: 0.42rem !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.portal-role-landlord .ledger-activity-panel {
        padding: 0.7rem !important;
    }

    body.portal-role-landlord .ledger-activity-panel .panel__head {
        gap: 0.52rem !important;
    }

    body.portal-role-landlord .ledger-activity-panel.ledger-activity-panel .ledger-activity-panel__actions {
        gap: 0.38rem !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.portal-role-landlord .ledger-activity-panel.ledger-activity-panel .ledger-activity-panel__actions > .btn,
    body.portal-role-landlord .ledger-activity-panel.ledger-activity-panel .ledger-activity-panel__actions > .badge,
    body.portal-role-landlord .ledger-activity-panel.ledger-activity-panel .ledger-activity-panel__actions > details {
        height: 2.12rem !important;
        min-height: 2.12rem !important;
    }

    body.portal-role-landlord .ledger-activity-panel.ledger-activity-panel .ledger-activity-panel__actions > details > summary {
        height: 2.12rem !important;
        min-height: 2.12rem !important;
        padding-inline: 0.45rem !important;
    }

    body.portal-role-landlord .schedule-disabled-panel {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 420px) {
    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > label.field:not(.field--full) {
        grid-column: auto !important;
    }

    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > label.field--full,
    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > div.actions.filter-bar__actions.property-directory__actions {
        grid-column: 1 / -1 !important;
    }

    body.portal-role-landlord .ledger-activity-panel.ledger-activity-panel .ledger-activity-panel__actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 680px) {
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-search {
        order: 1 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-track-select,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-property {
        order: 2 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > label.field.ledger-filter-person {
        order: 3 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.field.ledger-filter-date-range {
        order: 4 !important;
    }

    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > div.actions.filter-bar__actions {
        order: 5 !important;
    }
}

@media (max-width: 340px) {
    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar,
    body.portal-role-landlord .ledger-activity-panel.ledger-activity-panel .ledger-activity-panel__actions {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > * {
        grid-column: 1 / -1 !important;
    }
}

body .feature-paused-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.42fr) !important;
    gap: 1rem !important;
    align-items: stretch !important;
    padding: clamp(1.1rem, 3vw, 2rem) !important;
    overflow: hidden !important;
}

body .feature-paused-panel__content {
    display: grid !important;
    align-content: center !important;
    gap: 0.82rem !important;
    min-width: 0 !important;
}

body .feature-paused-panel__eyebrow {
    color: #64748b !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

body .feature-paused-panel h1 {
    margin: 0 !important;
    color: #0f1f36 !important;
    font-size: clamp(1.55rem, 4vw, 2.35rem) !important;
    line-height: 1.05 !important;
}

body .feature-paused-panel p {
    max-width: 44rem !important;
    margin: 0 !important;
    color: #64748b !important;
    line-height: 1.6 !important;
}

body .feature-paused-panel__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.55rem !important;
}

body .feature-paused-panel__preview {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.55rem !important;
    min-height: 11rem !important;
    opacity: 0.58 !important;
    filter: grayscale(1) !important;
}

body .feature-paused-panel__preview span {
    min-height: 5rem !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    border-radius: 1rem !important;
    background: linear-gradient(145deg, rgba(241, 245, 249, 0.94), rgba(226, 232, 240, 0.48)) !important;
}

@media (max-width: 680px) {
    body .feature-paused-panel {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body .feature-paused-panel__preview {
        min-height: 6rem !important;
    }
}

/* QA stabilization: keep critical app chrome and dense workbench forms predictable
   across narrow, tablet, and desktop widths. */
html,
body {
    max-width: 100% !important;
    overflow-x: clip !important;
}

body.portal-role-landlord .app-shell--landlord {
    --shell-toggle-width: 2.5rem;
}

body.portal-role-landlord .shell-toggle {
    position: fixed !important;
    left: 0 !important;
    top: 0.72rem !important;
    width: var(--shell-toggle-width) !important;
    min-width: var(--shell-toggle-width) !important;
    height: 2.75rem !important;
    min-height: 2.75rem !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 0.82rem 0.82rem 0 !important;
    background: #12395f !important;
    box-shadow: 0 12px 26px rgba(15, 31, 54, 0.16) !important;
    transform: none !important;
    overflow: visible !important;
}

body.portal-role-landlord .shell-toggle:hover,
body.portal-role-landlord .shell-toggle:focus-visible {
    background: #1f5d99 !important;
    outline: 0 !important;
    box-shadow: 0 12px 26px rgba(15, 31, 54, 0.18) !important;
}

body.portal-role-landlord .shell-toggle__label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

body.portal-role-landlord .shell-toggle__arrow {
    width: 1rem !important;
    height: 1rem !important;
    min-width: 1rem !important;
    min-height: 1rem !important;
    display: block !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

body.portal-role-landlord .shell-toggle__arrow svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    fill: #ffffff !important;
    transform: rotate(0deg) !important;
    transition: transform 0.16s ease !important;
}

body.portal-role-landlord .shell-toggle[aria-expanded="false"] .shell-toggle__arrow svg {
    transform: rotate(180deg) !important;
}

body.portal-role-landlord .workspace-main,
body.portal-role-landlord .workspace-main__inner,
body.portal-role-landlord .page-content,
body.portal-role-landlord .section-stack,
body.portal-role-landlord .panel {
    min-width: 0 !important;
}

body.portal-role-landlord .workspace-main__inner {
    overflow-x: clip !important;
}

body.portal-role-landlord .panel__head,
body.portal-role-landlord .section-header,
body.portal-role-landlord .settings-simple-head,
body.portal-role-landlord .reports-scope-card__head {
    min-width: 0 !important;
}

body.portal-role-landlord .panel__head > *,
body.portal-role-landlord .section-header > *,
body.portal-role-landlord .settings-simple-head > *,
body.portal-role-landlord .reports-scope-card__head > * {
    min-width: 0 !important;
}

body.portal-role-landlord .panel__head :where(h1, h2, h3, p, span, strong),
body.portal-role-landlord .section-header :where(h1, h2, h3, p, span, strong),
body.portal-role-landlord .settings-simple-head :where(h1, h2, h3, p, span, strong) {
    overflow-wrap: anywhere !important;
}

body.portal-role-landlord .property-directory-panel,
body.portal-role-landlord .ledger-activity-panel,
body.portal-role-landlord .reports-filter-panel,
body.portal-role-landlord .settings-shell {
    overflow: hidden !important;
}

body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar,
body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern,
body.portal-role-landlord form.reports-scope-form.reports-scope-form {
    display: grid !important;
    align-items: end !important;
    gap: 0.52rem !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0.62rem !important;
    border: 1px solid rgba(15, 31, 54, 0.08) !important;
    border-radius: 1.05rem !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar {
    grid-template-columns: minmax(14rem, 1.2fr) repeat(3, minmax(8.5rem, 0.72fr)) minmax(7.5rem, 0.55fr) auto !important;
}

body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern {
    grid-template-columns: minmax(14rem, 1.1fr) minmax(9.5rem, 0.7fr) minmax(9.5rem, 0.72fr) minmax(9rem, 0.65fr) minmax(13.5rem, 0.9fr) auto !important;
}

body.portal-role-landlord form.reports-scope-form.reports-scope-form {
    grid-template-columns: minmax(14rem, 1.15fr) minmax(7rem, 0.45fr) minmax(8rem, 0.55fr) minmax(8.5rem, 0.55fr) minmax(5.5rem, auto) auto !important;
}

body.portal-role-landlord :where(.property-filter-bar, .ledger-filter-surface--modern, .reports-scope-form) > * {
    min-width: 0 !important;
    grid-column: auto !important;
}

body.portal-role-landlord :where(.property-filter-bar, .ledger-filter-surface--modern, .reports-scope-form) .field {
    gap: 0.2rem !important;
    min-width: 0 !important;
}

body.portal-role-landlord :where(.property-filter-bar, .ledger-filter-surface--modern, .reports-scope-form) .field > span {
    color: #64748b !important;
    font-size: 0.62rem !important;
    font-weight: 850 !important;
    letter-spacing: 0.075em !important;
}

body.portal-role-landlord :where(.property-filter-bar, .ledger-filter-surface--modern, .reports-scope-form) :where(input, select) {
    width: 100% !important;
    min-width: 0 !important;
    height: 2.28rem !important;
    min-height: 2.28rem !important;
    padding: 0.4rem 0.62rem !important;
    border-radius: 0.72rem !important;
    font-size: 0.84rem !important;
    line-height: 1.1 !important;
}

body.portal-role-landlord .filter-date-pair {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.4rem !important;
    min-width: 0 !important;
}

body.portal-role-landlord :where(.property-directory__actions, .ledger-filter-surface--modern .filter-bar__actions, .reports-scope-form__actions) {
    display: flex !important;
    align-items: end !important;
    justify-content: flex-end !important;
    gap: 0.38rem !important;
    min-width: 0 !important;
}

body.portal-role-landlord :where(.property-directory__actions, .ledger-filter-surface--modern .filter-bar__actions, .reports-scope-form__actions) :where(.btn, button, a, .filter-bar__hint) {
    height: 2.28rem !important;
    min-height: 2.28rem !important;
    padding: 0.42rem 0.72rem !important;
    border-radius: 0.72rem !important;
    font-size: 0.8rem !important;
    white-space: nowrap !important;
}

body.portal-role-landlord .reports-filter-more,
body.portal-role-landlord .property-filter-more,
body.portal-role-landlord .ledger-filter-more {
    min-width: 0 !important;
}

body.portal-role-landlord .dialog-panel--ledger {
    width: min(96vw, 76rem) !important;
    max-width: 96vw !important;
    max-height: 92vh !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.portal-role-landlord .dialog-panel--ledger .dialog-panel__frame {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    max-height: 92vh !important;
    overflow: hidden !important;
}

body.portal-role-landlord .dialog-panel--ledger .dialog-panel__body {
    min-width: 0 !important;
    overflow: auto !important;
    padding: 0.85rem !important;
}

body.portal-role-landlord .dialog-panel--ledger .ledger-entry-type-field {
    padding: 0.62rem !important;
    border-radius: 1rem !important;
}

body.portal-role-landlord .dialog-panel--ledger .ledger-preset-picker {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0.42rem !important;
}

body.portal-role-landlord .dialog-panel--ledger .ledger-preset-card {
    min-width: 0 !important;
    min-height: 2.72rem !important;
    padding: 0.45rem 0.5rem !important;
    border-radius: 0.75rem !important;
}

body.portal-role-landlord .dialog-panel--ledger .ledger-preset-card :where(strong, span) {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.portal-role-landlord .dialog-panel--ledger .ledger-entry-card {
    min-width: 0 !important;
    padding: 0.7rem !important;
    border-radius: 1rem !important;
}

body.portal-role-landlord .dialog-panel--ledger .ledger-entry-card--details {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.58rem !important;
}

body.portal-role-landlord .dialog-panel--ledger .ledger-entry-card--details > .field--full {
    grid-column: 1 / -1 !important;
}

body.portal-role-landlord .dialog-panel--ledger .ledger-entry-form :where(input, select, textarea) {
    min-width: 0 !important;
}

body.portal-role-landlord .settings-shell__tabs.settings-tabs-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0.42rem !important;
    padding: 0.42rem !important;
    border-radius: 1rem !important;
    background: #f8fafc !important;
}

body.portal-role-landlord .settings-shell__tabs.settings-tabs-nav .settings-shell__tab {
    min-width: 0 !important;
    justify-content: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.portal-role-landlord .settings-simple-grid,
body.portal-role-landlord .settings-payment-connection-grid,
body.portal-role-landlord .settings-field-grid {
    min-width: 0 !important;
}

body.portal-role-landlord .settings-subpanel,
body.portal-role-landlord .settings-provider-card {
    min-width: 0 !important;
    overflow: hidden !important;
}

@media (max-width: 1180px) {
    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern,
    body.portal-role-landlord form.reports-scope-form.reports-scope-form {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > .field--full,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > .ledger-filter-search,
    body.portal-role-landlord form.reports-scope-form.reports-scope-form > .field:first-child {
        grid-column: span 2 !important;
    }
}

@media (max-width: 760px) {
    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern,
    body.portal-role-landlord form.reports-scope-form.reports-scope-form {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.42rem !important;
        padding: 0.5rem !important;
    }

    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > .field--full,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > .ledger-filter-search,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > .ledger-filter-date-range,
    body.portal-role-landlord form.reports-scope-form.reports-scope-form > .field:first-child {
        grid-column: 1 / -1 !important;
    }

    body.portal-role-landlord :where(.property-filter-bar, .ledger-filter-surface--modern, .reports-scope-form) :where(input, select) {
        height: 2.12rem !important;
        min-height: 2.12rem !important;
        padding: 0.32rem 0.52rem !important;
        font-size: 0.78rem !important;
    }

    body.portal-role-landlord :where(.property-directory__actions, .ledger-filter-surface--modern .filter-bar__actions, .reports-scope-form__actions) {
        grid-column: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        width: 100% !important;
    }

    body.portal-role-landlord :where(.property-directory__actions, .ledger-filter-surface--modern .filter-bar__actions, .reports-scope-form__actions) :where(.btn, button, a, .filter-bar__hint) {
        width: 100% !important;
        height: 2.12rem !important;
        min-height: 2.12rem !important;
        justify-content: center !important;
    }

    body.portal-role-landlord .dialog-panel--ledger {
        width: 96vw !important;
    }

    body.portal-role-landlord .dialog-panel--ledger .ledger-preset-picker {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.portal-role-landlord .dialog-panel--ledger .ledger-entry-card--details {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.portal-role-landlord .settings-shell__tabs.settings-tabs-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 430px) {
    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern,
    body.portal-role-landlord form.reports-scope-form.reports-scope-form {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.portal-role-landlord form.filter-bar.property-filter-bar.property-filter-bar > *,
    body.portal-role-landlord form.filter-bar.ledger-filter-bar.ledger-filter-surface.ledger-filter-surface--modern > *,
    body.portal-role-landlord form.reports-scope-form.reports-scope-form > * {
        grid-column: 1 / -1 !important;
    }

    body.portal-role-landlord :where(.property-directory__actions, .ledger-filter-surface--modern .filter-bar__actions, .reports-scope-form__actions) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.portal-role-landlord .dialog-panel--ledger .ledger-entry-card--details,
    body.portal-role-landlord .dialog-panel--ledger .ledger-preset-picker,
    body.portal-role-landlord .settings-shell__tabs.settings-tabs-nav {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}
