.formgrid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.formcard{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:16px}
.formrow{margin-bottom:12px}
.formrow label{display:block;font-weight:600;margin-bottom:6px}
@media (max-width:900px){.formgrid2{grid-template-columns:1fr}}

/* --- Ajuste visual para miniaturas --- */
.single-thumb img {
  width: 100%;
  max-width: 220px;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  object-fit: contain;
  margin: 0 auto;
  display: block;
}

/* Asegura que los bloques no se traslapen */
.single-header {
  align-items: start !important;
}

.single-meta span {
  display: inline-block;
  margin-right: 8px;
}

/* Espacio entre imagen y texto */
.single-header > div:first-child {
  align-self: start;
  padding-top: 4px;
}

repodata-actions a {
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:12px; text-decoration:none;
  background:#f8fafc; border:1px solid #e5e7eb; font-weight:600;
}
.repodata-actions a:hover { box-shadow:0 2px 8px rgba(0,0,0,.06) }
.repodata-actions a:first-child { background:#d90429; color:#fff; border-color:#d90429 }

.single-actions a{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:12px;text-decoration:none;
  background:#f8fafc;border:1px solid #e5e7eb;font-weight:600;
}
.single-actions a:hover{box-shadow:0 2px 8px rgba(0,0,0,.06)}
.single-actions a[href$=".pdf"]{
  background:#d90429;color:#fff;border-color:#d90429;
}

/* Miniatura fija en la fila */
.repodata-row .repodata-thumb img{
  width: 100%; height: 100%; max-width: 140px; aspect-ratio: 1/1; object-fit: cover; border-radius:10px;
}

/* Ajustes de texto compactos */
.repodata-row .repodata-title{font-size:1rem}
.repodata-row .repodata-meta{font-size:.85rem}
.repodata-row .repodata-muted{margin:6px 0}

/* En móviles, que se apilen */
@media (max-width: 720px){
  .repodata-row{grid-template-columns:1fr; gap:12px}
  .repodata-row .repodata-actions{flex-direction:row; flex-wrap:wrap; align-self:flex-start}
}

/* ===== Vista de LISTA en modo fila (no grid) ===== */
.repodata-wrap { max-width: 1100px; margin: 0 auto; padding: 16px; }
.repodata-grid { display: block; }             /* <— anulamos el grid para filas */

/* Card horizontal */
.repodata-row{
  display:flex; gap:16px; align-items:flex-start;
  background:#fff; border:1px solid #eef2f7; border-radius:14px;
  padding:14px; margin-bottom:16px; box-shadow:0 4px 14px rgba(16,24,40,.06);
}

/* Columna miniatura fija */
.repodata-row .repodata-thumb{
  flex:0 0 140px; max-width:140px;
}
.repodata-row .repodata-thumb img,
.repodata-row .repodata-thumb a img{
  width:100%; height:auto; object-fit:cover; border-radius:10px;
  display:block;
}

/* Columna texto */
.repodata-row .repodata-body{ flex:1; padding:0; }
.repodata-row .repodata-title{ font-size:1.05rem; margin:0 0 6px; }
.repodata-row .repodata-meta{ font-size:.9rem; color:#6b7280; display:flex; flex-wrap:wrap; gap:6px 10px; }
.repodata-row .repodata-muted{
  margin-top:6px; color:#475569; line-height:1.45;
  display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow:hidden; /* recorta resumen */
}

/* Columna acciones */
.repodata-row .repodata-actions{
  align-self:center; display:flex; flex-direction:column; gap:8px; min-width:150px;
}
.repodata-row .repodata-actions a{
  display:inline-flex; align-items:center; gap:8px; padding:8px 12px;
  border-radius:12px; text-decoration:none; background:#f8fafc; border:1px solid #e5e7eb; font-weight:600;
}
.repodata-row .repodata-actions a[href$=".pdf"]{ background:#d90429; color:#fff; border-color:#d90429 }
.repodata-row .repodata-actions a[href*="delete"]{ background:#fee2e2; color:#b91c1c; border-color:#fca5a5 }

/* En móviles apila todo */
@media (max-width: 720px){
  .repodata-row{ flex-direction:column; }
  .repodata-row .repodata-actions{ flex-direction:row; flex-wrap:wrap; align-self:flex-start; }
}

/* Filtros avanzados en rejilla */
.repo-filters{
  display:grid;
  grid-template-columns: repeat(4, minmax(180px,1fr));
  gap:12px;
  align-items:end;
  padding:12px 0;
}
.repo-filters .fcol label{
  display:block; font-weight:600; margin-bottom:6px;
}
.repo-filters .factions{
  grid-column: 1 / -1;
  display:flex; gap:10px; margin-top:4px;
}
/* En móvil, que se apilen */
@media (max-width: 800px){
  .repo-filters{ grid-template-columns: 1fr; }
}

.single-actions a[href*="mode=list"]{
  background:#eaf2ff; border-color:#c6dbff;
}