/* =============================================
   📊 Tyshara – KPIs Admin (refactoré v1.0)
   Cohérence visuelle & palette harmonisée
   ============================================= */

.tyshara-kpi-block {
  border: 1px solid var(--ty-border-light);
  padding: var(--space-md);
  margin-bottom: var(--space-xl);
  background: var(--ty-lin-brume);
  border-radius: var(--radius-md);
  font-family: var(--font-main);
}

.tyshara-kpi-block h3 {
  margin-bottom: var(--space-xs);
  color: var(--ty-terre-argile);
  font-weight: 600;
  font-size: 1.2rem;
}

.tyshara-kpi-subblock ul {
  margin: var(--space-xs) 0;
  padding-left: var(--space-lg);
}

.tyshara-kpi-subblock li {
  font-size: 0.9rem;
  line-height: 1.4;
}

/* === Table de vues === */
.tyshara-views-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: var(--space-md);
  font-family: var(--font-main);
}

.tyshara-views-table th,
.tyshara-views-table td {
  padding: 0.5rem;
  border-bottom: 1px solid var(--ty-border-light);
  font-size: 0.9rem;
  text-align: left;
}

.tyshara-views-table th {
  background: var(--ty-nuage-pastel);
  color: var(--ty-terre-argile);
  font-weight: 600;
}

.tyshara-views-table td a {
  color: var(--ty-terre-argile);
  text-decoration: none;
  transition: color 0.2s ease;
}

.tyshara-views-table td a:hover {
  color: var(--ty-corail-alchimie);
  text-decoration: underline;
}