/* ==========================================================================
   ESTILS DE LLISTES I TAULES - NÚRIA 1940
   ========================================================================== */

/* --- Estructura Principal de la Taula --- */
table.list {
  font-family: var(--nuria-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto) !important;
  font-size: 0.85rem !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background-color: #ffffff !important;
  border: 1px solid var(--nuria-border, #E2E8F0) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 1rem !important;
  width: 100% !important;
}

/* --- Barra de Botons Superior i Inferior --- */
tr.list-button-bar, 
td.list-button-bar {
  background-color: var(--nuria-bg-light, #F8FAFC) !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--nuria-border, #E2E8F0) !important;
}

tr.list-button-bar:last-child td {
  border-top: 1px solid var(--nuria-border, #E2E8F0) !important;
  border-bottom: none !important;
}

span.list-button-header {
  border: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin-right: 6px !important;
  display: inline-block !important;
}

/* Botons secundaris (Exportar, etc.) */
a.list-button:link, 
a.list-button:visited,
.list-button {
  display: inline-flex !important;
  align-items: center !important;
  font-family: var(--nuria-font, sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  color: #334155 !important;
  background-color: #ffffff !important;
  border: 1px solid #CBD5E1 !important;
  padding: 5px 12px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: all 0.15s ease-in-out !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

a.list-button:hover {
  background-color: #F1F5F9 !important;
  border-color: #94A3B8 !important;
  color: #0F172A !important;
}


/* Primer botó d'acció principal ("Nou client") */
/*
span.list-button-header:first-child a.list-button {
  background-color: var(--nuria-navy, #1F336E) !important;
  color: #ffffff !important;
  border-color: var(--nuria-navy, #1F336E) !important;
}

span.list-button-header:first-child a.list-button:hover {
  background-color: var(--nuria-navy-hover, #162552) !important;
  border-color: var(--nuria-navy-hover, #162552) !important;
}
*/

/* --- Capçalera de la Taula --- */
tr.list-header {
  background-color: var(--nuria-navy, #1F336E) !important;
  color: #ffffff !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
}

th.list, 
th.list-narrow {
  padding: 10px 14px !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border-bottom: 2px solid var(--nuria-navy-hover, #162552) !important;
  color: #ffffff !important;
}

/* --- Files i Cel·les --- */
tr.list-even, 
tr.list-odd {
  background-color: #ffffff !important;
  transition: background-color 0.15s ease !important;
}

tr.list-even:hover, 
tr.list-odd:hover {
  background-color: #F1F5F9 !important;
}

td.list, 
td.list-narrow {
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--nuria-border, #E2E8F0) !important;
  /*color: #334155 !important;*/
  vertical-align: middle !important;
}

/* Enllaços interns de les cel·les */
td.list a:not(.list-button) {
  color: var(--nuria-navy, #1F336E) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

td.list a:not(.list-button):hover {
  color: var(--nuria-cyan, #149CE2) !important;
  text-decoration: underline !important;
}

/* Checkboxes */
th.list input[type="checkbox"], 
td.list input[type="checkbox"] {
  cursor: pointer !important;
  accent-color: var(--nuria-cyan, #149CE2) !important;
  width: 15px !important;
  height: 15px !important;
}

/* --- Icones d'Acció --- */
td.list img {
  width: 25px !important;
  height: auto !important;
  vertical-align: middle !important;
  margin: 0 2px !important;
  /*border: none !important;*/
  opacity: 0.85 !important;
  transition: transform 0.15s ease, opacity 0.15s ease !important;
}

td.list a:hover img {
  opacity: 1 !important;
  transform: scale(1.15) !important;
}

/* --- Paginador i Filtres --- */
tr.list-paginator {
  background-color: var(--nuria-bg-light, #F8FAFC) !important;
  font-size: 0.8rem !important;
}

td.list-filter-pane {
  background-color: #F1F5F9 !important;
  border-right: 1px solid var(--nuria-border, #E2E8F0) !important;
  padding: 12px !important;
}


/* ==========================================================================
   FILA DE TOTALS I SUMATORIS (`tr.list-subheader`)
   ========================================================================== */

table.list tr.list-subheader {
  background-color: #f1f5f9 !important; /* Fons lleugerament més fosc que la taula */
  border-top: 2px solid var(--nuria-navy, #1F336E) !important; /* Línia d'accent superior */
  border-bottom: 2px solid var(--nuria-border, #cbd5e1) !important;
}

table.list tr.list-subheader td {
  padding: 10px 12px !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important; /* Text en negreta per als totals */
  color: var(--nuria-navy, #1F336E) !important; /* Text en blau marí corporatiu */
  background: transparent !important;
}