/* ==========================================================================
   CooperApp · Estilo C «Bento» — pantalla: admin
   --------------------------------------------------------------------------
   Solo lo que es exclusivo de esta pantalla. Todo lo que sirva para más de
   una va en components.css. Prohibido escribir colores, radios o sombras
   literales: se consumen con var(--token) de tokens.css.
   ========================================================================== */

/* ==========================================================================
   USUARIOS
   ========================================================================== */

/* Celda «Usuario» de la tabla: avatar + nombre. */
.user-cell{display:flex;align-items:center;gap:var(--esp-2)}

/* Separa la lista de proyectos asignados del párrafo de ayuda que la precede. */
.pila--separada{margin-top:var(--esp-4)}

/* Fila «Asignar proyecto» del detalle: desplegable + botón alineados por
   abajo. `.linea` centra verticalmente, y aquí el control tiene una etiqueta
   encima que lo hace más alto que el botón. */
.asigna-proyecto{display:flex;align-items:flex-end;gap:var(--esp-3);flex-wrap:wrap}
.asigna-proyecto .form-group{flex:1 1 220px;min-width:220px}

/* ==========================================================================
   AUDITORÍA
   ========================================================================== */

/* Los desplegables e inputs de fecha del filtro llevan su etiqueta visible
   encima (icono + texto), en vez de solo aria-label. */
.filtros .form-group{min-width:150px}
.filtros .form-group label{display:inline-flex;align-items:center;gap:6px}

/* Botón de página no activa. `.page-current` (components.css) ya cubre la
   página activa; este es el mismo tamaño para el resto. */
.page-btn{
  display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;
  border-radius:var(--r-xs);background:var(--sup);border:1px solid var(--borde);
  color:var(--texto-2);font-family:var(--mono);font-size:var(--t-s);
  transition:background var(--micro),border-color var(--micro),color var(--micro);
}
.page-btn:hover{background:var(--sup-2);border-color:var(--borde-2);color:var(--texto)}

/* ==========================================================================
   PLANTILLAS DE PRESUPUESTO
   ========================================================================== */

/* Cabecera plegable de cada financiador: color + nombre/código a la
   izquierda, recuentos y acciones a la derecha. Es un `div role="button"`
   propio (no `.c-cab`, pensado para una celda entera) porque aquí el título
   es el dato principal de la fila, no un rótulo pequeño de sección. */
.funder-cab{display:flex;align-items:center;gap:var(--esp-3);cursor:pointer;border-radius:var(--r-xs)}
.funder-color{width:16px;height:16px;border-radius:var(--r-xs);flex:none}
.funder-tit{flex:1;min-width:0}
.funder-meta{font-size:var(--t-s);color:var(--texto-3);margin-top:2px}
.funder-acc{display:flex;align-items:center;gap:var(--esp-2);flex:none}
.funder-chevron{color:var(--texto-3);transition:transform var(--micro)}
.funder-cab[aria-expanded="true"] .funder-chevron{transform:rotate(180deg)}

/* Cuerpo desplegable: separado de la cabecera con la misma regla que usa
   `.c-pie` para separar el pie de una celda. */
.funder-body{margin-top:var(--esp-4);padding-top:var(--esp-4);border-top:1px solid var(--borde)}
.funder-versions-cab{
  display:flex;align-items:center;justify-content:space-between;gap:var(--esp-3);
  margin-bottom:var(--esp-3);
}

/* El formulario de edición del financiador se inyecta aquí mismo, entre la
   cabecera y el cuerpo: necesita su propio margen porque no hay celda que se
   lo dé. */
.funder-edit-form{margin-top:var(--esp-4)}

/* Fila de una versión de plantilla. */
.version-meta{font-size:var(--t-s);color:var(--texto-3)}

/* El detalle de una versión (tabla de líneas) se inyecta a veces suelto,
   directamente en la lista de versiones —al crear o clonar una—, y otras
   veces dentro de la fila que ya lo envuelve. El margen superior cubre
   ambos casos sin que la celda anidada quede pegada a lo anterior. */
.version-detail-content{margin-top:var(--esp-3)}

/* Formulario «Añadir línea», dentro del detalle de una versión. */
.add-line-form{margin-top:var(--esp-4)}