:root{--homeowner-mobile-nav-height:4.25rem}.payment-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;list-style:none;margin:1rem 0;padding:0}.payment-progress-step{display:grid;grid-template-columns:1.2rem 1fr;align-items:center;gap:.45rem;color:var(--muted,#5c6876);font-size:.9rem}.payment-progress-step>span{width:1rem;height:1rem;border:2px solid #a9b5c4;border-radius:50%;background:#fff}.payment-progress-step.is-complete>span{border-color:#1f66ad;background:#1f66ad;box-shadow:inset 0 0 0 3px #fff}.payment-progress-step.is-current{color:#14283f}.autopay-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem}.autopay-status-grid>div,.homeowner-task-card{padding:1rem;border:1px solid #d9e1ea;border-radius:.75rem;background:#fff}.autopay-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:end}.autopay-actions form{margin:0}.homeowner-bottom-nav{display:none}.pwa-install-button[hidden],.offline-status[hidden]{display:none!important}.offline-status{position:fixed;right:1rem;bottom:1rem;z-index:1000;padding:.55rem .8rem;border-radius:.5rem;background:#293442;color:#fff;box-shadow:0 .25rem .9rem rgba(0,0,0,.25)}.autopay-policy-banner{border-left:4px solid #1f66ad}.autopay-policy-banner.is-disabled{border-left-color:#a64b1f}.autopay-rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.8rem}.payment-center-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.8rem}.payment-center-hero>div{padding:.9rem;border:1px solid #d9e1ea;border-radius:.65rem;background:#fff}.autopay-pending-panel{border-left:4px solid #1f66ad}
@media(max-width:760px){body.workspace-homeowner{padding-bottom:calc(var(--homeowner-mobile-nav-height) + env(safe-area-inset-bottom))}.homeowner-bottom-nav{position:fixed;z-index:900;left:0;right:0;bottom:0;height:calc(var(--homeowner-mobile-nav-height) + env(safe-area-inset-bottom));padding:0 .35rem env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.98);border-top:1px solid #d4dde7;box-shadow:0 -.2rem .8rem rgba(20,40,63,.12)}.homeowner-bottom-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;text-decoration:none;color:#42546a;font-size:.73rem;min-width:0}.homeowner-bottom-nav a>span{font-size:1.15rem}.homeowner-bottom-nav a[aria-current=page]{color:#115ca3;background:#edf5fd}.payment-progress{gap:.2rem}.payment-progress-step{grid-template-columns:1rem 1fr;font-size:.76rem;gap:.25rem}.payment-progress-step>span{width:.8rem;height:.8rem}.autopay-actions>*{width:100%}.autopay-actions .button,.autopay-actions button{width:100%}.offline-status{bottom:calc(var(--homeowner-mobile-nav-height) + 1rem)}}