/** * TeachQuest native Android WebView shell polish. * Active when AppShell sets data-tq-app-shell="1" on . */ html[data-tq-app-shell='1'] { --tq-safe-top: env(safe-area-inset-top, 0px); --tq-safe-right: env(safe-area-inset-right, 0px); --tq-safe-bottom: env(safe-area-inset-bottom, 0px); --tq-safe-left: env(safe-area-inset-left, 0px); } html[data-tq-app-shell='1'] body { overscroll-behavior: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; } html[data-tq-app-shell='1'] input, html[data-tq-app-shell='1'] textarea, html[data-tq-app-shell='1'] [contenteditable='true'] { -webkit-user-select: text; user-select: text; } /* Global chrome */ html[data-tq-app-shell='1'] #header-menu-wrap { padding-top: var(--tq-safe-top); padding-right: max(8px, var(--tq-safe-right)); } html[data-tq-app-shell='1'] .cookie-consent, html[data-tq-app-shell='1'] #cookie-consent, html[data-tq-app-shell='1'] .cookie-banner { display: none !important; } /* Auth screens: edge-to-edge, less website chrome */ html[data-tq-app-shell='1'] .auth-page, html[data-tq-app-shell='1'] .login-page, html[data-tq-app-shell='1'] .form-container:not(.form-container--account-settings) { padding-top: max(12px, var(--tq-safe-top)); padding-bottom: max(16px, var(--tq-safe-bottom)); padding-left: max(12px, var(--tq-safe-left)); padding-right: max(12px, var(--tq-safe-right)); min-height: 100dvh; box-sizing: border-box; } html[data-tq-app-shell='1'] .auth-footer a[href*='features'], html[data-tq-app-shell='1'] .auth-footer a[href*='classcraft'], html[data-tq-app-shell='1'] .auth-footer .auth-footer__marketing { display: none !important; } /* Teacher dashboard */ html[data-tq-app-shell='1'] #app.teacher-dashboard-view { padding-top: var(--tq-safe-top); padding-bottom: var(--tq-safe-bottom); } html[data-tq-app-shell='1'] .teacher-dashboard-page { max-width: none; padding-left: max(12px, var(--tq-safe-left)); padding-right: max(12px, var(--tq-safe-right)); } html[data-tq-app-shell='1'] .td-hero { margin-bottom: 16px; padding: 16px 4px 8px; } html[data-tq-app-shell='1'] .td-hero__eyebrow { display: none; } html[data-tq-app-shell='1'] .td-hero__subtitle { font-size: 0.95rem; max-width: none; } html[data-tq-app-shell='1'] .td-dock { margin-bottom: 18px; padding: 8px; gap: 8px; border-radius: 14px; } html[data-tq-app-shell='1'] .td-dock__item { flex: 1 1 46%; padding: 10px 12px; border-radius: 10px; } html[data-tq-app-shell='1'] .td-dock__icon { width: 32px; height: 32px; border-radius: 8px; font-size: 0.9rem; } html[data-tq-app-shell='1'] .td-dock__label { font-size: 0.82rem; } /* Classroom */ html[data-tq-app-shell='1'] .classroom-layout, html[data-tq-app-shell='1'] #classroom-root, html[data-tq-app-shell='1'] .classroom-page { padding-left: var(--tq-safe-left); padding-right: var(--tq-safe-right); } html[data-tq-app-shell='1'] .classroom-sidebar, html[data-tq-app-shell='1'] #classroom-sidebar, html[data-tq-app-shell='1'] .classroom-menu-wrap { padding-top: max(8px, var(--tq-safe-top)); padding-bottom: max(8px, var(--tq-safe-bottom)); } html[data-tq-app-shell='1'] .classroom-menu .menu-item { min-height: 40px; padding: 8px 10px; font-size: 0.88rem; } html[data-tq-app-shell='1'] .classroom-menu .menu-item-label { font-size: 0.86rem; } html[data-tq-app-shell='1'] .classroom-header, html[data-tq-app-shell='1'] .classroom-topbar { padding-top: max(6px, calc(var(--tq-safe-top) * 0.35)); } /* Account settings */ html[data-tq-app-shell='1'] #app.account-settings-view, html[data-tq-app-shell='1'] .form-container--account-settings { padding-top: max(8px, var(--tq-safe-top)); padding-bottom: max(16px, var(--tq-safe-bottom)); padding-left: max(10px, var(--tq-safe-left)); padding-right: max(10px, var(--tq-safe-right)); max-width: none; } html[data-tq-app-shell='1'] .form-box--account-settings { max-width: none; border-radius: 0; box-shadow: none; border: none; background: transparent; } html[data-tq-app-shell='1'] .account-settings-header { margin-bottom: 12px; } /* Student dashboard */ html[data-tq-app-shell='1'] #app.student-dashboard-view { padding-top: var(--tq-safe-top); padding-bottom: var(--tq-safe-bottom); } /* Fixed bottom bars / toasts */ html[data-tq-app-shell='1'] .toast-container, html[data-tq-app-shell='1'] #toast-container { bottom: max(12px, var(--tq-safe-bottom)); padding-left: var(--tq-safe-left); padding-right: var(--tq-safe-right); } /* Reports */ html[data-tq-app-shell='1'] .classroom-reports-page { padding-top: max(8px, var(--tq-safe-top)); padding-bottom: max(12px, var(--tq-safe-bottom)); padding-left: max(10px, var(--tq-safe-left)); padding-right: max(10px, var(--tq-safe-right)); }