/* Deliberately uses block/inline-block layout, without Grid, custom properties or min(). */
html[data-legacy-browser] .app-shell { display: block; height: auto; min-height: 100vh; max-height: none; overflow: visible; padding: 16px; }
html[data-legacy-browser] .photo-layer,
html[data-legacy-browser] .shade-layer,
html[data-legacy-browser] .admin-shell,
html[data-legacy-browser] .admin-backdrop,
html[data-legacy-browser] .lightbox { top: 0; right: 0; bottom: 0; left: 0; }
html[data-legacy-browser] .photo-layer { background-color: #263d3b; }
html[data-legacy-browser] .google-gate { display: table; width: 100%; min-height: 0; height: 90vh; }
html[data-legacy-browser] .google-gate-card { display: table-cell; width: 100%; vertical-align: middle; text-align: center; }
html[data-legacy-browser] .google-gate-card h1 { font-size: 32px; line-height: 1.3; margin: 0 0 24px; }
html[data-legacy-browser] .login-options { width: 100%; max-width: 420px; margin: 0 auto 20px; }
html[data-legacy-browser] .google-action { display: inline-block; min-height: 56px; padding: 10px; }
html[data-legacy-browser] .google-mark { display: inline-block; vertical-align: middle; margin-right: 14px; }
html[data-legacy-browser] .privacy-links { display: block; }
html[data-legacy-browser] .privacy-links a { display: inline-block; line-height: 48px; }
html[data-legacy-browser] .dashboard-grid { display: block; height: auto; }
html[data-legacy-browser] .dashboard-grid > .panel { display: block; width: 100%; height: auto; min-height: 120px; margin-bottom: 16px; }
html[data-legacy-browser] .topbar { display: block; margin-bottom: 16px; }
html[data-legacy-browser] .topbar-actions,
html[data-legacy-browser] .app-nav { display: inline-block; vertical-align: middle; margin: 8px 12px 8px 0; }
html[data-legacy-browser] .app-nav a,
html[data-legacy-browser] .icon-button { display: inline-block; vertical-align: middle; text-align: center; padding: 12px; margin-right: 8px; }
html[data-legacy-browser] button { min-height: 44px; }
html[data-legacy-browser] h1 { font-size: 32px; }
html[data-legacy-browser] .essentials-list,
html[data-legacy-browser] .chore-grid,
html[data-legacy-browser] .weather-body,
html[data-legacy-browser] .weather-grid,
html[data-legacy-browser] .time-content { display: block; }
html[data-legacy-browser] .chore-tile { display: inline-block; width: 120px; min-height: 108px; margin: 6px; vertical-align: top; }
html[data-legacy-browser] .chore-image { display: block; margin: 0 auto 8px; }
html[data-legacy-browser] .person-card { margin-bottom: 12px; }
html[data-legacy-browser] .values-panel p { font-size: 28px; }
html[data-legacy-browser] .split-board { display: block; font-size: 0; height: auto; }
html[data-legacy-browser] .split-tile { display: inline-block; width: 5.555%; height: 40px; font-size: 22px; line-height: 40px; vertical-align: top; }
html[data-legacy-browser] .admin-panel { display: block; width: 760px; max-width: 100%; overflow: auto; }
html[data-legacy-browser] .admin-content { overflow: visible; }
html[data-legacy-browser] .admin-tabs { display: block; }
html[data-legacy-browser] .admin-tabs button { display: inline-block; margin: 4px; }
html[data-legacy-browser] .lightbox { display: block; padding: 16px; overflow: auto; }
html[data-legacy-browser] .list-modal,
html[data-legacy-browser] .video-modal { display: block; width: 100%; max-width: 100%; height: auto; max-height: none; }
html[data-legacy-browser] .lists-app-shell { display: block; position: relative; height: auto; min-height: 100vh; overflow: visible; }
html[data-legacy-browser] .lists-workspace,
html[data-legacy-browser] .lists-app-bar,
html[data-legacy-browser] .lists-editor-panel,
html[data-legacy-browser] .lists-sidebar { display: block; padding: 16px; height: auto; overflow: visible; }