/* ========================================================================== Casa Verdezza — Administración Depende de /shared/greenhouse.css. Esta hoja NO redefine ningún componente del sistema. Aquí vive solo la composición de estas pantallas y su vocabulario propio: qué es un "cargo", qué es un "vínculo", qué significa que un permiso esté en un nivel u otro. Cuánta marca lleva: la del CRM. Logotipo, versalitas en oro, tipografía de marca y nada de decoración. Se usa para leer y comparar, no para emocionar; y en la pantalla donde se decide quién abre una historia clínica, cualquier adorno es una distracción. ========================================================================== */ :root { /* Densa como el CRM: aquí se comparan filas, no se lee un texto largo. */ --t-small: 1rem; } .admin-main { max-width: 1180px; margin-inline: auto; padding: var(--s-8) var(--s-5) var(--s-20); } /* La barra de puertas es fija en el pie del teléfono (lo hereda del componente compartido), así que el contenido reserva su alto. Mismo cálculo que Care. */ @media (max-width: 859px) { .admin-main { padding-bottom: calc(96px + env(safe-area-inset-bottom)); } } /* ========================================================================== Navegación: DOS niveles Antes era uno solo con once pestañas, y eso tenía tres problemas que no se arreglan con CSS: en un teléfono no caben (se deslizaban en horizontal, así que la mitad no existía hasta que alguien adivinaba que había que arrastrar), en pantalla ancha la fila llegaba al borde del viewport, y —lo peor— poner "Permisos" y "Resultado" en la misma fila dice que son la misma clase de cosa. No lo son: una decide quién abre una historia clínica y la otra es el informe del mes. Las cuatro PUERTAS ya estaban escritas en CLAUDE.md y en el propio app.js; lo único que faltaba era que la pantalla las dibujara. ========================================================================== */ /* Nivel 1: las puertas. Usa el componente compartido tal cual —nace en Care con cinco y está pensado para pocas—: barra inferior fija en el teléfono, pegajosa bajo la cabecera en pantalla ancha. Cuatro es su medida exacta, así que aquí no hace falta ni una línea de ajuste. */ /* Lo unico que la barra de puertas necesita de esta pantalla: alinearse con ella. El componente compartido se estrecha a 780px centrados —nace en Care, que es una columna de turno— y aqui la pagina tiene 1180px alineados a la izquierda: centrada, la barra flotaba desplazada del titulo que la encabeza. Es composicion de esta superficie, no un cambio del componente. */ /* LAS CUATRO PUERTAS: un solo