/* ═══════════════════════════════════════════════════════════════════════════ Gestlogix · estilos. El diseño es el de Studio Flow (Juan, 16/10/2026: «quiero rescatar el diseño de mi app Studio Flow»): sus tokens (tokens.css), su barra de título, sus botones, su tabla de listado (`.lst`), su puerta de entrada (`.ac-`) y su fondo de estrías. Lo propio de Gestlogix: · el menú va ARRIBA, como Excel, con submenús al hacer clic (Juan); · arranca en el tema Day; se cambia en Ajustes (Juan). REGLA heredada: ningún color fijo. Todo cuelga de tokens.css. Las dos excepciones van marcadas: la vista previa en papel y el QR, que son blancos. ═══════════════════════════════════════════════════════════════════════════ */ :focus-visible{ outline:2px solid var(--gl-marca); outline-offset:2px; border-radius:3px; } *{ box-sizing:border-box; } html,body{ margin:0; min-height:100%; } body{ background:var(--bg); color:var(--ink); font:16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; -webkit-text-size-adjust:100%; padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); } [hidden]{ display:none !important; } a{ color:var(--link); } /* Letra y tamaños de la primera versión de Gestlogix (Juan, 16/10/2026). */ h1{ font-size:1.5rem; font-weight:700; margin:.5rem 0; color:var(--gl-titulo); line-height:1.25; } h2{ font-size:1.15rem; font-weight:700; margin:1.25rem 0 .5rem; color:var(--gl-titulo); line-height:1.25; } h3{ margin:1rem 0 .4rem; font-size:.8rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--gl-acento); } code{ font:.85rem var(--mono); background:var(--panel2); padding:1px 5px; border-radius:5px; word-break:break-all; } .nota{ color:var(--muted); font-size:.88rem; } .error{ color:var(--bad); } /* El fondo de estrías: una capa fija detrás de todo. En el móvil no se monta (200 KB): queda el color del tema. */ .fondo-fijo{ position:fixed !important; inset:0; z-index:-1; pointer-events:none; } /* Day también lleva estrías (Juan, 19/10/2026: «azul, blanco y gris, y solo pon las estrías en el fondo»): el gris del fondo con el dibujo, y las cajas en blanco. */ /* ── Campos ───────────────────────────────────────────────────────────── */ input,select,textarea,button{ font:inherit; color:inherit; } input,select,textarea{ width:100%; padding:.55rem .7rem; font-size:1rem; background:var(--panel); color:var(--ink); border:1px solid var(--line2); border-radius:8px; min-height:44px; } input:focus,select:focus,textarea:focus{ outline:none; border-color:var(--gl-marca); } /* La lista de un desplegable, opaca: en el Mac, Firefox la pinta translúcida (como los menús del sistema) y se veía el botón azul de debajo (Juan, 22/10/2026). Con fondo propio la dibuja él. */ select option, select optgroup{ background-color:var(--elev); color:var(--ink); } select optgroup{ font-weight:700; color:var(--muted); } textarea{ min-height:4.5rem; resize:vertical; } input[type=checkbox],input[type=radio]{ width:auto; min-height:0; accent-color:var(--gl-marca); } /* Sin flechas en los números, y las cifras a la derecha (reglas de Studio Flow). */ input[type="number"]{ -moz-appearance:textfield; appearance:textfield; } input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; } th.num,td.num,input.num{ text-align:right; font-variant-numeric:tabular-nums; } label{ display:block; margin:.45rem 0; font-size:.88rem; color:var(--muted); } label.check{ display:flex; gap:.5rem; align-items:center; font-size:.95rem; color:var(--ink); } /* ── Botones: azules, como en la primera versión (Juan, 16/10/2026) ─────── Un