/* M1. Pantalla únicamente: no altera Carta, 80 mm ni 58 mm. */
@media screen {
 #ea-mobile-nav,#ea-mobile-close{display:none}
 #ea-mobile-connection{position:fixed;bottom:0;left:0;right:0;z-index:400;padding:12px;background:#fff0cc;color:#452d00;border-top:2px solid #aa7900;font-size:14px}
 #ea-mobile-connection[hidden],#ea-mobile-install[hidden]{display:none!important}
}
@media screen and (max-width:800px){
 html,body{max-width:100%;min-width:0}
 .main,body.ea4-sidebar-hidden .main{margin-left:0!important;padding:12px!important;min-width:0;padding-bottom:80px!important}
 .topbar{flex-wrap:wrap;gap:10px!important;align-items:center;margin-bottom:12px!important}
 .topbar h1{font-size:21px!important;overflow-wrap:anywhere}
 .userbar{flex-wrap:wrap;gap:8px!important;max-width:100%}
 .userbar>span{overflow-wrap:anywhere}
 #ea4-show-menu,#ea4-hide-menu{display:none!important}
 .sidebar,body.ea4-sidebar-hidden .sidebar{display:none!important}
 body.ea-mobile-menu-open .sidebar{display:block!important;position:fixed!important;inset:0 0 0 auto!important;transform:none!important;width:min(340px,100vw)!important;max-height:100dvh;z-index:180;padding:16px!important;overflow:auto;box-shadow:-12px 0 36px #0006;background:var(--panel,#fff)!important}
 .sidebar .nav{width:100%;text-align:left;min-height:44px}
 #ea-mobile-close{display:block;width:100%;margin-bottom:12px}
 #ea-mobile-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px}
 #ea-mobile-nav button{min-width:0;min-height:44px;padding:9px 4px!important;font-size:14px!important;background:var(--field,#fff);color:var(--text,#273345);border:1px solid var(--line,#ccd1d8)}
 #ea-mobile-nav button[aria-current]{outline:2px solid var(--accent,#486aab);outline-offset:-2px;font-weight:bold}
 .card{padding:14px!important;min-width:0}
 .grid,.grid3,.two-panel{grid-template-columns:minmax(0,1fr)!important}
 .toolbar,.foot,.tabs{flex-wrap:wrap;gap:8px}
 .toolbar>input:not([type=checkbox]),.toolbar>select{width:100%;max-width:100%}
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;min-height:44px}
 button,.ea5-select-button{min-height:44px}
 .tablewrap{max-width:100%;overflow:auto;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
 .tablewrap td,.tablewrap th{padding:10px 8px!important}
 .overlay{padding:6px!important;align-items:center}
 .dialog,.dialog.small{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:14px!important;min-width:0}
 .dialoghead{gap:8px;flex-wrap:wrap}
 .dialoghead h2{overflow-wrap:anywhere;min-width:0}
 .modal-zoom{min-width:0;max-width:100%}
 .lineform{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 .login{padding:14px}.login .card{width:100%;max-width:430px}
 #toast{left:10px;right:10px;bottom:72px;max-width:none}
 .date-picker-panel{max-width:calc(100vw - 16px);max-height:85dvh;overflow:auto}
}
