/* ════════════════════════════════════════════════════════
   FESTALY ADMIN — LIGHT THEME
   Sovrascrive il palette dark dell'admin con i colori
   warm-cream della homepage Festaly.
   ════════════════════════════════════════════════════════ */

:root:has(.page-adm),
:root:has(.adm-nav-link) {
  --adm-bg:      #F4F1EE;
  --adm-bg2:     #FFFBF7;
  --adm-surface: #FFFFFF;
  --adm-surface2:#FFF5EE;
  --adm-border:  #E8DDD5;
  --adm-border2: #D8CEC6;
  --adm-text:    #1C1C3A;
  --adm-text2:   #3C3C5C;
  --adm-muted:   #7B6B63;
  --adm-accent:  #FF6B6B;
  --adm-accent2: #FF8E8E;
  --adm-grad:    linear-gradient(135deg, #FF6B6B, #FF8E53);
}

#root:has(.page-adm),
#root:has(.adm-nav-link) {
  background: var(--adm-bg);
}

/* Tabella */
.adm-table td {
  border-bottom: 1px solid var(--adm-border);
  color: var(--adm-text2);
}
.adm-table th {
  border-bottom: 1px solid var(--adm-border);
}
.adm-table tr:hover td {
  background: rgba(255,107,107,0.03);
}

/* Nav */
.adm-nav-link:hover {
  background: rgba(255,107,107,0.06);
  color: var(--adm-text2);
}
.adm-nav-link.active {
  background: rgba(255,107,107,0.10);
  color: var(--coral);
  border-left-color: var(--coral);
  border-image: none;
}

/* Card hover */
.card-adm:hover,
.adm-card:hover {
  border-color: transparent !important;
  background: var(--adm-surface) padding-box, var(--adm-grad) border-box !important;
  box-shadow: 0 0 20px rgba(255,107,107,0.10);
}

/* Input focus */
.input-adm:focus {
  border-color: transparent;
  background: #fff padding-box, var(--adm-grad) border-box;
  box-shadow: 0 0 0 3px rgba(255,107,107,0.10);
}

/* Shimmer */
.shimmer-adm {
  background: linear-gradient(
    90deg,
    var(--adm-border) 25%,
    var(--adm-border2) 50%,
    var(--adm-border) 75%
  );
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

/* Scrollbar */
.adm-scroll { scrollbar-color: var(--adm-border) transparent; }
.adm-scroll::-webkit-scrollbar-thumb { background: var(--adm-border); }

/* Section header / divider */
.section-header { border-bottom: 1px solid var(--adm-border); }
.divider-adm    { background: var(--adm-border); }

/* Page title */
.page-title-adm { color: var(--adm-text); }
.page-sub-adm   { color: var(--adm-muted); }