/* Root-domain PWA and phone layout. */
.pwa-install-button{position:fixed;right:18px;bottom:18px;z-index:2000;display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid #b98a3d;border-radius:14px;background:#111d36;color:#fff;box-shadow:0 16px 36px #0008;text-align:left}.pwa-install-button>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#745ce7;font-size:20px}.pwa-install-button strong,.pwa-install-button small{display:block}.pwa-install-button strong{font-size:12px}.pwa-install-button small{color:#b9c4d8;font-size:9px}
@media(max-width:768px){html,body{max-width:100%;overflow-x:hidden}body{padding-top:env(safe-area-inset-top)}input,select,textarea{font-size:16px!important}.content{width:100%;padding:12px 10px calc(88px + env(safe-area-inset-bottom))!important}.topbar{height:auto;min-height:62px;padding:8px 10px!important;gap:8px}.topbar-page{min-width:0}.topbar-page h1{font-size:16px}.topbar-page p{display:none}.top-actions{gap:5px}.top-actions .icon-button{width:40px;height:40px}.owner-profile{min-width:40px;padding:3px}.owner-profile>svg{display:none}.summary-grid,.trip-kpis,.trip-grid,.settings-organized-grid,.report-group-grid,.family-card-grid,.family-summary,.schedule-compact-grid,.bill-compact-grid,.rent-compact-grid{grid-template-columns:1fr!important}.cardx,.table-card{border-radius:14px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-dialog{align-items:flex-end;min-height:100%;margin:0}.modal-content{max-height:92dvh;border-radius:20px 20px 0 0!important;border-top:3px solid #b98a3d!important}.modal-body{overflow-y:auto}.modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.btn,.icon-button,.nav-link{min-height:44px}.pwa-install-button{right:10px;bottom:calc(76px + env(safe-area-inset-bottom))}.auth-wrap{padding:12px!important}.auth-card{width:100%;padding:24px 18px!important}.auth-brand-panel{display:none!important}.trip-panel,.schedule-directory,.bill-compact-list,.tenant-compact-list,.transaction-compact-list{max-height:none!important}}

/* Readable dashboard cards on iPhone. */
@media(max-width:768px){
body[data-signed="1"] .home-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body[data-signed="1"] .home-kpi{min-width:0!important;min-height:142px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr);align-content:start;padding:13px!important;gap:9px!important}
body[data-signed="1"] .home-kpi>div{min-width:0!important}
body[data-signed="1"] .home-kpi small{font-size:10px!important;line-height:1.25}
body[data-signed="1"] .home-kpi strong{font-size:17px!important;line-height:1.25;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
body[data-signed="1"] .home-kpi em{font-size:9px!important;line-height:1.35;overflow-wrap:anywhere}
body[data-signed="1"] .kpi-progress{grid-column:1/-1}
}
@media(max-width:370px){body[data-signed="1"] .home-kpi-grid{grid-template-columns:1fr!important}body[data-signed="1"] .home-kpi{min-height:112px!important}}

/* Cancel the desktop one-third-width Goals rule on phones. */
@media(max-width:768px){
body[data-signed="1"] #view.page-goals,body[data-signed="1"] #view.module-goals{width:100%!important;min-width:0!important;overflow:hidden!important}
body[data-signed="1"] #view.page-goals>article.cardx:not(.module-hero),body[data-signed="1"] #view.module-goals>article.cardx:not(.module-hero){width:100%!important;max-width:100%!important;height:auto!important;min-height:260px!important;overflow:hidden!important}
body[data-signed="1"] #view.page-goals .section-head,body[data-signed="1"] #view.module-goals .section-head{align-items:flex-start;flex-wrap:wrap}
body[data-signed="1"] #view.page-goals .section-head>div,body[data-signed="1"] #view.module-goals .section-head>div{min-width:0;flex:1 1 190px}
body[data-signed="1"] #view.page-goals .list-row,body[data-signed="1"] #view.module-goals .list-row{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:10px!important;align-items:center!important}
body[data-signed="1"] #view.page-goals .list-row>div:nth-child(2),body[data-signed="1"] #view.module-goals .list-row>div:nth-child(2){min-width:0!important;overflow-wrap:anywhere}
body[data-signed="1"] #view.page-goals .list-row>div:last-child,body[data-signed="1"] #view.module-goals .list-row>div:last-child{grid-column:2;display:flex;gap:6px;flex-wrap:wrap}
}

/* The bottom menu owns horizontal touch scrolling. */
@media(max-width:768px){
body[data-signed="1"] .mobile-nav{height:calc(78px + env(safe-area-inset-bottom));display:flex!important;align-items:stretch;overflow-x:scroll!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scroll-snap-type:x proximity;scrollbar-width:none;padding:6px 8px env(safe-area-inset-bottom)!important}
body[data-signed="1"] .mobile-nav::-webkit-scrollbar{display:none}
body[data-signed="1"] .mobile-nav .nav-link{flex:0 0 92px!important;width:92px!important;min-width:92px!important;max-width:92px!important;min-height:62px!important;scroll-snap-align:center;white-space:normal!important;text-align:center!important;overflow:hidden}
body[data-signed="1"] .mobile-nav .nav-link span{display:block;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-signed="1"] .main,body[data-signed="1"] #view{max-width:100vw;min-width:0;overflow-x:hidden}
}