/* The desktop presentation stays in styles.css. All adaptations are limited to phones. */
.mobile-only{display:none}
.mobile-navigation:not([open]){display:none}
@media (max-width:760px){
  .mobile-only{display:flex}
  html{scroll-padding-top:76px}
  .shell{display:block}
  .shell[hidden]{display:none!important}
  .sidebar{position:sticky;top:0;z-index:30;min-height:64px;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:9px max(14px,env(safe-area-inset-right)) 9px max(14px,env(safe-area-inset-left));overflow:visible;box-shadow:0 3px 14px #17395420}
  .sidebar .brand{padding:0;margin:0;gap:9px;min-width:0}.sidebar .brand-mark{width:34px;height:36px;flex-basis:34px}.sidebar .brand strong{font-size:1rem;line-height:1.2}.sidebar .brand span{font-size:.75rem;line-height:1.2}
  .sidebar .privacy,.sidebar .side-note{display:none}
  .mobile-menu-button{align-items:center;justify-content:center;gap:7px;min-height:44px;flex-shrink:0;padding:8px 12px;border:1px solid #ffffff35;border-radius:9px;background:#ffffff10;color:white;font-size:.875rem;font-weight:650}.mobile-menu-button>span{font-size:1.1rem}
  body.mobile-menu-open{overflow:hidden}
  .mobile-navigation{position:fixed;inset:0 0 0 auto;margin:0;width:min(360px,calc(100vw - 24px));max-width:none;height:100vh;height:100dvh;max-height:none;border:0;border-radius:16px 0 0 16px;padding:0;background:#183a5a;color:white;box-shadow:-10px 0 60px #08243b55}
  .mobile-navigation[open]{display:flex;flex-direction:column}.mobile-navigation::backdrop{background:#061b32a6;backdrop-filter:blur(3px)}
  .mobile-nav-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #ffffff20;flex-shrink:0}.mobile-nav-heading strong{font-size:1.05rem}.mobile-nav-heading button{width:44px;min-height:44px;border:1px solid #ffffff25;border-radius:8px;background:#ffffff10;color:white;font-size:1.1rem}
  .mobile-nav-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 10px}.mobile-navigation .sidebar-nav{display:flex;flex-direction:column;gap:2px;overflow:visible;min-height:0;padding:0}.mobile-navigation .nav-group{display:block;margin-top:8px;padding-top:8px}.mobile-navigation .nav-group-title{display:block;padding:4px 12px 6px;font-size:.75rem}.mobile-navigation .nav-item{display:flex;width:100%;min-height:44px;padding:11px 12px;font-size:.9375rem;line-height:1.4;white-space:normal;gap:10px}.mobile-navigation [hidden]{display:none!important}.mobile-navigation .nav-item.active:before{display:block}.mobile-navigation .nav-icon{display:block;font-size:1.1rem}.mobile-navigation .nav-item b{flex-shrink:0}
  .mobile-nav-account{flex-shrink:0;padding:12px 14px max(12px,env(safe-area-inset-bottom));border-top:1px solid #ffffff25;background:#132f4b}.mobile-navigation .account-chip{max-width:none;width:100%;justify-content:space-between;padding:0;border:0;background:transparent;color:white;gap:10px}.mobile-navigation .account-chip strong{max-width:none;font-size:.875rem;white-space:normal}.mobile-navigation .account-chip span{color:#bed0e0;font-size:.75rem}.mobile-navigation .account-chip button{min-height:44px;padding:8px 14px;font-size:.875rem}
  .shell main,body.forecast-mode main{width:100%;min-width:0;padding:0 max(12px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .shell .topbar,body.forecast-mode .topbar,body.residents-mode .topbar{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;min-height:0;padding:16px 0 12px;margin:0;align-items:start}
  .topbar::after{display:none}.topbar>.top-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}.topbar h1{font-size:1.5rem;line-height:1.2;letter-spacing:-.03em;margin:4px 0 0;overflow-wrap:break-word}.topbar .eyebrow{font-size:.75rem;line-height:1.25;letter-spacing:.07em}.topbar .period{display:block;padding:0;border:0;background:none;box-shadow:none}.topbar .period span{display:none}.topbar .period strong{font-size:.75rem;font-weight:550;margin:0;color:#546b80;white-space:normal}.topbar .snapshot{display:block;margin:0;padding:4px 8px;font-size:.75rem;line-height:1.3;border-radius:5px}.topbar .account-chip{display:none}
  .import-progress-banner,body.forecast-mode #importProgressBanner{display:block;padding:0;margin:0 0 10px;border-radius:9px;background:#f4f8fb;box-shadow:none;overflow:hidden}.import-progress-banner[hidden]{display:none!important}
  .mobile-progress-toggle{align-items:center;gap:9px;width:100%;min-height:54px;padding:10px 11px;text-align:left;border:0;background:transparent;color:#234e73}.mobile-progress-toggle>span{flex:1;min-width:0}.mobile-progress-toggle strong{display:block;font-size:.875rem;font-weight:650}.mobile-progress-toggle small{display:block;margin-top:3px;font-size:.75rem;line-height:1.35;color:#5b7286}.mobile-progress-toggle>b{font-size:.875rem;white-space:nowrap}.mobile-progress-toggle>i{font-style:normal;transition:transform .15s}
  #importProgressBanner:not(.mobile-progress-open)>.import-progress-copy,#importProgressBanner:not(.mobile-progress-open)>.import-progress-status{display:none}.mobile-progress-open .mobile-progress-toggle{border-bottom:1px solid #d8e4ed}.mobile-progress-open .mobile-progress-toggle>i{transform:rotate(180deg)}
  #importProgressBanner>.import-progress-copy{padding:10px 12px;gap:9px}.import-progress-icon{display:none}.import-progress-copy strong{font-size:.875rem;line-height:1.4}.import-progress-copy .catalog-status{font-size:.75rem;padding:3px 6px;margin:0 0 0 5px}.import-progress-copy small,body.forecast-mode .import-progress-copy small{font-size:.8125rem;line-height:1.45}.import-progress-status{gap:8px;padding:0 12px 10px}.import-progress-status .text-button{width:auto;font-size:.875rem;min-height:44px;white-space:normal;margin-left:auto}.import-progress-track,body.forecast-mode .import-progress-track{display:block;flex:1;min-width:50px;width:auto;height:6px}.import-progress-status>strong{font-size:.8125rem}
  .mobile-fold{margin:0 0 8px;border:1px solid #d5e1eb;border-radius:9px;background:#fff;min-width:0;overflow:hidden}.mobile-fold-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;text-align:left;padding:10px 12px;border:0;background:none;color:#254b6b;font-size:.875rem;font-weight:650;line-height:1.4}.mobile-fold-toggle span{min-width:0;overflow-wrap:anywhere}.mobile-fold-toggle i{font-style:normal;flex-shrink:0}.mobile-fold-toggle[aria-expanded=true] i{transform:rotate(180deg)}.mobile-fold-toggle[aria-expanded=true]{border-bottom:1px solid #e2eaf0}.mobile-fold-content{padding:12px}.mobile-fold-content[hidden],.mobile-fold[hidden]{display:none!important}.mobile-fold-error{border-color:#d89989;background:#fff7f4}.mobile-fold-error .mobile-fold-toggle{color:#8c2d23}
  .mobile-fold .report-switch,.mobile-fold .live-toolbar,.mobile-fold .catalog-filters,.mobile-fold .expense-filters,.mobile-fold .delinquency-filters,.mobile-fold .foccare-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;min-width:0}.mobile-fold .report-switch label,.mobile-fold .live-toolbar label{width:100%}.mobile-fold .live-status{padding:0;margin:0;border:0;background:none;font-size:.875rem}.mobile-fold .report-source-note,.mobile-fold .live-toolbar>span{font-size:.8125rem}.mobile-fold .catalog-search{min-width:0;grid-column:auto}.mobile-fold select,.mobile-fold input{width:100%;min-width:0;max-width:100%;font-size:1rem!important;min-height:44px!important}
  #view-forecast.active{display:block}#history-live-forecast:not([hidden]){display:block}
  .shell .kpi-grid,.live-report .kpi-grid,.catalog-metrics,.severity-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.shell .kpi{min-height:108px;padding:13px 11px;border-radius:10px;box-shadow:0 3px 12px #17395406}.kpi:after{display:none}.shell .kpi>span,.live-report .kpi>span{font-size:.8125rem;line-height:1.35}.shell .kpi strong,.live-report .kpi strong{font-size:clamp(1rem,4.3vw,1.25rem);line-height:1.3;letter-spacing:-.035em;margin:9px 0 5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.shell .kpi small,.live-report .kpi small{font-size:.75rem;line-height:1.4}.catalog-metrics article,.severity-card{padding:12px;border-radius:9px}.catalog-metrics strong{font-size:1.3rem}.catalog-metrics span,.catalog-metrics small{font-size:.8125rem}
  .panel,.live-report .panel{padding:13px;border-radius:11px;margin-bottom:12px;box-shadow:0 4px 18px #17395406}.panel-head{gap:8px;flex-wrap:wrap;margin-bottom:12px}.panel-head h2,.section-intro h2{font-size:1.125rem;line-height:1.35}.section-intro{min-height:0;margin:15px 0 12px;flex-wrap:wrap;gap:8px}.section-intro p{font-size:.875rem;line-height:1.5}.analytics-grid,.delinquency-analytics{grid-template-columns:minmax(0,1fr);gap:0;margin:12px 0}.review-scope,.catalog-notice{font-size:.8125rem;padding:10px 12px;margin-bottom:12px}.live-month{grid-template-columns:52px minmax(0,1fr) 112px;font-size:.8125rem;gap:8px}.live-trend{max-height:320px}.bar-label{flex-wrap:wrap;gap:4px}.bar-label span{white-space:normal}.bar-label b{margin-left:auto}
  .table-wrap.mobile-card-wrap{border:0;border-radius:0;overflow:visible;max-height:none}.table-wrap table.mobile-card-table,.mobile-card-table tbody{display:block;width:100%;min-width:0!important;table-layout:auto}.mobile-card-table colgroup{display:none}.mobile-card-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .mobile-card-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px;border:1px solid #dce6ed;border-radius:9px;background:#fff;margin-bottom:10px;min-width:0}.mobile-card-table tbody tr:last-child{margin-bottom:0}.mobile-card-table tbody td,.mobile-card-table tbody th{display:block;min-width:0!important;max-width:none!important;width:auto!important;padding:0!important;border:0;text-align:left!important;font-size:.875rem;line-height:1.5;white-space:normal!important;overflow-wrap:anywhere;background:transparent}.mobile-card-table tbody .mobile-cell-wide{grid-column:1/-1}.mobile-card-table tbody [data-mobile-label]:before{content:attr(data-mobile-label);display:block;margin:0 0 3px;color:#5d7488;font-size:.75rem;font-weight:650;letter-spacing:.02em;text-transform:uppercase}.mobile-card-table tbody [data-mobile-label=""]:before{display:none}.mobile-card-table .desc,.mobile-card-table .finding-detail{white-space:normal;overflow:visible;text-overflow:clip;max-width:none;font-size:.8125rem;line-height:1.5}.mobile-card-table .finding-title{font-size:.9375rem}.mobile-card-table small{font-size:.8125rem!important;line-height:1.45}.mobile-card-table .text-button{white-space:normal;text-align:left;font-size:.875rem}.mobile-card-table .badge{font-size:.75rem}.mobile-card-table .share{min-width:0}
  .shell button:not(.nav-item):not(.auth-tabs button),.shell input:not([type=checkbox]):not([type=radio]),.shell select{min-height:44px}.shell input,.shell select,.shell textarea{max-width:100%;font-size:1rem}.shell .text-button{white-space:normal}.pagination{justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.8125rem}.pagination button{min-height:44px}.catalog-filters,.expense-filters{min-width:0}.catalog-search{min-width:0}.filters{gap:8px}.filters label{font-size:.75rem}.events-heading h2{font-size:1.5rem}.events-tabs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.events-tabs button{font-size:.875rem!important;line-height:1.4;padding:9px!important}.events-tabs button:last-child:nth-child(odd){grid-column:1/-1}.event-record{grid-template-columns:72px minmax(0,1fr);gap:8px}.event-record-value{grid-column:2;text-align:left}.event-record-value [data-review-entry]{margin-left:0}.events-topic-tools{grid-template-columns:minmax(0,1fr)}.events-topic-tools label:first-child{grid-column:auto}.event-calendar{grid-template-columns:repeat(3,minmax(0,1fr))}.event-kpis{gap:8px}.event-kpi>span,.event-kpi>small{font-size:.75rem}.event-kpi>strong{font-size:1.1rem}
  dialog:not(.mobile-navigation){max-width:calc(100vw - 16px);width:calc(100vw - 16px);max-height:calc(100dvh - 24px);padding:16px;border-radius:12px}dialog input:not([type=checkbox]):not([type=radio]),dialog textarea,dialog select{font-size:1rem;min-height:44px}dialog button{min-height:44px}dialog .form-grid{grid-template-columns:minmax(0,1fr)}dialog .span-2{grid-column:auto}.dialog-head h2{font-size:1.15rem}.amenity-form-grid{grid-template-columns:minmax(0,1fr)}.review-topic-grid{grid-template-columns:minmax(0,1fr);max-height:240px}.review-check{min-height:36px}
  main>footer{font-size:.75rem;line-height:1.5;margin-top:20px}.mobile-menu-button:focus-visible,.mobile-fold-toggle:focus-visible,.mobile-progress-toggle:focus-visible{outline:2px solid #c1965a;outline-offset:-3px}
}
@media (max-width:359px){.shell .kpi-grid,.live-report .kpi-grid{grid-template-columns:minmax(0,1fr)}.sidebar .brand span{font-size:.6875rem}.mobile-menu-button{padding-inline:9px}.mobile-card-table tbody tr{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.mobile-progress-toggle>i{transition:none}}