/* Pequesueños: la vista amplia conserva su navegación habitual. */
html,body{min-height:100%;max-width:100%}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button,input,select,textarea{scroll-margin-block:24px}#appView:not([hidden]){height:var(--usable-height,100dvh);display:flex;flex-direction:column;overflow:hidden}.session-bar,.preview-notice{flex-shrink:0}.session-bar{gap:12px}.identity{min-width:0;flex-shrink:0}.identity span{overflow-wrap:anywhere}.session-bar nav{justify-content:flex-end}.preview-notice{max-height:86px;overflow:auto}#schoolFrame{flex:1;min-height:0;height:auto}.account-toggle{display:none}.install-link{display:block;margin:14px auto 0;background:transparent}.session-bar .install-link{display:none}dialog{max-height:92dvh;overflow:auto;overscroll-behavior:contain}dialog h2{line-height:1.25}select,textarea{max-width:100%}#status{pointer-events:none;max-height:35dvh;overflow:auto;bottom:max(12px,env(safe-area-inset-bottom));font-size:14px}#installDialog ol{padding-left:23px}#installDialog li{margin-block:10px}.users-heading{flex-wrap:wrap}.users-heading>div{display:flex;gap:8px;flex-wrap:wrap}.staff-toolbar>*{max-width:100%;min-width:0}.staff-toolbar input[type=file]{width:100%}
@media(max-width:900px){
 .session-bar{padding:8px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;position:relative;align-items:center;gap:8px}.identity{gap:8px;min-width:0}.identity img{width:36px;height:36px}.identity b{font-size:14px}.identity span{font-size:11px}.account-toggle{display:block;min-height:44px;padding:8px 11px}.session-bar nav{display:none;position:absolute;top:100%;right:8px;left:8px;z-index:20;background:white;border:1px solid #b9d7eb;box-shadow:0 12px 30px #27486333;border-radius:14px;padding:12px;max-height:70dvh;overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.session-bar nav.account-open{display:grid}.session-bar nav button{min-height:44px;font-size:14px;white-space:normal;overflow-wrap:anywhere;padding:9px}.session-bar .install-link{display:block;margin:0}.preview-notice{padding:7px 12px;font-size:11px;max-height:58px}input,select,textarea{font-size:16px!important}button{min-height:44px}.login-card{padding:24px 20px}#loginView{min-height:100dvh;padding:18px}.login-logo{width:90px;height:90px}.login-card h1{font-size:23px}dialog{padding:16px;max-width:calc(100vw - 16px);max-height:calc(var(--usable-height,100dvh) - 16px)}.actions{flex-wrap:wrap}.staff-dialog,.chat-dialog,#usersDialog{width:calc(100vw - 16px);margin:auto}.users-grid{grid-template-columns:1fr;gap:16px}.users-list{max-height:180px;overflow:auto}.chat-grid{grid-template-columns:1fr;gap:12px}.chat-thread-list{max-height:130px}.chat-messages{height:38dvh;min-height:140px}.chat-message{margin-right:12px}.chat-message.mine{margin-left:12px}.chat-sidebar{gap:8px}.chat-content textarea{min-height:84px}.staff-form{padding:12px}.staff-card{padding:12px}.permission-scroll{max-width:100%;-webkit-overflow-scrolling:touch}.permission-scroll table{min-width:490px}.users-heading h2{font-size:21px}.chat-dialog .notice{font-size:13px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.chat-contacts{min-width:0}.chat-contacts>summary{display:none}
@media(max-width:900px){.chat-contacts>summary{display:block;cursor:pointer;list-style:none;padding:11px 12px;min-height:44px;border:1px solid #bdd9ed;border-radius:9px;background:#eaf5fd;font-weight:700}.chat-contacts>summary::after{content:' ▾'}.chat-contacts[open]>summary::after{content:' ▴'}.chat-contacts[open]>.chat-sidebar{margin-top:10px}.chat-messages{height:28dvh;min-height:140px}.chat-dialog .notice{padding:8px 10px;margin:8px 0}.chat-dialog .users-heading{gap:10px}.chat-content h3{margin:4px 0 10px}.chat-content textarea{margin-top:8px;min-height:72px}.chat-content form>button{margin-top:6px}}

.remember-session{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:500;margin-top:20px}.remember-session input{width:20px;height:20px;min-width:20px;min-height:20px;margin:2px 0 0;padding:0;accent-color:#347eaf}.remember-session small{display:block;color:#668198;font-size:12px;margin-top:4px}

/* Solo aparece si el navegador impide recordar el acceso. */
.preview-notice{background:#edf6fc;color:#386b8d;border-bottom-color:#c7deef}