/* Activar cajas o POS Android (modulos90.js): del reloj (240 px) al escritorio, en claro y oscuro. Usa las variables del Administrativo. */

.a90-lugares p { margin: 10px 0 2px; }
.a90-puntos { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.a90-puntos i { width: 24px; height: 24px; border-radius: 50%; box-sizing: border-box; flex: none; }
.a90-puntos i.en-uso { background: var(--hoja); }
.a90-puntos i.apartado { border: 2px dashed var(--ambar); }
.a90-puntos i.libre { border: 2px solid var(--regla); }
.a90-mas { color: var(--tinta-suave); font-size: .9rem; }

.a90-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 12px; align-items: end; }
.a90-form .campo { margin: 0; min-width: 0; }
.a90-form input, .a90-form select { min-height: 44px; width: 100%; box-sizing: border-box; min-width: 0; }
.a90-form .btn { min-height: 44px; }
.a90-sin-lugar { margin: 12px 0 0; color: var(--ambar); }
.a90-botones { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.a90-botones .btn { min-height: 44px; }

/* el código recién generado: grande, para escribirlo en la tablet */
.a90-codigo { margin-top: 16px; padding: 16px 18px; border-radius: 16px; background: color-mix(in srgb, var(--hoja-fondo) 55%, transparent); border: 1px solid var(--regla); }
.a90-codigo-cab { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.a90-codigo-cab small { color: var(--tinta-suave); }
.a90-codigo-num { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 12px 0; font: 700 clamp(1.5rem, 5vw, 2.4rem)/1.1 ui-monospace, "Cascadia Mono", Consolas, monospace; letter-spacing: .08em; user-select: all; }
.a90-codigo p { margin: 0; line-height: 1.5; }

/* tablets activadas */
.a90-tablets, .a90-pendientes { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); }
.a90-tablet { border: 1px solid var(--regla); border-radius: 16px; padding: 14px 16px; background: var(--blanco); min-width: 0; }
.a90-tablet.bloqueada { background: var(--jitomate-fondo); border-color: color-mix(in srgb, var(--jitomate) 35%, var(--regla)); }
.a90-tablet-cab { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.a90-tablet h3 { margin: 0; overflow-wrap: anywhere; }
.a90-tablet-cab p { margin: 2px 0 0; }
.a90-motivo { margin: 10px 0 0; color: var(--jitomate); overflow-wrap: anywhere; }
.a90-datos { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 2px; font-size: .9rem; color: var(--tinta-suave); }
.a90-aviso { color: var(--ambar); }
.a90-pendientes { grid-template-columns: 1fr; }
.a90-pendientes li { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; justify-content: space-between; padding: 10px 14px; border: 1px dashed var(--regla); border-radius: 14px; }
.a90-pendientes li > div { display: grid; min-width: 0; overflow-wrap: anywhere; }
.a90-pendientes .btn { min-height: 44px; }

@media (max-width: 480px) { .a90-botones .btn { flex: 1 1 100%; } .a90-puntos i { width: 20px; height: 20px; } }