/* servidor.css — estilos de la herramienta servidor (42.6). Cada tarea escribe solo en su archivo.
   El espacio (srv-hero, srv-bar) y los contadores (srv-stats) siguen siendo los de app.css. */

.srv-linea { font-size: 13px; font-weight: 600; color: var(--muted); margin: 2px 2px 10px; }

/* N-EQ-04: Buscar y Refrescar miden lo mismo (el campo es de 31,5 px y el botón de 29, o 36 en el celular): se estiran a la misma altura. */
.card-header .srv-barra { display: flex; align-items: stretch; gap: 8px; flex-wrap: wrap; }
.srv-buscar {
  font: inherit; font-size: 13px; color: var(--ink); background: var(--card);
  border: 1px solid var(--line-strong); border-radius: 8px; padding: 5px 10px; min-height: 29px; width: 180px;
}
.srv-buscar:focus { outline: 2px solid var(--brand); outline-offset: 1px; }

.srv-estado { min-height: 0; font-size: 12.5px; color: var(--muted); font-variant-numeric: tabular-nums; margin: 0 2px 8px; }
.srv-estado:empty { display: none; }

/* Carpetas */
.srv-tabla td { vertical-align: middle; }
.srv-fila.abierta td { background: var(--bg); }
.srv-abrir, .srv-acc {
  display: inline-flex; align-items: center; gap: 8px; border: 0; background: none; padding: 2px 0;
  font: inherit; font-weight: 700; color: var(--ink); cursor: pointer; text-align: left;
}
.srv-abrir:hover, .srv-acc:hover { color: var(--brand); }
.srv-abrir:focus-visible, .srv-acc:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; border-radius: 4px; }
/* N-01: de noche --brand (#0d4f5a) no se redefine y sobre el fondo oscuro da 1,78 a 1: el texto al pasar el mouse por carpetas,
   meses y días, y el contorno de foco con teclado (también el del campo Buscar), casi no se veían. Se aclaran con el verde azulado de
   SIS-03 (8,7 a 1 sobre la tarjeta). Más específicas que las claras, sin depender del orden; el tema claro no cambia. */
html[data-theme="dark"] .srv-abrir:hover, html[data-theme="dark"] .srv-acc:hover { color: #7fc8d4; }
html[data-theme="dark"] .srv-abrir:focus-visible, html[data-theme="dark"] .srv-acc:focus-visible,
html[data-theme="dark"] .srv-buscar:focus { outline-color: #7fc8d4; }
.srv-flecha { width: 12px; color: var(--muted); font-size: 11px; }
.srv-cod { font-variant-numeric: tabular-nums; color: var(--muted); font-weight: 700; }
.srv-meta { color: var(--muted); font-weight: 500; font-size: 12px; font-variant-numeric: tabular-nums; }

/* Detalle de una carpeta: meses → días → archivos */
.srv-tabla tbody tr.srv-detalle:hover td { background: transparent; }
.srv-detalle > td { white-space: normal; padding: 6px 13px 12px 36px; background: var(--bg); }
.srv-detalle[hidden] { display: none; }
.srv-nivel { margin: 2px 0; }
.srv-hijos { margin-left: 20px; border-left: 2px solid var(--line); padding-left: 12px; }
.srv-hijos[hidden] { display: none; }
.srv-dia { font-weight: 600; }

.srv-archivos { width: 100%; font-size: 12.5px; }
.srv-archivos td { padding: 6px 8px; }
.srv-archivos tr:last-child td { border-bottom: 0; }
.srv-archivos .srv-nombre { max-width: 320px; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 640px) {
  .srv-buscar { width: 130px; }
  .srv-tabla th:nth-child(4), .srv-tabla th:nth-child(5),
  .srv-fila td:nth-child(4), .srv-fila td:nth-child(5) { display: none; }
  .srv-tabla th, .srv-tabla td { padding-left: 8px; padding-right: 8px; }
  .srv-tabla th { letter-spacing: 0.02em; }
  .srv-tabla th, .srv-tabla td { padding-left: 5px; padding-right: 5px; }
  .srv-txt { display: none; }
  .srv-abrir { white-space: normal; flex-wrap: wrap; row-gap: 0; gap: 4px 6px; }
  .srv-detalle > td { padding: 6px 8px 10px; }
  .srv-hijos { margin-left: 6px; padding-left: 8px; }
  .srv-archivos, .srv-archivos tbody { display: block; }
  .srv-archivos tr { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 6px 0; border-bottom: 1px solid var(--line); }
  .srv-archivos td { padding: 0; border: 0; white-space: normal; }
  .srv-archivos .srv-nombre { flex: 1 1 100%; max-width: none; overflow-wrap: anywhere; }
  .srv-archivos td.num:nth-child(2) { margin-right: auto; }
}