/* IEICII Hub · Listados 2.0 v240
   Normalización transversal para tablas, listados, cards, búsquedas y paginación. */
:root{
  --list-bg:var(--card,#fff);--list-fg:var(--text,#172033);--list-muted:var(--muted,#667085);
  --list-line:var(--line,#dfe6f1);--list-soft:color-mix(in srgb,var(--list-bg) 94%,var(--list-fg) 6%);
  --list-accent:var(--primary,#225be8);--list-radius:16px;--list-gap:12px;
}
[data-theme="dark"]{--list-soft:color-mix(in srgb,var(--list-bg) 91%,white 9%)}

/* Barras de consulta uniformes */
.search-bar,.interested-filter-v84,.posts-search-v21,.marketplace-search{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.search-bar>:is(input[type="search"],input:not([type]),select),.interested-filter-v84>:is(input,select),.posts-search-v21>:is(input,select),.marketplace-search>:is(input,select){min-height:44px}
.search-bar .grow,.interested-filter-v84 input[type="search"],.interested-filter-v84 input[name="q"]{flex:1 1 300px;min-width:220px}

/* Motor de tabla */
.table-wrap[data-ieicii-table-wrap]{
  position:relative;overflow:auto;overscroll-behavior-x:contain;border:1px solid var(--list-line);
  border-radius:var(--list-radius);background:var(--list-bg);box-shadow:0 8px 28px rgba(15,23,42,.045);
}
.table-wrap[data-ieicii-table-wrap]>.table{margin:0;border:0;min-width:720px;width:100%;border-collapse:separate;border-spacing:0}
.table-wrap[data-ieicii-table-wrap]>.table thead th{
  position:sticky;top:0;z-index:2;background:var(--list-soft);color:var(--list-muted);font-size:.78rem;
  letter-spacing:.025em;text-transform:none;white-space:nowrap;border-bottom:1px solid var(--list-line);
}
.table-wrap[data-ieicii-table-wrap]>.table :is(th,td){padding:13px 14px;vertical-align:middle}
.table-wrap[data-ieicii-table-wrap]>.table tbody tr{transition:background-color .16s ease}
.table-wrap[data-ieicii-table-wrap]>.table tbody tr:hover{background:color-mix(in srgb,var(--list-accent) 4%,transparent)}
.table-wrap[data-ieicii-table-wrap]>.table tbody tr:last-child td{border-bottom:0}
.table-wrap[data-ieicii-table-wrap] .row-actions{gap:6px;justify-content:flex-end;flex-wrap:wrap}

/* Densidad */
html.ieicii-density-compact .table-wrap[data-ieicii-table-wrap]>.table :is(th,td){padding-top:8px;padding-bottom:8px;font-size:.88rem}
html.ieicii-density-compact .table-wrap[data-ieicii-table-wrap] .btn{min-height:32px;padding-block:6px}

/* Herramientas transversales */
.ieicii-list-toolbar-v240{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.ieicii-list-toolbar-v240 .ieicii-list-count-v240{color:var(--list-muted);font-size:.86rem}
.ieicii-view-switch-v240{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--list-line);border-radius:12px;background:var(--list-bg)}
.ieicii-view-switch-v240 button{border:0;background:transparent;color:var(--list-muted);min-height:34px;padding:6px 10px;border-radius:9px;font:inherit;font-weight:750;cursor:pointer}
.ieicii-view-switch-v240 button:hover{background:var(--list-soft);color:var(--list-fg)}
.ieicii-view-switch-v240 button.is-active{background:color-mix(in srgb,var(--list-accent) 11%,var(--list-bg));color:var(--list-accent)}

/* Conversión no destructiva de cards a lista compacta */
[data-ieicii-card-list]{transition:none}
[data-ieicii-card-list].ieicii-view-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
[data-ieicii-card-list].ieicii-view-list>article,
[data-ieicii-card-list].ieicii-view-list>.card{
  width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;border-radius:14px!important;
  box-shadow:none!important;border:1px solid var(--list-line)!important;
}
[data-ieicii-card-list].ieicii-view-list>article:hover,
[data-ieicii-card-list].ieicii-view-list>.card:hover{box-shadow:0 5px 18px rgba(15,23,42,.06)!important}
/* Imágenes grandes se vuelven miniatura en modo lista cuando la estructura lo permite */
[data-ieicii-card-list].ieicii-view-list>article.image-card,
[data-ieicii-card-list].ieicii-view-list>.image-card{display:grid!important;grid-template-columns:minmax(150px,210px) minmax(0,1fr)!important;align-items:stretch}
[data-ieicii-card-list].ieicii-view-list>article.image-card>img,
[data-ieicii-card-list].ieicii-view-list>.image-card>img{width:100%!important;height:100%!important;min-height:140px;max-height:190px;object-fit:cover!important}
/* Listados administrativos con tarjetas: menos aire y metadatos en línea */
body.admin-page [data-ieicii-card-list].ieicii-view-list>article,
body.admin-page [data-ieicii-card-list].ieicii-view-list>.card,
.admin-shell [data-ieicii-card-list].ieicii-view-list>article,
.admin-shell [data-ieicii-card-list].ieicii-view-list>.card{padding-block:12px!important}

/* Paginación única */
.pagination-v240{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;padding:12px 14px;border:1px solid var(--list-line);border-radius:16px;background:var(--list-bg)}
.pagination-summary-v240{color:var(--list-muted);font-size:.86rem;white-space:nowrap}
.pagination-summary-v240 strong{color:var(--list-fg)}
.pagination-controls-v240{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto}
.pagination-size-v240{display:flex;align-items:center;gap:7px;color:var(--list-muted);font-size:.82rem;white-space:nowrap}
.pagination-size-v240 select{min-height:36px;padding:5px 30px 5px 10px;border:1px solid var(--list-line);border-radius:10px;background:var(--list-bg);color:var(--list-fg)}
.pagination-v240 .pages{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.pagination-v240 .page-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;min-height:36px;padding:6px 10px;border:1px solid var(--list-line);border-radius:10px;background:var(--list-bg);color:var(--list-fg);text-decoration:none;font-weight:700;font-size:.84rem}
.pagination-v240 .page-link:hover:not(.disabled):not(.active){background:var(--list-soft)}
.pagination-v240 .page-link.active{background:var(--list-accent);border-color:var(--list-accent);color:#fff}
.pagination-v240 .page-link.disabled{opacity:.45;pointer-events:none}
.pagination-v240 .page-link em{font-style:normal}

/* Scroll horizontal comprensible */
.ieicii-table-scroll-hint-v240{display:none;color:var(--list-muted);font-size:.76rem;margin:7px 2px 0}

/* Estados vacíos coherentes */
.empty{border-radius:var(--list-radius)}

@media(max-width:900px){
  .pagination-v240{align-items:flex-start}.pagination-controls-v240{width:100%;justify-content:space-between;margin-left:0}
  .pagination-v240 .page-prev-v240 em,.pagination-v240 .page-next-v240 em{display:none}
  .ieicii-table-scroll-hint-v240{display:block}
}
@media(max-width:720px){
  .search-bar,.interested-filter-v84,.posts-search-v21,.marketplace-search{align-items:stretch}
  .search-bar>*,.interested-filter-v84>*,.posts-search-v21>*,.marketplace-search>*{flex:1 1 100%;width:100%}
  .search-bar>.btn,.interested-filter-v84>.btn,.posts-search-v21>.btn,.marketplace-search>.btn{flex:1 1 calc(50% - 6px);width:auto}
  .ieicii-list-toolbar-v240{align-items:center}.ieicii-list-count-v240{display:none}
  [data-ieicii-card-list].ieicii-view-list>article.image-card,[data-ieicii-card-list].ieicii-view-list>.image-card{grid-template-columns:96px minmax(0,1fr)!important}
  [data-ieicii-card-list].ieicii-view-list>article.image-card>img,[data-ieicii-card-list].ieicii-view-list>.image-card>img{min-height:110px;max-height:145px}
  .pagination-v240{padding:10px}.pagination-summary-v240{width:100%;white-space:normal}.pagination-controls-v240{gap:8px}.pagination-size-v240{width:100%;justify-content:space-between}.pagination-v240 .pages{width:100%;justify-content:center}
  .pagination-v240 .pages .page-link:not(.active):not(.page-prev-v240):not(.page-next-v240){display:none}
  .pagination-v240 .page-prev-v240,.pagination-v240 .page-next-v240{flex:1}
}
@media(max-width:560px){
  /* Las tablas operativas se vuelven filas legibles sin perder semántica ni acciones. */
  .table-wrap[data-ieicii-table-wrap].ieicii-responsive-stack{overflow:visible;border:0;background:transparent;box-shadow:none}
  .table-wrap[data-ieicii-table-wrap].ieicii-responsive-stack>.table{min-width:0;border-collapse:separate;background:transparent}
  .table-wrap[data-ieicii-table-wrap].ieicii-responsive-stack>.table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .table-wrap[data-ieicii-table-wrap].ieicii-responsive-stack>.table tbody{display:grid;gap:10px}
  .table-wrap[data-ieicii-table-wrap].ieicii-responsive-stack>.table tr{display:block;border:1px solid var(--list-line);border-radius:14px;background:var(--list-bg);padding:7px 11px;box-shadow:0 4px 15px rgba(15,23,42,.04)}
  .table-wrap[data-ieicii-table-wrap].ieicii-responsive-stack>.table td{display:grid;grid-template-columns:minmax(92px,38%) minmax(0,1fr);gap:10px;padding:8px 0!important;border:0;border-bottom:1px solid var(--list-line);text-align:left!important;min-width:0;white-space:normal!important}
  .table-wrap[data-ieicii-table-wrap].ieicii-responsive-stack>.table td:last-child{border-bottom:0}
  .table-wrap[data-ieicii-table-wrap].ieicii-responsive-stack>.table td::before{content:attr(data-label);font-size:.72rem;font-weight:800;color:var(--list-muted);text-transform:none}
  .table-wrap[data-ieicii-table-wrap].ieicii-responsive-stack>.table td:empty::after{content:'—';color:var(--list-muted)}
}