/* Styles communs du socle (complète Tailwind) */

.sidebar-link{
  display:flex; align-items:center; gap:.6rem;
  padding:.55rem 1.25rem; color:inherit; text-decoration:none;
  border-left:3px solid transparent;
}
.sidebar-link:hover{ background:rgba(0,0,0,.04); }
.dark .sidebar-link:hover{ background:rgba(255,255,255,.05); }
.sidebar-link-active{
  border-left-color:var(--tw-color-primary,#f39c12);
  background:rgba(243,156,18,.08); font-weight:600;
}

.card{
  background:#fff; border:1px solid #e5e7eb; border-radius:.75rem;
  padding:1.25rem; transition:box-shadow .15s, transform .15s;
}
.dark .card{ background:#1f2937; border-color:#374151; }
.card:hover{ box-shadow:0 10px 25px rgba(0,0,0,.08); transform:translateY(-2px); }

.btn{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.6rem 1.1rem; border-radius:.6rem; font-weight:600;
  background:#f39c12; color:#fff; border:0; cursor:pointer;
}
.btn:hover{ background:#e08e0b; }
.btn-ghost{ background:transparent; color:#6b7280; }
.btn-ghost:hover{ background:rgba(0,0,0,.05); }

.animate-fadeIn{ animation:fadeIn .4s ease both; }
@keyframes fadeIn{ from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none} }