@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Playfair+Display:wght@500;600;700&display=swap");

/* --------------------------------------------------
   RESET
-------------------------------------------------- */
* { margin: 0; padding: 0; box-sizing: border-box; }

:root{
  --bg1:#06172b;
  --bg2:#0b2440;
  --bg3:#0f355c;

  --glass: rgba(255,255,255,0.08);
  --glass2: rgba(255,255,255,0.10);
  --stroke: rgba(255,255,255,0.12);

  --gold1:#dfb321;
  --gold2:#c8a11a;

  --blue1:#062544;
  --blue2:#09345e;

  --text: rgba(255,255,255,0.95);
  --muted: rgba(255,255,255,0.70);
}

body {
  font-family: 'Inter', Arial, sans-serif;
  color: #eaeaea;

  background:
  radial-gradient(circle at 25% 25%, rgba(198, 163, 84, 0.04), transparent 45%),
  radial-gradient(circle at 75% 70%, rgba(255, 223, 140, 0.03), transparent 55%),
  linear-gradient(160deg, #080c12 0%, #0c121a 45%, #070a10 100%);

    background-size: 200% 200%;
animation: gradientMove 18s ease infinite;


  min-height: 100vh;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
    circle at 50% 35%,
    rgba(198,163,84,0.05),
    transparent 60%
  );
}


@keyframes gradientMove{
  0%{ background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
  100%{ background-position: 0% 50%; }
}

/* --------------------------------------------------
   DASHBOARD LAYOUT (2 CARD PRINCIPALI)
-------------------------------------------------- */
.dashboard-shell{
  max-width: 1220px;
  margin: 0 auto;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;

  align-items: stretch;
}
@media (max-width: 1100px) {
  .dashboard-grid {
    grid-template-columns: 1fr;
  }
}



@media (max-width: 980px){
  .dashboard-grid{ grid-template-columns: 1fr; }
}

/* --------------------------------------------------
   CONTAINER/CARD PRINCIPALE (uguale per tutte)
-------------------------------------------------- */
.container.home{
  width: 100%;
  background: var(--glass);
  border: 1px solid var(--stroke);
  padding: 32px;
  border-radius: 28px;
  box-shadow: 0 14px 40px rgba(0,0,0,0.32);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Titoli */
.title {
  text-align: center;
  font-size: 52px;
  font-weight: 700;
  margin-bottom: 60px;
  letter-spacing: -1px;
  color: #f5e6c8;
}


.section-title{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}

.muted{ color: var(--muted); }

/* --------------------------------------------------
   FORM
-------------------------------------------------- */
.form{ margin-top: 6px; }

.input{
  width: 100%;
  padding: 14px 14px;
  margin: 8px 0;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.10);
  outline: none;
  font-size: 16px;
  background: rgba(255,255,255,0.14);
  color: #fff;
}

.input::placeholder{ color: rgba(255,255,255,0.65); }

select.input{
  color: #fff !important;
  background: rgba(255,255,255,0.18);
  appearance: none;
  -webkit-appearance: none;
}

/* --------------------------------------------------
   BUTTONS (fix: NO sottolineature su <a>)
-------------------------------------------------- */
.btn{
  width: 100%;
  padding: 14px;
  border: none;
  border-radius: 16px;
  font-size: 18px;
  font-weight: 700;
  margin-top: 12px;
  cursor: pointer;
  transition: 0.22s ease;
  text-decoration: none;          /* <-- FIX underline */
  display: inline-flex;           /* <-- FIX anchor layout */
  align-items: center;
  justify-content: center;
  user-select: none;
}

.btn.clients {
  background: linear-gradient(135deg, #d4af37, #c6a75e);
  color: #0b0f14;
  font-weight: 600;
  border-radius: 18px;
  padding: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 8px 30px rgba(212,175,55,0.25);
}

.btn.clients:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 40px rgba(212,175,55,0.35);
}


.btn.private{
  background: linear-gradient(145deg, var(--blue1), var(--blue2));
  color: #fff;
  box-shadow: 0 10px 22px rgba(0,0,0,0.22);
}
.btn.private:hover{ filter: brightness(1.10); }

.btn:disabled{
  opacity: 0.45;
  cursor: not-allowed;
  filter: none !important;
}

/* Row buttons */
.home-buttons{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 520px){
  .home-buttons{ grid-template-columns: 1fr; }
}

/* --------------------------------------------------
   CUSTOMER BOX
-------------------------------------------------- */
.customer-box{
  margin-top: 18px;
  padding: 18px;
  background: rgba(0,0,0,0.22);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 22px;
  box-shadow: inset 0 0 24px rgba(255,255,255,0.06);
  transition: 0.35s ease;
}

.customer-header{
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.10);
  margin-bottom: 14px;
}

.block{ margin-top: 14px; }

/* --------------------------------------------------
   HISTORY
-------------------------------------------------- */
.history-box{
  background: var(--glass2);
  border: 1px solid rgba(255,255,255,0.10);
  padding: 14px;
  border-radius: 18px;
  max-height: 240px;
  overflow-y: auto;
}

.history-row{
  padding: 10px 10px;
  border-radius: 14px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  margin-bottom: 10px;
}

.history-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}

.history-bottom{
  font-size: 13px;
  color: rgba(255,255,255,0.75);
}

/* --------------------------------------------------
   MINI CUSTOMER (card antiparassitari)
-------------------------------------------------- */
.mini-customer{
  background: rgba(0,0,0,0.16);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 18px;
  padding: 14px;
  margin-top: 6px;
}

.mini-hidden{ display: none; }
.mini-name{
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 6px;
}
.mini-row{ color: rgba(255,255,255,0.80); }
/* ==============================
   HOME FIX (solo homepage)
============================== */
.centered-page {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

/* Logo home */
.logo{
  display: block;
  margin: 0 auto 18px auto;
  width: min(320px, 70%);
  height: auto;
  opacity: 0.95;
}

/* Su schermi piccoli */
@media (max-width: 520px){
  .logo{ width: min(260px, 78%); }
}
/* FIX: opzioni della tendina visibili (Windows/Chrome) */
select.input option {
  color: #0f172a !important;      /* testo scuro dentro la lista */
  background: #ffffff !important; /* sfondo chiaro della lista */
}

/* opzionale: la prima voce "Seleziona prodotto" più “disabled look” */
select.input option[value=""] {
  color: #64748b !important;
}
/* ==============================
   MODAL — Aggiungi Cliente
============================== */
.mc-modal{
  position: fixed;
  inset: 0;
  display: none;
  z-index: 99999;
}

.mc-modal.is-open{
  display: block;
}

.mc-modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(2px);
}

.mc-modal__panel{
  position: relative;
  width: min(520px, 92%);
  margin: 8vh auto 0 auto;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(0,0,0,0.40);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.mc-modal__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.mc-modal__title{
  font-family: "Playfair Display", serif;
  font-size: 22px;
  margin: 0;
}

.mc-modal__close{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(0,0,0,0.25);
  color: rgba(255,255,255,0.9);
  cursor: pointer;
}

.mc-modal__body{
  margin-top: 10px;
}

.mc-modal__footer{
  margin-top: 10px;
  font-size: 13px;
}

/* checkbox già esisteva nel tuo stile? metto fallback pulito */
.checkbox-label{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 10px 0 0 0;
  font-size: 14px;
  color: rgba(255,255,255,0.85);
}

.checkbox-text{
  line-height: 1.35;
}

.checkbox-text a{
  color: #ffe082;
  text-decoration: underline;
  font-weight: 700;
}
/* =========================

/* =========================
   MODAL LISTA CLIENTI
========================= */

#clientsModal {
  position: fixed;
  inset: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#clientsModal .modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(6px);
  z-index: 1;
}

#clientsModal .modal-panel {
  position: relative;
  z-index: 2;
  pointer-events: auto;
  background: rgba(15,35,60,0.95);
  border-radius: 22px;
  width: 100%;
  max-width: 420px;
  max-height: 75vh;
  overflow-y: auto;
  padding: 20px;
  color: white;
}

/* singolo cliente */
.client-row {
  padding: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.15);
  cursor: pointer;
}

.client-row:hover {
  background: rgba(255,255,255,0.1);
}
/* =========================
   MODAL SYSTEM (Mondo Cane)
========================= */
.mc-modal {
  position: fixed;
  inset: 0;
  display: none;
  place-items: center;
  z-index: 99999;
}

.mc-modal.is-open {
  display: grid;
}

.mc-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(8px);
}

.mc-modal__panel {
  position: relative;
  width: min(560px, 92vw);
  max-height: 82vh;
  overflow: auto;
  border-radius: 22px;
  padding: 20px;
  background: rgba(255,255,255,0.08);
  box-shadow: 0 18px 60px rgba(0,0,0,0.55);
  border: 1px solid rgba(255,255,255,0.08);
}

.mc-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.mc-modal__title {
  font-size: 22px;
  font-weight: 800;
  margin: 0;
}

.mc-modal__close {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: none;
  cursor: pointer;
  background: rgba(255,255,255,0.12);
  color: #fff;
  font-size: 18px;
}

.mc-modal__body {
  padding-top: 6px;
}

.mc-list {
  margin-top: 10px;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(0,0,0,0.20);
}

.mc-list__item:hover {
  background: rgba(255,255,255,0.06);
}
/* ===========================
   KPI LUXURY PREMIUM
=========================== */

.kpi-luxury-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

.kpi-luxury-card {
  border-radius: 22px;
  padding: 40px 30px;

  background: linear-gradient(
    145deg,
    rgba(18, 25, 40, 0.95),
    rgba(10, 14, 25, 0.98)
  );

  border: none;              /* ← bordo eliminato */
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);  /* solo profondità morbida */
}


.kpi-luxury-label {
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  margin-bottom: 25px;
}


.kpi-luxury-number {
  font-size: 96px;
  font-weight: 800;
  letter-spacing: -4px;

  background: linear-gradient(135deg, #f5e6c8, #d4af37, #c6a75e);
  background-clip: text;
  -webkit-background-clip: text;

  color: transparent;
  -webkit-text-fill-color: transparent;

  text-shadow: none;
  margin-bottom: 20px;
}

.kpi-luxury-card {
  text-align: center !important;
}
.kpi-luxury-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* ============================
   DASHBOARD CARD LAYOUT FIX
============================ */

.home-dashboard-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
/* ===== HOME DASHBOARD VISUAL STYLE ===== */

.home-dashboard-card {
  padding: 50px;
  border-radius: 32px;

  background: rgba(18, 23, 32, 0.9);

  box-shadow:
    0 30px 80px rgba(0,0,0,0.6);

  min-height: 650px;
}

/* ===== KPI GLOW EFFECT ===== */

.kpi-luxury-card {
  position: relative;
  overflow: hidden;
}

.kpi-luxury-card::before {
  content: "";
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
  background: radial-gradient(circle, rgba(212,175,55,0.15) 0%, transparent 60%);
  pointer-events: none;
}
/* ===== KPI NUMBER UPGRADE ===== */

.kpi-luxury-number {
  font-size: 96px;
  font-weight: 900;
  animation: goldPulse 4s infinite ease-in-out;
}

@keyframes goldPulse {
  0% { text-shadow: 0 0 20px rgba(212,175,55,0.2); }
  50% { text-shadow: 0 0 40px rgba(212,175,55,0.4); }
  100% { text-shadow: 0 0 20px rgba(212,175,55,0.2); }
}
/* ===== BUTTON GLASS EFFECT ===== */

.btn.private {
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.08);
  transition: all 0.3s ease;
}

.btn.private:hover {
  background: rgba(255,255,255,0.12);
  transform: translateY(-2px);
}
/* ===== CARD HEIGHT BALANCE ===== */

.home-dashboard-card {
  min-height: 520px;
}
/* =========================
   ULTRA LUXURY DASHBOARD CARD
========================= */

.container.home-dashboard-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  padding: 50px !important;
  border-radius: 32px !important;

  background: rgba(18, 23, 32, 0.92) !important;

  box-shadow: 
    0 30px 80px rgba(0,0,0,0.6) !important;

  border: none !important;
}
.dashboard-shell {
  padding: 80px 0 !important;
}

.dashboard-grid {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 60px !important;
}

.container.home-dashboard-card {
  max-width: 800px !important;
  width: 100% !important;
  margin: 0 auto !important;

  background: rgba(15, 20, 28, 0.95) !important;
  border: none !important;
  box-shadow: 0 40px 120px rgba(0,0,0,0.65) !important;
}
.kpi-luxury-card {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: rgba(15,20,28,0.95) !important;
}

.kpi-luxury-card::before,
.kpi-luxury-card::after {
  display: none !important;
}
.kpi-luxury-card {
  border: none !important;
  box-shadow: 0 30px 80px rgba(0,0,0,0.6) !important;
}
/* === FIX: bordo solo sulla card KPI, NON sui pulsanti === */

/* 1) Togli il bordo dai pulsanti (quelli scuri) */
.btn.private {
  border: none !important;
}

/* (opzionale) se vuoi proprio ZERO bordi anche sui gold */
.btn.clients {
  border: none !important;
}

/* ===============================
   CLIENT DASHBOARD MOBILE LUXURY
================================ */

.client-dashboard {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  min-height: 100vh;
}

.client-card {
  width: 100%;
  max-width: 420px;
  padding: 30px 25px;
  border-radius: 28px;

  background: rgba(20, 25, 35, 0.85);
  backdrop-filter: blur(20px);

  border: 1px solid rgba(255, 215, 0, 0.15);

  box-shadow:
    0 25px 60px rgba(0, 0, 0, 0.6),
    inset 0 0 30px rgba(255, 215, 0, 0.03);
}

.client-title {
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  text-align: center;
  margin-bottom: 25px;
  color: #f6e6c8;
}

.points-big {
  font-size: 72px;
  font-weight: 800;
  text-align: center;

  background: linear-gradient(135deg, #f6e6c8, #d4af37);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  margin-bottom: 20px;
}

.level-box {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: rgba(255,255,255,0.7);
  margin-bottom: 10px;
}

.progress-bar {
  height: 8px;
  border-radius: 20px;
  background: rgba(255,255,255,0.1);
  overflow: hidden;
  margin-bottom: 30px;
}

.progress-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #d4af37, #f6e6c8);
  transition: width 0.4s ease;
}

.logout-btn {
  width: 100%;
  padding: 14px;
  border-radius: 20px;
  border: none;

  background: linear-gradient(135deg, #d4af37, #b8860b);
  color: black;
  font-weight: 600;
  cursor: pointer;
}

/* ================================= */
/* EMAIL MARKETING CARD */
/* ================================= */

.luxury-card {
  background: rgba(15, 20, 30, 0.85);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(215, 181, 109, 0.15);
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
  margin-top: 30px;
}

.card-title {
  font-size: 22px;
  font-weight: 700;
  color: #f2d28b;
  margin-bottom: 10px;
}

.card-subtitle {
  font-size: 14px;
  color: rgba(255,255,255,0.7);
  margin-bottom: 20px;
}

.btn.gold {
  background: linear-gradient(135deg, #d7b56d, #f2d28b);
  color: #0b0f17;
  font-weight: 600;
  padding: 12px 22px;
  border-radius: 14px;
  border: none;
  cursor: pointer;
  transition: 0.2s ease;
}

.btn.gold:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(215, 181, 109, 0.4);
}

.campaign-info {
  margin-top: 15px;
  font-size: 13px;
  color: rgba(255,255,255,0.6);
}

/* =========================================
   GOLD DIVIDER
========================================= */

.gold-divider {
  height: 1px;
  margin: 40px 0;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(215,181,109,0.8),
    rgba(242,210,139,1),
    rgba(215,181,109,0.8),
    transparent
  );
  opacity: 0.9;
}


/* =========================================
   LUXURY MODAL OVERLAY
========================================= */

.mc-modal {
  position: fixed;
  inset: 0;
  background: rgba(3, 7, 15, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  animation: fadeInModal 0.3s ease forwards;
}

@keyframes fadeInModal {
  from { opacity: 0; }
  to { opacity: 1; }
}


/* =========================================
   MODAL CONTENT CARD
========================================= */

.mc-modal-content {
  width: 92%;
  max-width: 640px;
  padding: 48px 44px;
  border-radius: 18px;

  background: linear-gradient(
    180deg,
    #0f1728 0%,
    #0c1424 100%
  );

  border: 1px solid rgba(215, 181, 109, 0.12);

  box-shadow:
    0 25px 60px rgba(0, 0, 0, 0.65);

  position: relative;
}

@keyframes modalSlide {
  from { transform: translateY(30px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}


/* =========================================
   MODAL TITLE LUXURY
========================================= */

.mc-modal-content h3 {
  font-family: "Playfair Display", serif;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #e6c278;
  margin-bottom: 40px;
}


/* =========================================
   CLOSE BUTTON
========================================= */

.mc-close {
  position: absolute;
  top: 15px;
  right: 18px;
  background: transparent;
  border: none;
  font-size: 20px;
  color: rgba(255,255,255,0.6);
  cursor: pointer;
  transition: all 0.2s ease;
}

.mc-close:hover {
  color: #f2d28b;
  transform: scale(1.1);
}


/* =========================================
   GOLD BUTTON ULTRA
========================================= */

.btn.gold {
  background: linear-gradient(
    135deg,
    #d7b56d,
    #f2d28b
  );
  border: none;
  color: #111;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all 0.2s ease;
}

.btn.gold:hover {
  transform: translateY(-2px);
  box-shadow:
    0 12px 25px rgba(215,181,109,0.5);
}

.btn.gold:active {
  transform: translateY(0);
}

/* =========================================
   CAMPAIGN STATS
========================================= */

.campaign-stats {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  font-size: 14px;
}

.campaign-count {
  opacity: 0.8;
}

.campaign-badge {
  padding: 6px 12px;
  border-radius: 50px;
  background: linear-gradient(135deg,#1b3a2b,#2a5f43);
  color: #7fffb0;
  font-weight: 600;
  font-size: 12px;
}


/* =========================================
   PROGRESS BAR LUXURY
========================================= */

.campaign-progress-wrapper {
  margin-top: 25px;
}

.campaign-progress-bar {
  width: 100%;
  height: 8px;
  background: rgba(255,255,255,0.08);
  border-radius: 20px;
  overflow: hidden;
}

#campaignProgressFill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg,#d7b56d,#f2d28b);
  transition: width 0.3s ease;
}

#campaignProgressText {
  margin-top: 10px;
  font-size: 13px;
  opacity: 0.8;
}

/* ===============================
   EMAIL MARKETING FULL SECTION
================================ */

.email-section {
  margin: 70px auto 40px auto;
  padding: 45px 50px;
  max-width: 1100px;   /* 🔥 più stretta */
  border-radius: 26px;
  position: relative;
}

/* linea oro sopra */
.email-section::before {
  content: "";
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  height: 2px;
  border-radius: 20px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(215,181,109,0.8),
    rgba(242,210,139,1),
    rgba(215,181,109,0.8),
    transparent
  );
  box-shadow: 0 0 20px rgba(215,181,109,0.4);
}

/* Titolo più elegante */
.email-section .title {
  font-size: 42px;
  letter-spacing: 1px;
  font-weight: 800;
}

/* Pulsante gold premium */
.btn.gold {
  background: linear-gradient(135deg, #d7b56d, #f2d28b);
  color: #0b162a;
  font-weight: 800;
  font-size: 18px;
  padding: 18px;
  border-radius: 18px;
  border: none;
  transition: all 0.3s ease;
  box-shadow: 0 10px 30px rgba(215,181,109,0.3);
}

.btn.gold:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 45px rgba(215,181,109,0.45);
}
.email-section {
  background: linear-gradient(
    180deg,
    rgba(12,22,38,0.9),
    rgba(8,15,28,0.9)
  );
  border: 1px solid rgba(215,181,109,0.15);
  box-shadow:
    0 25px 60px rgba(0,0,0,0.6),
    0 0 40px rgba(215,181,109,0.08);
}

/* ============================= */
/* EMAIL SECTION FIX DEFINITIVO */
/* ============================= */

.email-section {
  max-width: 1050px;        /* 🔥 la restringe */
  margin: 80px auto 60px;   /* 🔥 la centra */
  padding: 50px 60px;
  border-radius: 28px;
  position: relative;

  background: linear-gradient(
    180deg,
    rgba(14,25,45,0.92),
    rgba(8,15,28,0.92)
  );

  border: 1px solid rgba(215,181,109,0.18);

  box-shadow:
    0 35px 80px rgba(0,0,0,0.65),
    0 0 40px rgba(215,181,109,0.08);
}


/* 🔥 LINEA ORO SOPRA */
.email-section::before {
  content: "";
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 2px;
  border-radius: 50px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(215,181,109,0.9),
    rgba(242,210,139,1),
    rgba(215,181,109,0.9),
    transparent
  );
  box-shadow: 0 0 25px rgba(215,181,109,0.45);
}


/* Titolo più elegante */
.email-section .card-title {
  font-family: "Playfair Display", serif;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  color: #e6d2a2;
  margin-bottom: 20px;
}


/* Pulsante meno lungo */
.email-section .btn.gold {
  max-width: 500px;
  margin: 30px auto 10px;
  display: block;
}
/* =====================================================
   EMAIL MODAL — LUXURY OVERRIDE DEFINITIVO
   ===================================================== */

#campaignModal {
  backdrop-filter: blur(10px) !important;
  background: rgba(6, 10, 20, 0.75) !important;
}

#campaignModal .mc-modal-content {
  width: 92% !important;
  max-width: 640px !important;
  padding: 48px 44px !important;
  border-radius: 18px !important;

  background: linear-gradient(
    180deg,
    #0f1728 0%,
    #0c1424 100%
  ) !important;

  border: 1px solid rgba(215, 181, 109, 0.12) !important;

  box-shadow:
    0 25px 60px rgba(0, 0, 0, 0.65) !important;
}

#campaignModal h3 {
  font-family: "Playfair Display", serif !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  color: #e6c278 !important;
  margin-bottom: 40px !important;
}

#campaignModal input,
#campaignModal textarea {
  width: 100% !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  transition: all 0.25s ease !important;
}

#campaignModal input:focus,
#campaignModal textarea:focus {
  border-color: rgba(215,181,109,0.6) !important;
  background: rgba(255,255,255,0.05) !important;
  outline: none !important;
}

#campaignModal .btn-gold {
  width: 100% !important;
  margin-top: 25px !important;
  padding: 16px !important;
  border-radius: 14px !important;

  background: linear-gradient(
    135deg,
    #d7b56d 0%,
    #f2d28b 100%
  ) !important;

  color: #0b1220 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: 0.6px !important;

  border: none !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

#campaignModal .btn-gold:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 22px rgba(215,181,109,0.25) !important;
}

.mini-stats-table {
  margin-top: 20px;
  background: rgba(20, 30, 60, 0.6);
  border-radius: 14px;
  padding: 16px;
  backdrop-filter: blur(6px);
  border: 1px solid rgba(215, 181, 109, 0.25);
}

.mini-stats-table table {
  width: 100%;
  border-collapse: collapse;
  color: #fff;
  font-size: 14px;
}

.mini-stats-table th {
  text-align: left;
  padding: 8px 0;
  color: #f2d28b;
  font-weight: 600;
  border-bottom: 1px solid rgba(215, 181, 109, 0.2);
}

.mini-stats-table td {
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* ===============================
   REGISTRAZIONI ORIZZONTALI
================================ */

.stores-horizontal-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 20px;
}

.store-pill {
  background: rgba(20, 30, 60, 0.7);
  border: 1px solid rgba(215, 181, 109, 0.3);
  backdrop-filter: blur(6px);
  border-radius: 14px;
  padding: 14px 22px;
  min-width: 140px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 14px;
  transition: 0.25s ease;
}

.store-pill:hover {
  border-color: #f2d28b;
  transform: translateY(-2px);
}

.store-name {
  opacity: 0.8;
}

.store-value {
  font-weight: 600;
  color: #f2d28b;
}


/* ==================================================
   MONDO CANE - CLIENT DASHBOARD ENTERPRISE FINAL
================================================== */

body.mc-client-body {
  margin: 0;
  min-height: 100vh;
  font-family: "Inter", Arial, sans-serif;
  color: #f7f1e6;
  background:
    radial-gradient(circle at top left, rgba(223, 179, 33, 0.10), transparent 30%),
    radial-gradient(circle at bottom right, rgba(223, 179, 33, 0.08), transparent 28%),
    linear-gradient(180deg, #071019 0%, #0a1420 50%, #071019 100%);
  overflow-x: hidden;
}

body.mc-client-body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 15%, rgba(255, 255, 255, 0.04), transparent 28%),
    radial-gradient(circle at 20% 80%, rgba(223, 179, 33, 0.05), transparent 30%);
  z-index: 0;
}

.mc-client-page {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding:
    max(22px, env(safe-area-inset-top))
    18px
    max(28px, calc(env(safe-area-inset-bottom) + 18px));
}

.mc-client-hero {
  margin-bottom: 18px;
  padding-top: 8px;
}

.mc-client-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(223, 179, 33, 0.10);
  border: 1px solid rgba(223, 179, 33, 0.16);
  color: #f0d899;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.15px;
  margin-bottom: 16px;
}

.mc-client-title {
  margin: 0 0 12px;
  font-family: "Playfair Display", serif;
  font-size: clamp(40px, 8vw, 56px);
  line-height: 0.98;
  letter-spacing: -1px;
  color: #fff7e9;
}

.mc-client-subtitle {
  margin: 0;
  max-width: 24ch;
  font-size: 17px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.80);
}

.mc-client-card {
  width: 100%;
  padding: 22px 18px 18px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(15, 21, 33, 0.96) 0%, rgba(9, 15, 24, 0.98) 100%);
  border: 1px solid rgba(223, 179, 33, 0.12);
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(255, 255, 255, 0.015) inset;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.mc-client-card-top {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 20px;
}

.mc-client-points-wrap {
  display: flex;
  flex-direction: column;
}

.mc-client-label {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.25px;
  color: rgba(255, 255, 255, 0.58);
}

.mc-client-points {
  font-size: clamp(78px, 18vw, 110px);
  line-height: 0.92;
  font-weight: 800;
  letter-spacing: -4px;
  background: linear-gradient(135deg, #fff0c8 0%, #dfb321 48%, #f8df99 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mc-client-level {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(223, 179, 33, 0.10);
  border: 1px solid rgba(223, 179, 33, 0.14);
  color: #f5deaa;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.mc-client-progress-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.80);
}

.mc-client-progress {
  width: 100%;
  height: 14px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.30);
}

.mc-client-progress-fill {
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #c99814 0%, #e0bc4b 45%, #fff0c6 100%);
  box-shadow: 0 0 24px rgba(223, 179, 33, 0.24);
  transition: width 0.45s ease;
}

.mc-client-reward {
  margin-bottom: 14px;
  padding: 16px;
  border-radius: 22px;
  background: linear-gradient(
    180deg,
    rgba(223, 179, 33, 0.10) 0%,
    rgba(255, 255, 255, 0.03) 100%
  );
  border: 1px solid rgba(223, 179, 33, 0.10);
}

.mc-client-reward-label {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.15px;
  color: #ebcf88;
}

.mc-client-reward-text {
  margin: 0;
  font-size: 17px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.92);
}

.mc-client-info-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-bottom: 14px;
}

.mc-client-info-box {
  padding: 15px 14px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.mc-client-info-label {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.56);
}

.mc-client-info-value {
  font-size: 15px;
  line-height: 1.5;
  color: #f8f3e8;
}

.mc-client-note {
  margin-bottom: 18px;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.60);
}

.mc-client-logout {
  width: 100%;
  min-height: 58px;
  padding: 14px 18px;
  border: none;
  border-radius: 22px;
  background: linear-gradient(135deg, #dfb321 0%, #c99814 48%, #f0d796 100%);
  color: #111111;
  font-size: 16px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(201, 152, 20, 0.22);
  transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

.mc-client-logout:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 16px 36px rgba(201, 152, 20, 0.28);
}

.mc-client-logout:active {
  transform: translateY(0);
}

@media (min-width: 480px) {
  .mc-client-page {
    padding-left: 22px;
    padding-right: 22px;
  }

  .mc-client-card {
    padding: 24px 22px 20px;
  }

  .mc-client-info-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 768px) {
  .mc-client-page {
    max-width: 620px;
  }

  .mc-client-card {
    border-radius: 34px;
  }
}

/* =========================================
   CARD NEGOZI MENSILE - SOTTO ANTIPARASSITARI
========================================= */

.mc-stores-monthly-card {
  grid-column: 2 / 3;
  width: 100%;
  margin-top: 18px;
  padding: 28px 26px 24px;
  border-radius: 34px;
  background:
    linear-gradient(180deg, rgba(37, 42, 50, 0.92), rgba(29, 34, 42, 0.95));
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow:
    0 22px 52px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255,255,255,0.03);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.mc-stores-monthly-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 18px;
}

.mc-stores-monthly-eyebrow {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgba(242, 210, 139, 0.70);
  margin-bottom: 8px;
}

.mc-stores-monthly-title {
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: 28px;
  line-height: 1.05;
  color: #f7e7c8;
  letter-spacing: -0.02em;
}

.mc-stores-monthly-subtitle {
  margin: 10px 0 0;
  color: rgba(255,255,255,0.62);
  font-size: 14px;
  line-height: 1.45;
}

.mc-stores-monthly-pill-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

.mc-stores-monthly-pill,
.mc-stores-monthly-total-pill {
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.mc-stores-monthly-pill {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.82);
}

.mc-stores-monthly-total-pill {
  background: rgba(242, 210, 139, 0.10);
  border: 1px solid rgba(242, 210, 139, 0.18);
  color: #f2d28b;
}

.mc-stores-monthly-chart-wrap {
  height: 250px;
  padding: 14px 14px 10px;
  border-radius: 24px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  margin-bottom: 16px;
}

.mc-stores-monthly-leader {
  margin-bottom: 14px;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(242, 210, 139, 0.08);
  border: 1px solid rgba(242, 210, 139, 0.14);
  color: #f2d28b;
  font-size: 13px;
  font-weight: 700;
}

.mc-stores-monthly-list {
  display: grid;
  gap: 10px;
}

.mc-stores-monthly-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.05);
}

.mc-stores-monthly-row.is-leader {
  background: linear-gradient(135deg, rgba(242,210,139,0.11), rgba(255,255,255,0.04));
  border-color: rgba(242,210,139,0.16);
}

.mc-stores-monthly-row-left,
.mc-stores-monthly-row-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mc-stores-monthly-rank {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(242,210,139,0.10);
  color: #f2d28b;
  font-size: 12px;
  font-weight: 800;
  flex-shrink: 0;
}

.mc-stores-monthly-store {
  color: #f7f7f7;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.mc-stores-monthly-value {
  color: #f2d28b;
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
}

.mc-stores-monthly-value-label {
  color: rgba(255,255,255,0.52);
  font-size: 12px;
  font-weight: 700;
}

@media (max-width: 768px) {
  .mc-stores-monthly-card {
    grid-column: auto;
    margin-top: 16px;
    padding: 22px 18px 18px;
    border-radius: 28px;
  }

  .mc-stores-monthly-head {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  .mc-stores-monthly-pill-wrap {
    align-items: flex-start;
  }

  .mc-stores-monthly-title {
    font-size: 24px;
  }

  .mc-stores-monthly-subtitle {
    font-size: 13px;
  }

  .mc-stores-monthly-chart-wrap {
    height: 230px;
    padding: 12px 10px 8px;
    border-radius: 20px;
  }

  .mc-stores-monthly-store {
    font-size: 13px;
  }

  .mc-stores-monthly-value {
    font-size: 17px;
  }
}

.mc-right-stack {
  grid-column: 2 / 3;
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  align-self: start;
}

.mc-right-stack > section {
  width: 100%;
  box-sizing: border-box;
}

.mc-stores-monthly-card {
  width: 100%;
  margin: 0;
  padding: 28px 26px 24px;
  border-radius: 34px;
  background:
    linear-gradient(180deg, rgba(37, 42, 50, 0.92), rgba(29, 34, 42, 0.95));
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow:
    0 22px 52px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255,255,255,0.03);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .mc-right-stack {
    grid-column: auto;
  }

  .mc-stores-monthly-card {
    padding: 22px 18px 18px;
    border-radius: 28px;
  }
}

.email-section.mc-email-marketing-card {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  float: none !important;

  display: block !important;
  width: 100% !important;
  max-width: 360px !important;
  margin: 28px auto 0 !important;

  order: 999 !important;
  flex: 0 0 100% !important;
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  align-self: start !important;
  z-index: auto !important;
}

@media (max-width: 768px) {
  .email-section.mc-email-marketing-card {
    max-width: 100% !important;
    margin-top: 18px !important;
  }
}

.email-section.mc-email-marketing-card {
  width: 100%;
  max-width: 360px;
  margin: 28px auto 0;
}

@media (max-width: 768px) {
  .email-section.mc-email-marketing-card {
    max-width: 100%;
    margin-top: 18px;
  }
}

/* FILE: public/style.css */
/* INCOLLA TUTTO IN FONDO AL FILE */

/* =========================================
   STORE DASHBOARD LAYOUT V2
========================================= */

.mc-dashboard-v2.dashboard-shell{
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 34px 24px 0 !important;
}

.mc-dashboard-v2 .mc-overview-strip{
  margin-bottom: 24px;
}

.mc-dashboard-v2 .mc-overview-card{
  position: relative;
  overflow: hidden;
  padding: 30px;
  border-radius: 34px;
  background:
    radial-gradient(circle at top left, rgba(242,210,139,0.10), transparent 34%),
    linear-gradient(180deg, rgba(14,20,29,0.96), rgba(10,15,24,0.98));
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow:
    0 30px 80px rgba(0,0,0,0.45),
    inset 0 1px 0 rgba(255,255,255,0.04);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.mc-dashboard-v2 .mc-overview-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.mc-dashboard-v2 .mc-overview-eyebrow{
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.20em;
  color: rgba(242,210,139,0.74);
  margin-bottom: 12px;
}

.mc-dashboard-v2 .mc-overview-title{
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: 44px;
  line-height: 1.02;
  letter-spacing: -0.03em;
  color: #f7e7c8;
}

.mc-dashboard-v2 .mc-overview-subtitle{
  margin: 14px 0 0;
  max-width: 760px;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255,255,255,0.70);
}

.mc-dashboard-v2 .mc-overview-badge{
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(242,210,139,0.10);
  border: 1px solid rgba(242,210,139,0.16);
  color: #f2d28b;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

.mc-dashboard-v2 .mc-overview-grid{
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: 18px;
}

.mc-dashboard-v2 .mc-top-kpi-card,
.mc-dashboard-v2 .mc-top-info-card{
  min-height: 220px;
  border-radius: 28px;
  padding: 24px 24px 22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.07);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.03),
    0 18px 40px rgba(0,0,0,0.22);
}

.mc-dashboard-v2 .mc-top-kpi-card{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mc-dashboard-v2 .mc-top-kpi-label{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.20em;
  color: rgba(255,255,255,0.50);
  margin-bottom: 12px;
}

.mc-dashboard-v2 .mc-top-kpi-number{
  font-size: clamp(62px, 7vw, 94px);
  line-height: 0.92;
  font-weight: 900;
  letter-spacing: -0.06em;
  background: linear-gradient(135deg, #f8ecd5, #d4af37, #e9cf85);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 14px;
  text-shadow: 0 0 28px rgba(212,175,55,0.16);
}

.mc-dashboard-v2 .mc-top-kpi-sub{
  font-size: 19px;
  line-height: 1.2;
  color: rgba(255,255,255,0.88);
  font-weight: 700;
}

.mc-dashboard-v2 .mc-top-info-card{
  display: grid;
  gap: 12px;
  align-content: center;
}

.mc-dashboard-v2 .mc-top-info-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.05);
}

.mc-dashboard-v2 .mc-top-info-row span{
  color: rgba(255,255,255,0.62);
  font-size: 14px;
}

.mc-dashboard-v2 .mc-top-info-row strong{
  color: #f2d28b;
  font-size: 15px;
  line-height: 1.3;
  text-align: right;
}

.mc-dashboard-v2 .dashboard-grid.mc-dashboard-main-grid{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(370px, 0.92fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

.mc-dashboard-v2 .container.home.mc-panel{
  width: 100% !important;
  padding: 30px !important;
  border-radius: 34px !important;
  background:
    linear-gradient(180deg, rgba(17,23,33,0.96), rgba(11,16,24,0.98)) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,0.34),
    inset 0 1px 0 rgba(255,255,255,0.03) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.mc-dashboard-v2 .mc-panel-header{
  margin-bottom: 20px;
}

.mc-dashboard-v2 .mc-panel-eyebrow{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: rgba(242,210,139,0.72);
  margin-bottom: 10px;
}

.mc-dashboard-v2 .mc-panel-title{
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: 38px;
  line-height: 1.02;
  letter-spacing: -0.03em;
  color: #f7e7c8;
}

.mc-dashboard-v2 .mc-panel-subtitle{
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(255,255,255,0.66);
}

.mc-dashboard-v2 .mc-search-form{
  display: grid;
  grid-template-columns: minmax(0,1fr) 220px;
  gap: 12px;
  align-items: stretch;
  margin-top: 0;
}

.mc-dashboard-v2 .input{
  min-height: 58px;
  margin: 0 !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.mc-dashboard-v2 .input:focus{
  border-color: rgba(242,210,139,0.30) !important;
  box-shadow:
    0 0 0 3px rgba(242,210,139,0.08),
    inset 0 1px 0 rgba(255,255,255,0.03);
}

.mc-dashboard-v2 .btn{
  min-height: 58px;
  margin-top: 0 !important;
  border-radius: 18px !important;
}

.mc-dashboard-v2 .mc-primary-actions{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-top: 12px;
}

.mc-dashboard-v2 #customerBox{
  margin-top: 18px !important;
  padding: 22px !important;
  border-radius: 28px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.03),
    0 18px 48px rgba(0,0,0,0.22) !important;
}

.mc-dashboard-v2 .mc-customer-box-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
}

.mc-dashboard-v2 #customerBox h2{
  margin: 0;
  font-size: 30px;
  line-height: 1.05;
  color: #ffffff;
}

.mc-dashboard-v2 .mc-customer-points-pill{
  flex-shrink: 0;
  display: grid;
  gap: 3px;
  padding: 12px 15px;
  border-radius: 18px;
  background: rgba(242,210,139,0.08);
  border: 1px solid rgba(242,210,139,0.16);
  text-align: right;
}

.mc-dashboard-v2 .mc-customer-points-pill span{
  color: rgba(255,255,255,0.64);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}

.mc-dashboard-v2 .mc-customer-points-pill strong{
  color: #f2d28b;
  font-size: 26px;
  line-height: 1;
}

.mc-dashboard-v2 .mc-customer-level{
  margin: 0 0 14px;
  color: rgba(255,255,255,0.72);
  font-size: 15px;
}

.mc-dashboard-v2 .mc-customer-actions-top{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.mc-dashboard-v2 .mc-inline-hint{
  color: #f2d28b;
  font-size: 14px;
  line-height: 1.45;
}

.mc-dashboard-v2 .mc-points-editor{
  margin-top: 14px;
  display: grid;
  gap: 12px;
}

.mc-dashboard-v2 .mc-history-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 22px 0 12px;
}

.mc-dashboard-v2 .mc-history-head h3{
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: 24px;
  color: #f5e6c8;
}

.mc-dashboard-v2 .mc-history-head .btn{
  width: auto;
  min-width: 180px;
  padding-inline: 20px;
}

.mc-dashboard-v2 .history-box{
  border-radius: 22px;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  padding: 14px !important;
}

.mc-dashboard-v2 .mc-context-note{
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.5;
}

.mc-dashboard-v2 .mc-anti-customer-card{
  padding: 16px 18px;
  border-radius: 20px;
  background: rgba(242,210,139,0.08);
  border: 1px solid rgba(242,210,139,0.14);
  color: #fff;
  margin-bottom: 16px !important;
}

.mc-dashboard-v2 .mc-anti-customer-card strong{
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.mc-dashboard-v2 .mc-anti-customer-meta{
  color: rgba(255,255,255,0.76);
  font-size: 14px;
}

.mc-dashboard-v2 .mc-section-block{
  margin-top: 16px;
}

.mc-dashboard-v2 .mc-section-block-title{
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #f3ead5;
}

.mc-dashboard-v2 .mc-section-block-card{
  padding: 18px;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.025));
  border: 1px solid rgba(255,255,255,0.07);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.mc-dashboard-v2 .mc-section-block-card .input + .input,
.mc-dashboard-v2 .mc-section-block-card .input + .btn,
.mc-dashboard-v2 .mc-section-block-card .btn + .input,
.mc-dashboard-v2 .mc-section-block-card .btn + .btn{
  margin-top: 12px !important;
}

.mc-dashboard-v2 .mc-anti-summary-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 14px;
}

.mc-dashboard-v2 .mc-anti-history-box{
  max-height: 220px;
  overflow: auto;
}

.mc-dashboard-v2 .mc-analytics-panel{
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 30px 30px 26px !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at top right, rgba(242,210,139,0.07), transparent 28%),
    linear-gradient(180deg, rgba(20,26,36,0.96), rgba(12,18,28,0.98)) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,0.34),
    inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

.mc-dashboard-v2 .mc-stores-monthly-head{
  margin-bottom: 20px;
}

.mc-dashboard-v2 .mc-stores-monthly-chart-wrap{
  height: 300px;
}

.mc-dashboard-v2 .mc-stores-monthly-list{
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.mc-dashboard-v2 .mc-stores-monthly-row{
  min-height: 64px;
}

.mc-dashboard-v2 + .gold-divider{
  max-width: 1320px;
  margin: 28px auto 34px;
}

.email-section.mc-email-marketing-card.mc-dashboard-email{
  position: static !important;
  width: calc(100% - 48px) !important;
  max-width: 1320px !important;
  margin: 0 auto 56px !important;
  padding: 28px 30px !important;
  border-radius: 34px !important;
  display: block !important;
  background:
    radial-gradient(circle at top left, rgba(242,210,139,0.08), transparent 24%),
    linear-gradient(180deg, rgba(17,23,33,0.96), rgba(11,16,24,0.98)) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,0.34),
    inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

.email-section.mc-email-marketing-card.mc-dashboard-email::before{
  display: none !important;
}

.mc-dashboard-email .mc-email-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.mc-dashboard-email .card-title{
  margin-bottom: 8px;
  font-family: "Playfair Display", serif;
  font-size: 34px;
  color: #f7e7c8;
}

.mc-dashboard-email .card-subtitle{
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(255,255,255,0.68);
}

.mc-dashboard-email .mc-email-status{
  flex-shrink: 0;
  padding: 12px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.76);
  font-size: 14px;
}

.mc-dashboard-email .mc-email-status strong{
  color: #f2d28b;
}

.mc-dashboard-email .btn.gold{
  max-width: 320px;
}

@media (max-width: 1180px){
  .mc-dashboard-v2 .mc-overview-grid{
    grid-template-columns: 1fr;
  }

  .mc-dashboard-v2 .dashboard-grid.mc-dashboard-main-grid{
    grid-template-columns: 1fr !important;
  }

  .mc-dashboard-v2 .mc-anti-summary-grid{
    grid-template-columns: 1fr;
  }

  .mc-dashboard-v2 .mc-stores-monthly-list{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px){
  .mc-dashboard-v2.dashboard-shell{
    padding: 20px 16px 0 !important;
  }

  .mc-dashboard-v2 .mc-overview-card,
  .mc-dashboard-v2 .container.home.mc-panel,
  .mc-dashboard-v2 .mc-analytics-panel,
  .email-section.mc-email-marketing-card.mc-dashboard-email{
    padding: 22px !important;
    border-radius: 28px !important;
  }

  .mc-dashboard-v2 .mc-overview-head,
  .mc-dashboard-email .mc-email-head{
    flex-direction: column;
    align-items: stretch;
  }

  .mc-dashboard-v2 .mc-overview-title{
    font-size: 34px;
  }

  .mc-dashboard-v2 .mc-panel-title{
    font-size: 30px;
  }

  .mc-dashboard-v2 .mc-search-form{
    grid-template-columns: 1fr;
  }

  .mc-dashboard-v2 .mc-primary-actions{
    grid-template-columns: 1fr;
  }

  .mc-dashboard-v2 .mc-customer-box-head,
  .mc-dashboard-v2 .mc-history-head{
    flex-direction: column;
    align-items: stretch;
  }

  .mc-dashboard-v2 .mc-customer-actions-top{
    grid-template-columns: 1fr;
  }

  .mc-dashboard-v2 .mc-history-head .btn{
    width: 100%;
    min-width: 0;
  }

  .mc-dashboard-v2 .mc-top-kpi-number{
    font-size: 66px;
  }

  .mc-dashboard-v2 .mc-top-kpi-sub{
    font-size: 17px;
  }

  .mc-dashboard-v2 .mc-stores-monthly-chart-wrap{
    height: 250px;
  }

  .mc-dashboard-email .btn.gold{
    max-width: 100%;
  }

  .email-section.mc-email-marketing-card.mc-dashboard-email{
    width: calc(100% - 32px) !important;
    margin-bottom: 36px !important;
  }
}

/* FILE: public/style.css */
/* INCOLLA QUESTO IN FONDO AL FILE */

.mc-dashboard-v2 .mc-overview-head{
  display: block;
  margin-bottom: 18px;
}

.mc-dashboard-v2 .mc-overview-grid{
  display: grid;
  grid-template-columns: minmax(0, 860px);
  gap: 18px;
}

.mc-dashboard-v2 .mc-overview-grid.mc-overview-grid--single{
  grid-template-columns: minmax(0, 860px);
}

.mc-dashboard-v2 .mc-top-kpi-card{
  min-height: 250px;
}

.mc-dashboard-v2 .dashboard-grid.mc-dashboard-main-grid{
  align-items: stretch !important;
}

.mc-dashboard-v2 .dashboard-grid.mc-dashboard-main-grid > .mc-panel{
  height: 100%;
  align-self: stretch;
}

.mc-dashboard-v2 .mc-main-panel{
  display: flex;
  flex-direction: column;
}

.mc-dashboard-v2 .mc-main-panel #customerBox{
  margin-top: auto !important;
}

.mc-dashboard-v2 .mc-anti-panel{
  display: flex;
  flex-direction: column;
}

@media (max-width: 1180px){
  .mc-dashboard-v2 .mc-overview-grid,
  .mc-dashboard-v2 .mc-overview-grid.mc-overview-grid--single{
    grid-template-columns: 1fr;
  }

  .mc-dashboard-v2 .dashboard-grid.mc-dashboard-main-grid > .mc-panel{
    height: auto;
  }

  .mc-dashboard-v2 .mc-main-panel #customerBox{
    margin-top: 18px !important;
  }
}

/* FILE: public/style.css */
/* INCOLLA QUESTO IN FONDO AL FILE */

.mc-dashboard-v2 .dashboard-grid.mc-dashboard-main-grid{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.mc-dashboard-v2 .mc-main-panel,
.mc-dashboard-v2 .mc-anti-panel{
  min-height: 100% !important;
}

.mc-dashboard-v2 .mc-main-panel{
  display: flex !important;
  flex-direction: column !important;
}

.mc-dashboard-v2 .mc-main-panel .mc-panel-header,
.mc-dashboard-v2 .mc-main-panel .mc-search-form,
.mc-dashboard-v2 .mc-main-panel .mc-primary-actions{
  flex-shrink: 0 !important;
}

.mc-dashboard-v2 .mc-main-panel #customerBox{
  margin-top: auto !important;
}

.mc-dashboard-v2 .mc-analytics-panel{
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

.mc-dashboard-v2 .mc-overview-head{
  display: block !important;
  margin-bottom: 18px !important;
}

.mc-dashboard-v2 .mc-overview-badge,
.mc-dashboard-v2 .mc-top-info-card{
  display: none !important;
}

.mc-dashboard-v2 .mc-overview-grid,
.mc-dashboard-v2 .mc-overview-grid.mc-overview-grid--single{
  display: grid !important;
  grid-template-columns: minmax(0, 860px) !important;
  gap: 18px !important;
}

@media (max-width: 1180px){
  .mc-dashboard-v2 .dashboard-grid.mc-dashboard-main-grid{
    grid-template-columns: 1fr !important;
  }

  .mc-dashboard-v2 .mc-main-panel #customerBox{
    margin-top: 18px !important;
  }

  .mc-dashboard-v2 .mc-overview-grid,
  .mc-dashboard-v2 .mc-overview-grid.mc-overview-grid--single{
    grid-template-columns: 1fr !important;
  }
}

/* FILE: public/style.css */
/* INCOLLA QUESTO IN FONDO AL FILE */

.mc-dashboard-v2 .mc-top-kpi-card{
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.mc-dashboard-v2 .mc-top-kpi-label{
  width: 100%;
  text-align: center !important;
}

.mc-dashboard-v2 .mc-top-kpi-number{
  width: 100%;
  text-align: center !important;
}

.mc-dashboard-v2 .mc-top-kpi-sub{
  width: 100%;
  text-align: center !important;
}

.mc-dashboard-v2 .mc-primary-actions{
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  margin-top: 16px !important;
}

.mc-dashboard-v2 .mc-primary-actions .btn{
  width: 100% !important;
  max-width: none !important;
  min-height: 64px !important;
  padding: 18px 22px !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 18px !important;
}

.mc-dashboard-v2 .mc-search-form{
  grid-template-columns: minmax(0,1fr) 250px !important;
  gap: 14px !important;
}

@media (max-width: 860px){
  .mc-dashboard-v2 .mc-search-form{
    grid-template-columns: 1fr !important;
  }

  .mc-dashboard-v2 .mc-primary-actions{
    grid-template-columns: 1fr !important;
  }
}

.mc-dashboard-v2 .mc-top-kpi-card{
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.mc-dashboard-v2 .mc-top-kpi-label{
  margin-bottom: 12px !important;
  letter-spacing: 0.25em !important;
}

.mc-dashboard-v2 .mc-top-kpi-number{
  margin: 0 !important;
}

.mc-dashboard-v2 .mc-top-kpi-sub{
  margin-top: 14px !important;
}

.mc-dashboard-v2 .mc-overview-grid,
.mc-dashboard-v2 .mc-overview-grid.mc-overview-grid--single{
  display: grid !important;
  grid-template-columns: minmax(0, 860px) !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* FILE: public/style.css */
/* INCOLLA QUESTO IN FONDO AL FILE */

.mc-dashboard-v2 .mc-main-panel #customerBox{
  margin-top: 28px !important;
  padding: 26px !important;
}

.mc-dashboard-v2 .mc-customer-box-head{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: start !important;
  gap: 18px !important;
  margin-bottom: 14px !important;
}

.mc-dashboard-v2 .mc-customer-box-head > div:first-child{
  min-width: 0 !important;
}

.mc-dashboard-v2 #customerBox h2{
  font-size: 34px !important;
  line-height: 1.02 !important;
  margin: 0 !important;
}

.mc-dashboard-v2 .mc-customer-level{
  margin: 10px 0 18px !important;
  font-size: 16px !important;
}

.mc-dashboard-v2 .mc-customer-points-pill{
  align-self: start !important;
  min-width: 122px !important;
  min-height: 122px !important;
  padding: 16px !important;
  border-radius: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: linear-gradient(180deg, rgba(242,210,139,0.12), rgba(242,210,139,0.06)) !important;
  border: 1px solid rgba(242,210,139,0.22) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,0.22),
    inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.mc-dashboard-v2 .mc-customer-points-pill span{
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  margin-bottom: 8px !important;
  text-align: center !important;
}

.mc-dashboard-v2 .mc-customer-points-pill strong{
  font-size: 52px !important;
  line-height: 0.95 !important;
  letter-spacing: -0.05em !important;
  text-align: center !important;
}

@media (max-width: 860px){
  .mc-dashboard-v2 .mc-customer-box-head{
    grid-template-columns: 1fr !important;
  }

  .mc-dashboard-v2 .mc-customer-points-pill{
    width: 100% !important;
    min-width: 0 !important;
    min-height: 96px !important;
  }

  .mc-dashboard-v2 .mc-customer-points-pill strong{
    font-size: 42px !important;
  }
}

/* FILE: public/style.css */
/* INCOLLA TUTTO IN FONDO AL FILE */

.mc-search-form{
  position: relative;
}

.mc-search-input-wrap{
  position: relative;
  width: 100%;
}

.mc-search-suggestions{
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 30;
  padding: 10px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(14,20,29,0.98), rgba(10,15,24,0.98));
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 20px 50px rgba(0,0,0,0.40);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.mc-search-suggestion{
  width: 100%;
  border: 0;
  cursor: pointer;
  text-align: left;
  padding: 12px 14px;
  border-radius: 16px;
  margin: 0;
  background: rgba(255,255,255,0.03);
  color: #fff;
  transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease;
  border: 1px solid rgba(255,255,255,0.05);
}

.mc-search-suggestion + .mc-search-suggestion{
  margin-top: 8px;
}

.mc-search-suggestion:hover{
  transform: translateY(-1px);
  background: rgba(242,210,139,0.08);
  border-color: rgba(242,210,139,0.18);
}

.mc-search-suggestion__title{
  font-size: 15px;
  font-weight: 800;
  color: #f7efe0;
}

.mc-search-suggestion__meta{
  margin-top: 4px;
  font-size: 13px;
  color: rgba(255,255,255,0.64);
  line-height: 1.45;
}

#customerBox{
  overflow: hidden;
}

.mc-customer-topbar{
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 18px;
  align-items: start;
}

.mc-customer-kicker{
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: rgba(242,210,139,0.74);
}

.mc-customer-title-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.mc-customer-title-row h2{
  margin: 0;
}

.mc-customer-badge{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid transparent;
}

.mc-customer-badge.tone-new{
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.86);
  border-color: rgba(255,255,255,0.10);
}

.mc-customer-badge.tone-active{
  background: rgba(93, 188, 123, 0.10);
  color: #bce6c7;
  border-color: rgba(93, 188, 123, 0.20);
}

.mc-customer-badge.tone-near{
  background: rgba(242,210,139,0.12);
  color: #f0da9e;
  border-color: rgba(242,210,139,0.24);
}

.mc-customer-badge.tone-reward{
  background: rgba(212,175,55,0.16);
  color: #ffebae;
  border-color: rgba(212,175,55,0.26);
  box-shadow: 0 0 20px rgba(212,175,55,0.12);
}

.mc-customer-badge.tone-elite,
.mc-customer-badge.tone-gold{
  background: linear-gradient(180deg, rgba(242,210,139,0.18), rgba(242,210,139,0.10));
  color: #fff1c8;
  border-color: rgba(242,210,139,0.26);
  box-shadow: 0 0 26px rgba(212,175,55,0.14);
}

.mc-customer-level-text{
  margin: 10px 0 0;
  color: rgba(255,255,255,0.74);
  font-size: 15px;
  line-height: 1.5;
}

.mc-customer-points-hero{
  min-width: 136px;
  padding: 16px 18px;
  border-radius: 24px;
  text-align: center;
  background: linear-gradient(180deg, rgba(242,210,139,0.12), rgba(242,210,139,0.06));
  border: 1px solid rgba(242,210,139,0.18);
  box-shadow: 0 18px 38px rgba(0,0,0,0.22);
}

.mc-customer-points-label{
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgba(255,255,255,0.64);
  margin-bottom: 8px;
}

.mc-customer-points-number{
  font-size: 54px;
  line-height: 0.92;
  font-weight: 900;
  letter-spacing: -0.05em;
  background: linear-gradient(135deg, #f8ecd5, #d4af37, #e9cf85);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mc-customer-status-pill{
  margin-top: 16px;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.88);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

.mc-customer-progress-card{
  margin-top: 16px;
  padding: 16px 16px 14px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.07);
}

.mc-customer-progress-head{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.mc-customer-progress-head span{
  color: rgba(255,255,255,0.74);
  font-size: 14px;
}

.mc-customer-progress-head strong{
  color: #f2d28b;
  font-size: 14px;
}

.mc-customer-progress-bar{
  width: 100%;
  height: 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  overflow: hidden;
  box-shadow: inset 0 2px 8px rgba(0,0,0,0.28);
}

.mc-customer-progress-fill{
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #c99814 0%, #e0bc4b 45%, #fff0c6 100%);
  box-shadow: 0 0 22px rgba(223,179,33,0.24);
  transition: width 0.35s ease;
}

.mc-customer-actions-top{
  margin-top: 16px;
}

.mc-assign-hint{
  color: #f2d28b;
  font-size: 14px;
  line-height: 1.45;
}

#assignPrize.is-ready{
  box-shadow:
    0 0 0 1px rgba(242,210,139,0.16),
    0 0 22px rgba(212,175,55,0.24),
    0 12px 32px rgba(0,0,0,0.26);
  transform: translateY(-1px);
}

#assignPrize.is-ready:hover{
  box-shadow:
    0 0 0 1px rgba(242,210,139,0.20),
    0 0 28px rgba(212,175,55,0.30),
    0 14px 34px rgba(0,0,0,0.30);
}

@media (max-width: 860px){
  .mc-customer-topbar{
    grid-template-columns: 1fr;
  }

  .mc-customer-points-hero{
    width: 100%;
    min-width: 0;
  }

  .mc-customer-title-row{
    flex-direction: column;
    align-items: flex-start;
  }
}

/* FILE: public/style.css */
/* INCOLLA QUESTO IN FONDO AL FILE */

.mc-dashboard-v2 .mc-customer-actions-top{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin-top: 18px !important;
  margin-bottom: 14px !important;
}

.mc-dashboard-v2 .mc-customer-actions-top .btn{
  min-height: 94px !important;
  padding: 18px 20px !important;
  border-radius: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.15 !important;
  font-size: 18px !important;
  white-space: normal !important;
}

.mc-dashboard-v2 #assignPrize{
  padding-inline: 24px !important;
}

.mc-dashboard-v2 #editCustomerBtn{
  padding-inline: 24px !important;
}

.mc-dashboard-v2 .mc-assign-hint{
  margin: 12px 0 10px !important;
}

.mc-dashboard-v2 #manualPoints{
  margin-top: 6px !important;
  margin-bottom: 14px !important;
}

.mc-dashboard-v2 #customerBox .home-buttons{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

.mc-dashboard-v2 #customerBox .home-buttons .btn{
  min-height: 72px !important;
  border-radius: 22px !important;
  font-size: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.mc-dashboard-v2 #customerBox h3{
  margin-top: 20px !important;
  margin-bottom: 12px !important;
}

.mc-dashboard-v2 #toggleHistoryBtn{
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  width: 100% !important;
}

@media (max-width: 860px){
  .mc-dashboard-v2 .mc-customer-actions-top{
    grid-template-columns: 1fr !important;
  }

  .mc-dashboard-v2 #customerBox .home-buttons{
    grid-template-columns: 1fr !important;
  }

  .mc-dashboard-v2 .mc-customer-actions-top .btn,
  .mc-dashboard-v2 #customerBox .home-buttons .btn{
    min-height: 66px !important;
  }
}

/* FILE: public/style.css */
/* INCOLLA QUESTO IN FONDO AL FILE */

.mc-dashboard-v2 .mc-search-form{
  gap: 16px !important;
}

.mc-dashboard-v2 .mc-search-input-wrap{
  margin-bottom: 0 !important;
}

.mc-dashboard-v2 .mc-search-form .btn{
  margin-top: 0 !important;
}

/* AUTOCOMPLETE CLIENTI + BADGE PREMIO */

.mc-search-suggestion__top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.mc-suggestion-badge{
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.04em;
  white-space: nowrap;
  border: 1px solid rgba(255,255,255,0.08);
}

.mc-suggestion-badge.is-prize{
  color: #ffe9a9;
  background: rgba(212,175,55,0.18);
  border-color: rgba(242,210,139,0.30);
  box-shadow: 0 0 18px rgba(212,175,55,0.16);
}

.mc-suggestion-badge.is-near{
  color: #f2d28b;
  background: rgba(242,210,139,0.11);
  border-color: rgba(242,210,139,0.22);
}

.mc-suggestion-badge.is-top{
  color: #fff1c7;
  background: rgba(255,255,255,0.08);
  border-color: rgba(242,210,139,0.20);
}

.mc-suggestion-badge.is-normal{
  color: rgba(255,255,255,0.72);
  background: rgba(255,255,255,0.05);
}

.mc-search-suggestion__meta{
  padding-right: 6px;
}

@media (max-width: 700px){
  .mc-search-suggestion__top{
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .mc-suggestion-badge{
    width: fit-content;
  }
}

/* AUTOCOMPLETE CLIENTI PRIME LOYAL */

.mc-search-suggestions {
  position: relative;
  z-index: 50;
  display: none;
  margin-top: 10px;
  padding: 10px;
  border-radius: 22px;
  background: rgba(12, 18, 28, 0.96);
  border: 1px solid rgba(212, 175, 55, 0.16);
  box-shadow: 0 22px 60px rgba(0,0,0,0.38);
}

.mc-search-suggestion {
  width: 100%;
  border: 0;
  outline: none;
  cursor: pointer;
  text-align: left;
  padding: 14px 16px;
  margin-bottom: 8px;
  border-radius: 18px;
  color: #f6f1e7;
  background: linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.035));
  border: 1px solid rgba(255,255,255,0.075);
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.mc-search-suggestion:last-child {
  margin-bottom: 0;
}

.mc-search-suggestion:hover {
  transform: translateY(-1px);
  border-color: rgba(212,175,55,0.32);
  background: linear-gradient(180deg, rgba(212,175,55,0.14), rgba(255,255,255,0.045));
}

.mc-search-suggestion__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.mc-search-suggestion__title {
  font-weight: 900;
  font-size: 15px;
  letter-spacing: -0.01em;
}

.mc-search-suggestion__meta {
  margin-top: 6px;
  color: rgba(255,255,255,0.62);
  font-size: 13px;
  line-height: 1.35;
}

.mc-suggestion-badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.035em;
  white-space: nowrap;
  border: 1px solid rgba(255,255,255,0.08);
}

.mc-suggestion-badge.is-prize {
  color: #ffe9a9;
  background: rgba(212,175,55,0.20);
  border-color: rgba(242,210,139,0.34);
  box-shadow: 0 0 20px rgba(212,175,55,0.18);
}

.mc-suggestion-badge.is-near {
  color: #f2d28b;
  background: rgba(242,210,139,0.12);
  border-color: rgba(242,210,139,0.24);
}

.mc-suggestion-badge.is-normal {
  color: rgba(255,255,255,0.72);
  background: rgba(255,255,255,0.055);
}

@media (max-width: 700px) {
  .mc-search-suggestion__top {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .mc-suggestion-badge {
    width: fit-content;
  }
}

/* FIX POSIZIONE AUTOCOMPLETE CLIENTI */

#searchSuggestions,
.mc-search-suggestions {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;

  width: 100% !important;
  max-width: 100% !important;

  display: none;
  margin-top: 10px !important;
  margin-bottom: 14px !important;
  padding: 10px !important;

  max-height: 360px;
  overflow-y: auto;

  border-radius: 22px;
  background: rgba(12, 18, 28, 0.96);
  border: 1px solid rgba(212, 175, 55, 0.18);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.42);
  z-index: 999;
}

#searchSuggestions .mc-search-suggestion {
  width: 100%;
}

@media (max-width: 700px) {
  #searchSuggestions,
  .mc-search-suggestions {
    max-height: 300px;
  }
}

/* =========================================================
   PRIME LOYAL - LOGIN LUXURY PAGE
   ========================================================= */

.prime-login-body {
  min-height: 100vh;
  margin: 0;
  color: #f8edd4;
  background:
    radial-gradient(circle at 50% 0%, rgba(212, 175, 55, 0.16), transparent 34%),
    radial-gradient(circle at 15% 85%, rgba(212, 175, 55, 0.10), transparent 28%),
    linear-gradient(135deg, #05080d 0%, #0b111a 46%, #030507 100%);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}

.prime-login-body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, transparent 0%, rgba(212, 175, 55, 0.10) 45%, transparent 49%),
    linear-gradient(300deg, transparent 0%, rgba(212, 175, 55, 0.08) 72%, transparent 76%);
  opacity: 0.55;
}

.prime-login-body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: 0.08;
}

.prime-login-shell {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 42px 22px;
}

.prime-login-card {
  position: relative;
  width: min(1120px, 100%);
  min-height: 660px;
  padding: 54px 64px 42px;
  border-radius: 34px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.078), rgba(255,255,255,0.030)),
    rgba(10, 16, 25, 0.92);
  border: 1px solid rgba(231, 190, 91, 0.32);
  box-shadow:
    0 34px 110px rgba(0, 0, 0, 0.60),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(18px);
}

.prime-login-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 8%, rgba(246, 206, 109, 0.18), transparent 22%),
    radial-gradient(circle at 100% 100%, rgba(212, 175, 55, 0.10), transparent 28%);
}

.prime-login-card::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 33px;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,0.04);
}

.prime-login-glow {
  position: absolute;
  top: -145px;
  left: 50%;
  width: 560px;
  height: 300px;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(226, 186, 83, 0.26), transparent 70%);
  filter: blur(20px);
  pointer-events: none;
}

.prime-login-brand {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  text-align: center;
}

.prime-login-logo {
  width: 118px;
  height: 118px;
  object-fit: contain;
  filter:
    drop-shadow(0 12px 26px rgba(0, 0, 0, 0.55))
    drop-shadow(0 0 20px rgba(212, 175, 55, 0.22));
}

.prime-login-brand-text span {
  display: block;
  color: #e8bd55;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  line-height: 1;
  letter-spacing: 0.30em;
  text-indent: 0.30em;
}

.prime-login-brand-text small {
  display: block;
  margin-top: 8px;
  color: rgba(232, 189, 85, 0.84);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.38em;
  text-indent: 0.38em;
}

.prime-login-divider {
  position: relative;
  z-index: 1;
  width: min(420px, 100%);
  margin: 26px auto 28px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.prime-login-divider span {
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, transparent, rgba(232, 189, 85, 0.45), transparent);
}

.prime-login-divider i {
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background: linear-gradient(135deg, #f7d98a, #b88723);
  box-shadow: 0 0 18px rgba(232, 189, 85, 0.42);
}

.prime-login-heading {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 760px;
  margin: 0 auto 34px;
}

.prime-login-kicker {
  margin: 0 0 12px;
  color: #d6aa47;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.34em;
  text-indent: 0.34em;
}

.prime-login-heading h1 {
  margin: 0;
  color: #fff1d4;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 5vw, 68px);
  font-weight: 600;
  line-height: 1.02;
  letter-spacing: -0.04em;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.52);
}

.prime-login-heading p {
  max-width: 620px;
  margin: 18px auto 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 18px;
  line-height: 1.55;
  font-weight: 600;
}

.prime-login-form {
  position: relative;
  z-index: 1;
  width: min(620px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 14px;
}

.prime-login-field {
  display: grid;
  gap: 8px;
}

.prime-login-field span {
  color: rgba(255, 241, 212, 0.80);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.prime-login-field input {
  width: 100%;
  min-height: 62px;
  box-sizing: border-box;
  padding: 0 20px;
  border-radius: 18px;
  color: #fff7e8;
  font-size: 16px;
  font-weight: 700;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.045)),
    rgba(6, 10, 16, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.10);
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.prime-login-field input::placeholder {
  color: rgba(255, 255, 255, 0.38);
}

.prime-login-field input:focus {
  border-color: rgba(232, 189, 85, 0.62);
  box-shadow:
    0 0 0 4px rgba(232, 189, 85, 0.10),
    0 18px 44px rgba(0,0,0,0.30);
}

.prime-login-submit {
  min-height: 66px;
  margin-top: 8px;
  border: 0;
  border-radius: 20px;
  cursor: pointer;
  color: #161105;
  font-size: 18px;
  font-weight: 950;
  background:
    linear-gradient(135deg, #f9dc8a 0%, #d5a936 44%, #f3c958 100%);
  box-shadow:
    0 20px 46px rgba(203, 158, 47, 0.24),
    inset 0 1px 0 rgba(255,255,255,0.42);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}

.prime-login-submit strong {
  font-size: 32px;
  line-height: 1;
  transform: translateY(-1px);
}

.prime-login-submit:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
  box-shadow:
    0 26px 58px rgba(203, 158, 47, 0.30),
    inset 0 1px 0 rgba(255,255,255,0.52);
}

.prime-login-footer {
  position: relative;
  z-index: 1;
  width: min(820px, 100%);
  margin: 34px auto 0;
  padding-top: 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  border-top: 1px solid rgba(232, 189, 85, 0.18);
}

.prime-login-footer div {
  padding: 0 18px;
  text-align: center;
}

.prime-login-footer div:not(:last-child) {
  border-right: 1px solid rgba(255,255,255,0.09);
}

.prime-login-footer strong {
  display: block;
  color: #e7bb54;
  font-size: 15px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.prime-login-footer span {
  display: block;
  margin-top: 6px;
  color: rgba(255,255,255,0.55);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 600;
}

.prime-login-back {
  position: relative;
  z-index: 1;
  display: block;
  width: fit-content;
  margin: 26px auto 0;
  color: rgba(255, 241, 212, 0.58);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition: color .16s ease;
}

.prime-login-back:hover {
  color: #f0c863;
}

@media (max-width: 760px) {
  .prime-login-shell {
    padding: 20px 12px;
    align-items: flex-start;
  }

  .prime-login-card {
    min-height: auto;
    padding: 34px 20px 28px;
    border-radius: 26px;
  }

  .prime-login-logo {
    width: 90px;
    height: 90px;
  }

  .prime-login-brand-text span {
    font-size: 25px;
    letter-spacing: 0.22em;
    text-indent: 0.22em;
  }

  .prime-login-brand-text small {
    font-size: 9px;
    letter-spacing: 0.26em;
    text-indent: 0.26em;
  }

  .prime-login-heading h1 {
    font-size: 38px;
  }

  .prime-login-heading p {
    font-size: 15px;
  }

  .prime-login-footer {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .prime-login-footer div {
    border-right: 0 !important;
    padding: 0;
  }
}

/* =========================================================
   PRIME LOYAL - AREA PRIVATA LOGIN V2
   ========================================================= */

.pl-login-page {
  min-height: 100vh;
  margin: 0;
  color: #fff1d4;
  background:
    radial-gradient(circle at 50% -8%, rgba(230, 188, 78, 0.20), transparent 32%),
    radial-gradient(circle at 85% 55%, rgba(212, 175, 55, 0.11), transparent 28%),
    radial-gradient(circle at 10% 80%, rgba(212, 175, 55, 0.10), transparent 26%),
    linear-gradient(135deg, #05080d 0%, #08111b 46%, #020406 100%);
  overflow-x: hidden;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pl-login-page::before,
.pl-login-page::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.pl-login-page::before {
  background:
    linear-gradient(128deg, transparent 0%, transparent 35%, rgba(217, 174, 64, 0.20) 35.2%, transparent 37%),
    linear-gradient(305deg, transparent 0%, transparent 68%, rgba(217, 174, 64, 0.18) 68.2%, transparent 70%);
  opacity: 0.85;
}

.pl-login-page::after {
  background-image: radial-gradient(rgba(255,255,255,0.07) 1px, transparent 1px);
  background-size: 30px 30px;
  opacity: 0.06;
}

.pl-login-shell {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 42px 18px;
  box-sizing: border-box;
}

.pl-login-card {
  position: relative;
  width: min(980px, 100%);
  min-height: 650px;
  padding: 42px 72px 46px;
  box-sizing: border-box;
  border-radius: 34px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.026)),
    rgba(8, 14, 23, 0.92);
  border: 1px solid rgba(229, 187, 78, 0.40);
  box-shadow:
    0 40px 120px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255,255,255,0.08);
}

.pl-login-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 0%, rgba(235, 194, 91, 0.20), transparent 26%),
    radial-gradient(circle at 100% 100%, rgba(217, 174, 64, 0.10), transparent 30%);
}

.pl-login-light {
  position: absolute;
  top: -90px;
  left: 60px;
  width: 360px;
  height: 110px;
  background: radial-gradient(circle, rgba(255, 217, 127, 0.52), transparent 70%);
  filter: blur(24px);
  opacity: 0.9;
}

.pl-login-brand,
.pl-login-divider,
.pl-login-header,
.pl-login-form,
.pl-login-back {
  position: relative;
  z-index: 1;
}

.pl-login-brand {
  text-align: center;
  margin-bottom: 22px;
}

.pl-login-logo {
  width: 156px;
  height: 156px;
  object-fit: contain;
  filter:
    drop-shadow(0 18px 28px rgba(0,0,0,0.58))
    drop-shadow(0 0 18px rgba(220, 176, 62, 0.25));
}

.pl-login-divider {
  width: min(360px, 100%);
  margin: 8px auto 26px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.pl-login-divider span {
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, transparent, rgba(228, 185, 82, 0.48), transparent);
}

.pl-login-divider i {
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background: linear-gradient(135deg, #ffdf92, #b88722);
  box-shadow: 0 0 22px rgba(228, 185, 82, 0.55);
}

.pl-login-header {
  text-align: center;
  margin-bottom: 30px;
}

.pl-login-header h1 {
  margin: 0;
  color: #fff0d0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(48px, 5.4vw, 74px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.045em;
  text-shadow: 0 20px 46px rgba(0,0,0,0.56);
}

.pl-login-header p {
  margin: 18px auto 0;
  max-width: 620px;
  color: rgba(255,255,255,0.70);
  font-size: 19px;
  line-height: 1.5;
  font-weight: 600;
}

.pl-login-form {
  width: min(620px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 16px;
}

.pl-login-input-wrap {
  min-height: 64px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
    rgba(5, 10, 17, 0.72);
  border: 1px solid rgba(218, 174, 65, 0.48);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 14px 34px rgba(0,0,0,0.24);
  transition: border-color .18s ease, box-shadow .18s ease;
}

.pl-login-input-wrap:focus-within {
  border-color: rgba(255, 217, 127, 0.80);
  box-shadow:
    0 0 0 4px rgba(220, 176, 62, 0.11),
    0 18px 44px rgba(0,0,0,0.32);
}

.pl-login-icon {
  min-width: 24px;
  color: #d9ad3f;
  font-size: 23px;
  line-height: 1;
  text-align: center;
}

.pl-login-input-wrap input {
  width: 100%;
  height: 62px;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: #fff8e8;
  font-size: 18px;
  font-weight: 700;
}

.pl-login-input-wrap input::placeholder {
  color: rgba(255,255,255,0.38);
}

.pl-login-button {
  min-height: 68px;
  margin-top: 8px;
  padding: 0 24px;
  border: 0;
  border-radius: 17px;
  cursor: pointer;
  color: #161105;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
  font-weight: 700;
  background:
    linear-gradient(135deg, #fff0ad 0%, #d8a637 42%, #f4c85a 100%);
  box-shadow:
    0 24px 54px rgba(208, 161, 43, 0.30),
    inset 0 1px 0 rgba(255,255,255,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}

.pl-login-button strong {
  position: absolute;
  right: 28px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 28px;
}

.pl-login-button:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
}

.pl-login-button:disabled {
  opacity: 0.72;
  cursor: not-allowed;
  transform: none;
}

.pl-login-message {
  min-height: 22px;
  margin: 4px 0 0;
  text-align: center;
  font-size: 14px;
  font-weight: 800;
  color: #ffb4b4;
  opacity: 0;
}

.pl-login-message.is-visible {
  opacity: 1;
}

.pl-login-message.success {
  color: #b8ffd2;
}

.pl-login-back {
  display: block;
  width: fit-content;
  margin: 24px auto 0;
  color: #d9ad3f;
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.pl-login-back span {
  text-decoration: none;
  margin-left: 6px;
}

.pl-login-back:hover {
  color: #ffdc82;
}

@media (max-width: 760px) {
  .pl-login-shell {
    align-items: flex-start;
    padding: 18px 12px;
  }

  .pl-login-card {
    min-height: auto;
    padding: 30px 18px 28px;
    border-radius: 26px;
  }

  .pl-login-logo {
    width: 120px;
    height: 120px;
  }

  .pl-login-header h1 {
    font-size: 44px;
  }

  .pl-login-header p {
    font-size: 15px;
  }

  .pl-login-button {
    font-size: 22px;
  }
}

/* =========================================================
   PRIME LOYAL - HOME RACCOLTA PUNTI
   Pagina: public/index.html
   ========================================================= */

.pl-home-page {
  min-height: 100vh;
  margin: 0;
  color: #fff1d4;
  background:
    radial-gradient(circle at 50% -8%, rgba(230, 188, 78, 0.20), transparent 32%),
    radial-gradient(circle at 85% 55%, rgba(212, 175, 55, 0.11), transparent 28%),
    radial-gradient(circle at 10% 80%, rgba(212, 175, 55, 0.10), transparent 26%),
    linear-gradient(135deg, #05080d 0%, #08111b 46%, #020406 100%);
  overflow-x: hidden;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pl-home-page::before,
.pl-home-page::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.pl-home-page::before {
  background:
    linear-gradient(128deg, transparent 0%, transparent 35%, rgba(217, 174, 64, 0.20) 35.2%, transparent 37%),
    linear-gradient(305deg, transparent 0%, transparent 68%, rgba(217, 174, 64, 0.18) 68.2%, transparent 70%);
  opacity: 0.85;
}

.pl-home-page::after {
  background-image: radial-gradient(rgba(255,255,255,0.07) 1px, transparent 1px);
  background-size: 30px 30px;
  opacity: 0.06;
}

.pl-home-shell {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 42px 18px;
  box-sizing: border-box;
}

.pl-home-card {
  position: relative;
  width: min(980px, 100%);
  min-height: 620px;
  padding: 42px 72px 46px;
  box-sizing: border-box;
  border-radius: 34px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.026)),
    rgba(8, 14, 23, 0.92);
  border: 1px solid rgba(229, 187, 78, 0.40);
  box-shadow:
    0 40px 120px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255,255,255,0.08);
}

.pl-home-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 0%, rgba(235, 194, 91, 0.20), transparent 26%),
    radial-gradient(circle at 100% 100%, rgba(217, 174, 64, 0.10), transparent 30%);
}

.pl-home-light {
  position: absolute;
  top: -90px;
  left: 60px;
  width: 360px;
  height: 110px;
  background: radial-gradient(circle, rgba(255, 217, 127, 0.52), transparent 70%);
  filter: blur(24px);
  opacity: 0.9;
}

.pl-home-brand,
.pl-home-divider,
.pl-home-header,
.pl-home-actions,
.pl-home-footer {
  position: relative;
  z-index: 1;
}

.pl-home-brand {
  text-align: center;
  margin-bottom: 22px;
}

.pl-home-logo {
  width: 156px;
  height: 156px;
  object-fit: contain;
  background: transparent !important;
  filter:
    drop-shadow(0 18px 28px rgba(0,0,0,0.58))
    drop-shadow(0 0 18px rgba(220, 176, 62, 0.25));
}

.pl-home-divider {
  width: min(360px, 100%);
  margin: 8px auto 26px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.pl-home-divider span {
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, transparent, rgba(228, 185, 82, 0.48), transparent);
}

.pl-home-divider i {
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background: linear-gradient(135deg, #ffdf92, #b88722);
  box-shadow: 0 0 22px rgba(228, 185, 82, 0.55);
}

.pl-home-header {
  text-align: center;
  margin-bottom: 34px;
}

.pl-home-header h1 {
  margin: 0;
  color: #fff0d0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(44px, 5.2vw, 72px);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -0.045em;
  text-shadow: 0 20px 46px rgba(0,0,0,0.56);
}

.pl-home-header p {
  margin: 20px auto 0;
  max-width: 650px;
  color: rgba(255,255,255,0.70);
  font-size: 19px;
  line-height: 1.5;
  font-weight: 600;
}

.pl-home-actions {
  width: min(720px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.pl-home-button {
  min-height: 68px;
  padding: 0 24px;
  border-radius: 17px;
  box-sizing: border-box;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  position: relative;
  overflow: hidden;
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.pl-home-button span {
  position: relative;
  z-index: 1;
  font-size: 22px;
  font-weight: 800;
}

.pl-home-button strong {
  position: absolute;
  right: 24px;
  z-index: 1;
  font-family: Inter, system-ui, sans-serif;
  font-size: 28px;
  line-height: 1;
}

.pl-home-button-primary {
  color: #161105;
  font-family: Georgia, "Times New Roman", serif;
  background:
    linear-gradient(135deg, #fff0ad 0%, #d8a637 42%, #f4c85a 100%);
  box-shadow:
    0 24px 54px rgba(208, 161, 43, 0.30),
    inset 0 1px 0 rgba(255,255,255,0.55);
  border: 1px solid rgba(255, 227, 143, 0.45);
}

.pl-home-button-primary span {
  font-size: 26px;
  font-weight: 700;
}

.pl-home-button-secondary {
  color: #fff1d4;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.065), rgba(255,255,255,0.022)),
    rgba(5, 10, 17, 0.72);
  border: 1px solid rgba(218, 174, 65, 0.48);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 14px 34px rgba(0,0,0,0.24);
}

.pl-home-button:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
}

.pl-home-button-secondary:hover {
  border-color: rgba(255, 217, 127, 0.80);
  box-shadow:
    0 0 0 4px rgba(220, 176, 62, 0.09),
    0 18px 44px rgba(0,0,0,0.32);
}

.pl-home-footer {
  width: min(520px, 100%);
  margin: 34px auto 0;
  padding-top: 24px;
  border-top: 1px solid rgba(232, 189, 85, 0.18);
  text-align: center;
}

.pl-home-footer strong {
  display: block;
  color: #e7bb54;
  font-size: 15px;
  font-weight: 950;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.pl-home-footer span {
  display: block;
  margin-top: 7px;
  color: rgba(255,255,255,0.55);
  font-size: 14px;
  line-height: 1.35;
  font-weight: 600;
}

@media (max-width: 760px) {
  .pl-home-shell {
    align-items: flex-start;
    padding: 18px 12px;
  }

  .pl-home-card {
    min-height: auto;
    padding: 30px 18px 28px;
    border-radius: 26px;
  }

  .pl-home-logo {
    width: 120px;
    height: 120px;
  }

  .pl-home-header h1 {
    font-size: 42px;
  }

  .pl-home-header p {
    font-size: 15px;
  }

  .pl-home-actions {
    grid-template-columns: 1fr;
  }

  .pl-home-button {
    min-height: 64px;
  }

  .pl-home-button span,
  .pl-home-button-primary span {
    font-size: 22px;
  }
}

/* =========================================================
   PRIME LOYAL / MONDO CANE
   DASHBOARD PREMIUM VISUAL OVERRIDE
   SOLO GRAFICA - NESSUNA LOGICA
   ========================================================= */

.mc-store-dashboard-page{
  min-height: 100vh;
  background:
    radial-gradient(circle at 50% -12%, rgba(212,175,55,0.18), transparent 28%),
    radial-gradient(circle at 88% 34%, rgba(212,175,55,0.10), transparent 26%),
    radial-gradient(circle at 10% 86%, rgba(212,175,55,0.09), transparent 24%),
    linear-gradient(135deg, #03060a 0%, #07111d 48%, #020406 100%) !important;
  color: #ffffff;
  position: relative;
  overflow-x: hidden;
}

.mc-store-dashboard-page::before,
.mc-store-dashboard-page::after{
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.mc-store-dashboard-page::before{
  background:
    linear-gradient(125deg, transparent 0%, transparent 28%, rgba(212,175,55,0.12) 28.2%, transparent 30%),
    linear-gradient(305deg, transparent 0%, transparent 72%, rgba(212,175,55,0.10) 72.2%, transparent 74%);
  opacity: .9;
}

.mc-store-dashboard-page::after{
  background-image:
    radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: .05;
}

.mc-store-dashboard-page .dashboard-shell{
  position: relative;
  z-index: 1;
}

/* ---------- WRAPPER GENERALE ---------- */

.mc-dashboard-v2.dashboard-shell{
  max-width: 1340px !important;
  padding: 34px 24px 0 !important;
}

/* ---------- HERO TOP ---------- */

.mc-dashboard-v2 .mc-overview-card{
  position: relative;
  overflow: hidden;
  border-radius: 38px !important;
  padding: 34px 34px 32px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,228,155,0.12), transparent 28%),
    radial-gradient(circle at 90% 100%, rgba(212,175,55,0.08), transparent 26%),
    linear-gradient(180deg, rgba(12,18,29,0.96), rgba(7,12,20,0.98)) !important;
  border: 1px solid rgba(222,185,90,0.18) !important;
  box-shadow:
    0 34px 84px rgba(0,0,0,0.46),
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 0 0 1px rgba(255,232,176,0.03) !important;
}

.mc-dashboard-v2 .mc-overview-card::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.03), transparent 22%, transparent 78%, rgba(255,255,255,0.02)),
    linear-gradient(180deg, rgba(255,255,255,0.02), transparent 24%);
}

.mc-dashboard-v2 .mc-overview-eyebrow{
  color: rgba(242,210,139,0.88) !important;
  letter-spacing: .24em !important;
  font-weight: 800 !important;
}

.mc-dashboard-v2 .mc-overview-title{
  color: #f9ebcf !important;
  font-size: clamp(48px, 5vw, 72px) !important;
  line-height: .96 !important;
  letter-spacing: -0.055em !important;
  text-shadow: 0 20px 50px rgba(0,0,0,0.42);
}

.mc-dashboard-v2 .mc-overview-grid,
.mc-dashboard-v2 .mc-overview-grid.mc-overview-grid--single{
  grid-template-columns: minmax(0, 980px) !important;
}

.mc-dashboard-v2 .mc-top-kpi-card{
  position: relative;
  min-height: 280px !important;
  border-radius: 32px !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,230,165,0.08), transparent 30%),
    linear-gradient(180deg, rgba(20,28,40,0.84), rgba(10,16,24,0.92)) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 18px 48px rgba(0,0,0,0.26) !important;
}

.mc-dashboard-v2 .mc-top-kpi-card::before{
  content: "";
  position: absolute;
  top: -34px;
  left: 50%;
  width: 300px;
  height: 100px;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(255,226,148,0.22), transparent 72%);
  filter: blur(14px);
  pointer-events: none;
}

.mc-dashboard-v2 .mc-top-kpi-label{
  color: rgba(255,255,255,0.56) !important;
  margin-bottom: 16px !important;
  letter-spacing: .24em !important;
}

.mc-dashboard-v2 .mc-top-kpi-number{
  font-size: clamp(78px, 8vw, 114px) !important;
  letter-spacing: -0.075em !important;
  background: linear-gradient(135deg, #fdf1d8 0%, #d4af37 45%, #f0d58c 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 0 26px rgba(212,175,55,0.16);
  margin-bottom: 16px !important;
}

.mc-dashboard-v2 .mc-top-kpi-sub{
  color: rgba(255,255,255,0.92) !important;
  font-size: 21px !important;
  font-weight: 700 !important;
}

/* ---------- CARD PRINCIPALI ---------- */

.mc-dashboard-v2 .container.home.mc-panel,
.mc-dashboard-v2 .mc-analytics-panel,
.email-section.mc-email-marketing-card.mc-dashboard-email{
  position: relative;
  overflow: hidden;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at top right, rgba(212,175,55,0.06), transparent 24%),
    linear-gradient(180deg, rgba(10,16,26,0.96), rgba(7,12,20,0.98)) !important;
  border: 1px solid rgba(222,185,90,0.14) !important;
  box-shadow:
    0 28px 74px rgba(0,0,0,0.38),
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 0 0 1px rgba(255,232,176,0.02) !important;
}

.mc-dashboard-v2 .container.home.mc-panel::before,
.mc-dashboard-v2 .mc-analytics-panel::before,
.email-section.mc-email-marketing-card.mc-dashboard-email::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.02), transparent 18%),
    linear-gradient(90deg, rgba(255,255,255,0.02), transparent 25%, transparent 75%, rgba(255,255,255,0.01));
}

.mc-dashboard-v2 .mc-panel-eyebrow,
.mc-dashboard-v2 .mc-stores-monthly-eyebrow{
  color: rgba(242,210,139,0.86) !important;
  letter-spacing: .22em !important;
  font-weight: 800 !important;
}

.mc-dashboard-v2 .mc-panel-title,
.mc-dashboard-v2 .mc-stores-monthly-title,
.mc-dashboard-email .card-title{
  color: #f8ebcf !important;
  letter-spacing: -0.05em !important;
  text-shadow: 0 14px 36px rgba(0,0,0,0.30);
}

.mc-dashboard-v2 .mc-panel-title{
  font-size: 42px !important;
}

.mc-dashboard-v2 .mc-stores-monthly-title,
.mc-dashboard-email .card-title{
  font-size: 40px !important;
}

.mc-dashboard-v2 .mc-panel-subtitle,
.mc-dashboard-v2 .mc-stores-monthly-subtitle,
.mc-dashboard-email .card-subtitle,
.mc-dashboard-v2 .mc-context-note{
  color: rgba(255,255,255,0.66) !important;
  line-height: 1.58 !important;
}

/* ---------- INPUT E SELECT ---------- */

.mc-dashboard-v2 .mc-search-input-wrap{
  position: relative;
}

.mc-dashboard-v2 .input{
  min-height: 60px !important;
  border-radius: 19px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.03)) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.03),
    0 0 0 1px rgba(0,0,0,0.05) !important;
  transition: .18s ease !important;
}

.mc-dashboard-v2 .input::placeholder{
  color: rgba(255,255,255,0.46) !important;
}

.mc-dashboard-v2 .input:focus{
  border-color: rgba(242,210,139,0.34) !important;
  box-shadow:
    0 0 0 3px rgba(242,210,139,0.08),
    0 0 28px rgba(212,175,55,0.10),
    inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

.mc-dashboard-v2 select.input{
  appearance: none;
}

/* ---------- BOTTONI ---------- */

.mc-dashboard-v2 .btn,
.mc-dashboard-email .btn{
  min-height: 60px !important;
  border-radius: 19px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em;
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease, border-color .15s ease !important;
}

.mc-dashboard-v2 .btn:hover,
.mc-dashboard-email .btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
}

.mc-dashboard-v2 .btn.clients,
.mc-dashboard-email .btn.gold{
  color: #171208 !important;
  background:
    linear-gradient(135deg, #fff0ad 0%, #d4af37 48%, #be8d18 100%) !important;
  border: 0 !important;
  box-shadow:
    0 18px 44px rgba(212,175,55,0.24),
    inset 0 1px 0 rgba(255,255,255,0.50) !important;
}

.mc-dashboard-v2 .btn.private{
  color: rgba(255,255,255,0.90) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.025)) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.03),
    0 12px 30px rgba(0,0,0,0.22) !important;
}

.mc-dashboard-v2 .btn.private:hover{
  border-color: rgba(242,210,139,0.20) !important;
  box-shadow:
    0 0 0 3px rgba(242,210,139,0.04),
    0 16px 34px rgba(0,0,0,0.24),
    inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

.mc-dashboard-v2 #logoutStore{
  color: rgba(255,255,255,0.80) !important;
}

/* ---------- AUTOCOMPLETE ---------- */

.mc-dashboard-v2 .mc-search-suggestions{
  position: absolute !important;
  left: 0;
  right: 0;
  top: calc(100% + 10px);
  z-index: 30;
  padding: 10px;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(10,16,26,0.98), rgba(7,12,20,0.98)) !important;
  border: 1px solid rgba(222,185,90,0.14) !important;
  box-shadow:
    0 20px 48px rgba(0,0,0,0.38),
    inset 0 1px 0 rgba(255,255,255,0.04) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.mc-dashboard-v2 .mc-search-suggestion{
  width: 100%;
  padding: 14px 14px;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 18px;
  background: rgba(255,255,255,0.03);
  text-align: left;
  color: #fff;
  cursor: pointer;
}

.mc-dashboard-v2 .mc-search-suggestion + .mc-search-suggestion{
  margin-top: 8px;
}

.mc-dashboard-v2 .mc-search-suggestion:hover{
  background: linear-gradient(135deg, rgba(242,210,139,0.10), rgba(255,255,255,0.03));
  border-color: rgba(242,210,139,0.16);
}

.mc-dashboard-v2 .mc-search-suggestion__title{
  font-weight: 800;
  color: #f8ebcf;
}

.mc-dashboard-v2 .mc-search-suggestion__meta{
  margin-top: 6px;
  color: rgba(255,255,255,0.56);
  font-size: 13px;
}

/* ---------- SCHEDA CLIENTE ---------- */

.mc-dashboard-v2 #customerBox{
  border-radius: 30px !important;
  background:
    radial-gradient(circle at top left, rgba(212,175,55,0.08), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)) !important;
  border: 1px solid rgba(222,185,90,0.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.03),
    0 20px 52px rgba(0,0,0,0.24) !important;
}

.mc-dashboard-v2 .mc-customer-kicker{
  color: rgba(242,210,139,0.86) !important;
}

.mc-dashboard-v2 .mc-customer-title-row h2{
  font-family: "Playfair Display", serif;
  font-size: 36px !important;
  color: #f8ebcf !important;
  letter-spacing: -0.04em;
}

.mc-dashboard-v2 .mc-customer-badge{
  background: rgba(242,210,139,0.10) !important;
  border-color: rgba(242,210,139,0.18) !important;
  color: #f2d28b !important;
}

.mc-dashboard-v2 .mc-customer-level-text{
  color: rgba(255,255,255,0.70) !important;
}

.mc-dashboard-v2 .mc-customer-points-hero{
  min-width: 162px !important;
  border-radius: 26px !important;
  background:
    linear-gradient(180deg, rgba(242,210,139,0.14), rgba(242,210,139,0.07)) !important;
  border: 1px solid rgba(242,210,139,0.20) !important;
  box-shadow:
    0 16px 36px rgba(0,0,0,0.24),
    0 0 26px rgba(212,175,55,0.10) !important;
}

.mc-dashboard-v2 .mc-customer-points-label{
  color: rgba(255,255,255,0.62) !important;
}

.mc-dashboard-v2 .mc-customer-points-number{
  font-size: 44px !important;
  font-weight: 900 !important;
  line-height: .95 !important;
  background: linear-gradient(135deg, #fff0d4 0%, #d4af37 52%, #f0d58c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mc-dashboard-v2 .mc-customer-status-pill{
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.86) !important;
}

.mc-dashboard-v2 .mc-customer-progress-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.02)) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}

.mc-dashboard-v2 .mc-customer-progress-head strong{
  color: #f2d28b !important;
}

.mc-dashboard-v2 .mc-customer-progress-bar{
  height: 15px !important;
  background: rgba(255,255,255,0.07) !important;
}

.mc-dashboard-v2 .mc-customer-progress-fill{
  background: linear-gradient(90deg, #b98514 0%, #dcb84a 42%, #fff0c6 100%) !important;
  box-shadow:
    0 0 20px rgba(223,179,33,0.24),
    0 0 30px rgba(223,179,33,0.12) !important;
}

.mc-dashboard-v2 .mc-assign-hint{
  color: #f2d28b !important;
}

/* ---------- ANTIPARASSITARI ---------- */

.mc-dashboard-v2 .mc-anti-customer-card,
.mc-dashboard-v2 .mc-section-block-card{
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.025)) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

.mc-dashboard-v2 .mc-section-block-title{
  color: #f7ead0 !important;
  font-weight: 800 !important;
}

.mc-dashboard-v2 .mc-anti-summary-grid .mc-section-block-card{
  min-height: 154px;
}

.mc-dashboard-v2 .mc-anti-history-box{
  background: transparent !important;
}

/* ---------- PERFORMANCE NEGOZI ---------- */

.mc-dashboard-v2 .mc-stores-monthly-pill{
  background: rgba(255,255,255,0.045) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.86) !important;
}

.mc-dashboard-v2 .mc-stores-monthly-total-pill{
  background: rgba(242,210,139,0.10) !important;
  border: 1px solid rgba(242,210,139,0.20) !important;
  color: #f2d28b !important;
  box-shadow: 0 0 22px rgba(212,175,55,0.08);
}

.mc-dashboard-v2 .mc-stores-monthly-chart-wrap{
  border-radius: 26px !important;
  padding: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.018)) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}

.mc-dashboard-v2 .mc-stores-monthly-leader{
  background: linear-gradient(135deg, rgba(242,210,139,0.10), rgba(255,255,255,0.03)) !important;
  border: 1px solid rgba(242,210,139,0.18) !important;
  color: #f2d28b !important;
}

.mc-dashboard-v2 .mc-stores-monthly-row{
  border-radius: 20px !important;
  background: rgba(255,255,255,0.032) !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  transition: .16s ease;
}

.mc-dashboard-v2 .mc-stores-monthly-row:hover{
  transform: translateY(-1px);
  border-color: rgba(242,210,139,0.16) !important;
  background: linear-gradient(135deg, rgba(242,210,139,0.08), rgba(255,255,255,0.028)) !important;
}

.mc-dashboard-v2 .mc-stores-monthly-row.is-leader{
  background: linear-gradient(135deg, rgba(242,210,139,0.12), rgba(255,255,255,0.035)) !important;
  border-color: rgba(242,210,139,0.18) !important;
}

.mc-dashboard-v2 .mc-stores-monthly-rank{
  color: rgba(242,210,139,0.86) !important;
}

.mc-dashboard-v2 .mc-stores-monthly-store{
  color: #f7f2e7 !important;
}

.mc-dashboard-v2 .mc-stores-monthly-value{
  color: #f2d28b !important;
  font-size: 21px !important;
}

/* ---------- EMAIL MARKETING ---------- */

.mc-dashboard-email .mc-email-status{
  background:
    linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.025)) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.76) !important;
}

.mc-dashboard-email .mc-email-status strong{
  color: #f2d28b !important;
}

/* ---------- MODALI ---------- */

.mc-store-dashboard-page .mc-modal__panel,
.mc-store-dashboard-page .mc-modal-content{
  background:
    linear-gradient(180deg, rgba(11,16,26,0.98), rgba(8,12,20,0.99)) !important;
  border: 1px solid rgba(222,185,90,0.16) !important;
  box-shadow:
    0 34px 80px rgba(0,0,0,0.48),
    inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.mc-store-dashboard-page .mc-modal__title,
.mc-store-dashboard-page .mc-modal-content h2{
  color: #f8ebcf !important;
  font-family: "Playfair Display", serif;
}

.mc-store-dashboard-page .mc-modal__close,
.mc-store-dashboard-page .mc-close{
  color: #f2d28b !important;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 860px){
  .mc-dashboard-v2 .mc-overview-title{
    font-size: 38px !important;
  }

  .mc-dashboard-v2 .mc-top-kpi-number{
    font-size: 70px !important;
  }

  .mc-dashboard-v2 .mc-panel-title,
  .mc-dashboard-v2 .mc-stores-monthly-title,
  .mc-dashboard-email .card-title{
    font-size: 30px !important;
  }

  .mc-dashboard-v2 .mc-customer-title-row h2{
    font-size: 30px !important;
  }

  .mc-dashboard-v2 .mc-customer-points-number{
    font-size: 36px !important;
  }
}

/* =========================================================
   AUTOCOMPLETE FULL WIDTH
   largo quanto input + bottone Cerca Cliente
   ========================================================= */

.mc-dashboard-v2 .mc-search-form {
  position: relative !important;
  align-items: start !important;
  overflow: visible !important;
}

.mc-dashboard-v2 .mc-search-input-wrap {
  position: static !important;
  overflow: visible !important;
}

.mc-dashboard-v2 .mc-search-form > .btn.clients {
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  align-self: start !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.mc-dashboard-v2 #searchSuggestions,
.mc-dashboard-v2 .mc-search-suggestions {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 12px) !important;
  width: 100% !important;
  margin-top: 0 !important;
  z-index: 9999 !important;

  padding: 12px !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(10,16,26,0.98), rgba(7,12,20,0.98)) !important;
  border: 1px solid rgba(222,185,90,0.14) !important;
  box-shadow:
    0 24px 56px rgba(0,0,0,0.42),
    inset 0 1px 0 rgba(255,255,255,0.04) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.mc-dashboard-v2 .mc-search-suggestion {
  width: 100% !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  background: rgba(255,255,255,0.03) !important;
  text-align: left !important;
  color: #fff !important;
  cursor: pointer !important;
}

.mc-dashboard-v2 .mc-search-suggestion + .mc-search-suggestion {
  margin-top: 8px !important;
}

.mc-dashboard-v2 .mc-search-suggestion:hover {
  background: linear-gradient(135deg, rgba(242,210,139,0.10), rgba(255,255,255,0.03)) !important;
  border-color: rgba(242,210,139,0.16) !important;
}

.mc-dashboard-v2 .mc-search-suggestion__top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

.mc-dashboard-v2 .mc-search-suggestion__title {
  color: #f8ebcf !important;
  font-weight: 800 !important;
  font-size: 15px !important;
}

.mc-dashboard-v2 .mc-search-suggestion__meta {
  margin-top: 6px !important;
  color: rgba(255,255,255,0.58) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

/* =========================================================
   PRIME LOYAL - TITOLO DASHBOARD PIÙ LUXURY / ORO
   ========================================================= */

.mc-dashboard-v2 .mc-overview-title {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 500 !important;
  font-size: clamp(58px, 5.4vw, 82px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.065em !important;

  background: linear-gradient(
    135deg,
    #fff2d2 0%,
    #e8c46b 28%,
    #c99a24 56%,
    #f2d88a 82%,
    #fff6df 100%
  ) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;

  text-shadow:
    0 18px 42px rgba(0, 0, 0, 0.42),
    0 0 22px rgba(212, 175, 55, 0.10) !important;
}

.mc-dashboard-v2 .mc-overview-eyebrow {
  color: #d8b85f !important;
  font-weight: 800 !important;
  letter-spacing: 0.28em !important;
}

/* =========================================================
   PRIME LOYAL - LOGO DASHBOARD HEADER
   ========================================================= */

.mc-dashboard-v2 .mc-overview-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

.mc-dashboard-v2 .mc-overview-copy {
  min-width: 0;
}

.mc-dashboard-v2 .mc-overview-title {
  color: #f9ebcf !important;
}

.mc-dashboard-v2 .mc-overview-brand-mark {
  width: 124px;
  height: 124px;
  flex: 0 0 auto;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle, rgba(255, 229, 159, 0.18), rgba(212, 175, 55, 0.06) 48%, transparent 72%);
  border: 1px solid rgba(242, 210, 139, 0.16);
  box-shadow:
    0 0 34px rgba(212, 175, 55, 0.14),
    inset 0 1px 0 rgba(255,255,255,0.06);
  opacity: 0.96;
}

.mc-dashboard-v2 .mc-overview-logo {
  width: 96px;
  height: 96px;
  object-fit: contain;
  display: block;
  background: transparent !important;
  filter:
    drop-shadow(0 10px 22px rgba(0,0,0,0.45))
    drop-shadow(0 0 18px rgba(212,175,55,0.22));
}

@media (max-width: 760px) {
  .mc-dashboard-v2 .mc-overview-head {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .mc-dashboard-v2 .mc-overview-brand-mark {
    width: 96px;
    height: 96px;
  }

  .mc-dashboard-v2 .mc-overview-logo {
    width: 76px;
    height: 76px;
  }
}

/* =========================================================
   FIX DEFINITIVO - RIPRISTINO LAYOUT ORIGINALE DASHBOARD
   NON CAMBIA LOGICA, NON CAMBIA JS, NON CAMBIA FIREBASE
   ========================================================= */

/* contenitore generale come prima */
.mc-dashboard-v2.dashboard-shell {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 34px 24px 0 !important;
}

/* hero sopra */
.mc-dashboard-v2 .mc-overview-strip {
  margin-bottom: 24px !important;
}

.mc-dashboard-v2 .mc-overview-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin-bottom: 18px !important;
}

/* titolo Prime Loyal luxury ma senza rompere spazio */
.mc-dashboard-v2 .mc-overview-title {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 500 !important;
  font-size: clamp(54px, 4.6vw, 76px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.06em !important;

  background: linear-gradient(
    135deg,
    #fff2d2 0%,
    #e8c46b 30%,
    #c99a24 58%,
    #f2d88a 84%,
    #fff6df 100%
  ) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;

  text-shadow:
    0 18px 42px rgba(0, 0, 0, 0.42),
    0 0 22px rgba(212, 175, 55, 0.10) !important;
}

/* logo nell'header, senza influenzare la griglia */
.mc-dashboard-v2 .mc-overview-brand-mark {
  width: 112px !important;
  height: 112px !important;
  flex: 0 0 112px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background:
    radial-gradient(circle, rgba(255, 229, 159, 0.18), rgba(212, 175, 55, 0.06) 48%, transparent 72%) !important;
  border: 1px solid rgba(242, 210, 139, 0.16) !important;
  box-shadow:
    0 0 34px rgba(212, 175, 55, 0.14),
    inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

.mc-dashboard-v2 .mc-overview-logo {
  width: 88px !important;
  height: 88px !important;
  object-fit: contain !important;
  display: block !important;
  background: transparent !important;
}

/* KPI sempre centrato sotto il titolo */
.mc-dashboard-v2 .mc-overview-grid,
.mc-dashboard-v2 .mc-overview-grid.mc-overview-grid--single {
  display: grid !important;
  grid-template-columns: minmax(0, 860px) !important;
  justify-content: center !important;
  gap: 18px !important;
}

/* griglia principale: SOLO 2 colonne */
.mc-dashboard-v2 .dashboard-grid.mc-dashboard-main-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

/* card sinistra: Gestione Punti */
.mc-dashboard-v2 .mc-main-panel {
  grid-column: 1 / 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
}

/* card destra: Antiparassitari */
.mc-dashboard-v2 .mc-anti-panel {
  grid-column: 2 / 3 !important;
  grid-row: 1 !important;
  width: 100% !important;
}

/* performance negozi DEVE tornare sotto, larga tutta */
.mc-dashboard-v2 .mc-analytics-panel {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  margin: 0 !important;
}

/* email marketing sotto la dashboard */
.email-section.mc-email-marketing-card.mc-dashboard-email {
  width: calc(100% - 48px) !important;
  max-width: 1320px !important;
  margin: 0 auto 56px !important;
}

/* autocomplete largo quanto input + bottone, senza stirare il bottone */
.mc-dashboard-v2 .mc-search-form {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 220px !important;
  gap: 16px !important;
  align-items: start !important;
  overflow: visible !important;
}

.mc-dashboard-v2 .mc-search-input-wrap {
  position: static !important;
  overflow: visible !important;
}

.mc-dashboard-v2 .mc-search-form > .btn.clients {
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  align-self: start !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.mc-dashboard-v2 #searchSuggestions,
.mc-dashboard-v2 .mc-search-suggestions {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 12px) !important;
  width: 100% !important;
  margin-top: 0 !important;
  z-index: 9999 !important;
}

/* responsive: su schermi piccoli torna una colonna sola */
@media (max-width: 1180px) {
  .mc-dashboard-v2 .dashboard-grid.mc-dashboard-main-grid {
    grid-template-columns: 1fr !important;
  }

  .mc-dashboard-v2 .mc-main-panel {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  .mc-dashboard-v2 .mc-anti-panel {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }

  .mc-dashboard-v2 .mc-analytics-panel {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }
}

@media (max-width: 760px) {
  .mc-dashboard-v2 .mc-overview-head {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .mc-dashboard-v2 .mc-overview-title {
    font-size: 42px !important;
  }

  .mc-dashboard-v2 .mc-overview-brand-mark {
    width: 92px !important;
    height: 92px !important;
    flex-basis: 92px !important;
  }

  .mc-dashboard-v2 .mc-overview-logo {
    width: 72px !important;
    height: 72px !important;
  }

  .mc-dashboard-v2 .mc-search-form {
    grid-template-columns: 1fr !important;
  }

  .mc-dashboard-v2 #searchSuggestions,
  .mc-dashboard-v2 .mc-search-suggestions {
    position: relative !important;
    top: auto !important;
    margin-top: 12px !important;
  }
}

/* =========================================================
   FIX LAYOUT DASHBOARD - FORZA 2 COLONNE + PERFORMANCE SOTTO
   DEVE ESSERE L'ULTIMO BLOCCO DEL FILE style.css
   ========================================================= */

body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 {
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* La griglia principale deve avere SOLO 2 colonne */
body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .dashboard-grid.mc-dashboard-main-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-areas:
    "points anti"
    "performance performance" !important;
  gap: 24px !important;
  align-items: stretch !important;
}

/* Gestione Punti a sinistra */
body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-main-panel {
  grid-area: points !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: none !important;
}

/* Antiparassitari a destra */
body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-anti-panel {
  grid-area: anti !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: none !important;
}

/* Performance negozi sotto, larga tutta */
body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-analytics-panel,
body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-stores-monthly-card.mc-analytics-panel {
  grid-area: performance !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Email marketing resta sotto la dashboard, non dentro la griglia */
body.mc-store-dashboard-page .email-section.mc-email-marketing-card.mc-dashboard-email {
  width: calc(100% - 48px) !important;
  max-width: 1320px !important;
  margin: 0 auto 56px !important;
}

/* Header: logo + titolo senza influenzare la griglia sotto */
body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-overview-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin-bottom: 18px !important;
}

body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-overview-grid,
body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-overview-grid.mc-overview-grid--single {
  display: grid !important;
  grid-template-columns: minmax(0, 860px) !important;
  justify-content: center !important;
}

/* Titolo Prime Loyal più luxury */
body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-overview-title {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 500 !important;
  font-size: clamp(54px, 4.6vw, 76px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.06em !important;
  background: linear-gradient(
    135deg,
    #fff2d2 0%,
    #e8c46b 30%,
    #c99a24 58%,
    #f2d88a 84%,
    #fff6df 100%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* Autocomplete largo quanto input + bottone, senza allungare il bottone */
body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-search-form {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 220px !important;
  gap: 16px !important;
  align-items: start !important;
  overflow: visible !important;
}

body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-search-input-wrap {
  position: static !important;
  overflow: visible !important;
}

body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-search-form > .btn.clients {
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  align-self: start !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 #searchSuggestions,
body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-search-suggestions {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 12px) !important;
  width: 100% !important;
  margin-top: 0 !important;
  z-index: 9999 !important;
}

/* Responsive */
@media (max-width: 1180px) {
  body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .dashboard-grid.mc-dashboard-main-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "points"
      "anti"
      "performance" !important;
  }
}

@media (max-width: 760px) {
  body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-search-form {
    grid-template-columns: 1fr !important;
  }

  body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 #searchSuggestions,
  body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-search-suggestions {
    position: relative !important;
    top: auto !important;
    margin-top: 12px !important;
  }
}

/* =========================================================
   FIX TITOLO PRIME LOYAL - EVITA TAGLIO DELLA "y"
   ========================================================= */

body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-overview-copy {
  overflow: visible !important;
}

body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-overview-head {
  overflow: visible !important;
}

body.mc-store-dashboard-page .dashboard-shell.mc-dashboard-v2 .mc-overview-title {
  display: inline-block !important;
  line-height: 1.08 !important;
  padding-bottom: 0.10em !important;
  margin-bottom: 0 !important;
  overflow: visible !important;
}

/* =========================================================
   CONTORNI DORATI LEGGERI - CARD DASHBOARD
   SOLO ESTETICA, NESSUN CAMBIO LAYOUT
   ========================================================= */

/* Card principali */
body.mc-store-dashboard-page .mc-overview-card,
body.mc-store-dashboard-page .container.home.mc-panel,
body.mc-store-dashboard-page .mc-stores-monthly-card.mc-analytics-panel,
body.mc-store-dashboard-page .email-section.mc-email-marketing-card.mc-dashboard-email {
  border: 1px solid rgba(214, 176, 74, 0.16) !important;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 245, 210, 0.04),
    0 0 0 1px rgba(214, 176, 74, 0.04) !important;
}

/* Box KPI centrale */
body.mc-store-dashboard-page .mc-top-kpi-card {
  border: 1px solid rgba(214, 176, 74, 0.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 245, 210, 0.03),
    0 18px 42px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(214, 176, 74, 0.03) !important;
}

/* Card interne più piccole */
body.mc-store-dashboard-page .customer-box,
body.mc-store-dashboard-page .mc-section-block-card,
body.mc-store-dashboard-page .mc-anti-customer-card,
body.mc-store-dashboard-page .mc-customer-progress-card,
body.mc-store-dashboard-page .mc-stores-monthly-chart-wrap,
body.mc-store-dashboard-page .mc-stores-monthly-row,
body.mc-store-dashboard-page .mc-email-status,
body.mc-store-dashboard-page .mc-modal__panel,
body.mc-store-dashboard-page .mc-modal-content {
  border: 1px solid rgba(214, 176, 74, 0.11) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 245, 210, 0.03),
    0 14px 34px rgba(0, 0, 0, 0.22),
    0 0 0 1px rgba(214, 176, 74, 0.025) !important;
}

/* Input e select con contorno gold più elegante */
body.mc-store-dashboard-page .input,
body.mc-store-dashboard-page select.input,
body.mc-store-dashboard-page textarea.input {
  border: 1px solid rgba(214, 176, 74, 0.13) !important;
}

/* Pills / badge / box secondari */
body.mc-store-dashboard-page .mc-stores-monthly-pill,
body.mc-store-dashboard-page .mc-stores-monthly-total-pill,
body.mc-store-dashboard-page .mc-stores-monthly-leader,
body.mc-store-dashboard-page .mc-customer-status-pill,
body.mc-store-dashboard-page .mc-customer-badge {
  border: 1px solid rgba(214, 176, 74, 0.16) !important;
}

/* Hover molto leggero solo dove ha senso */
body.mc-store-dashboard-page .mc-stores-monthly-row:hover,
body.mc-store-dashboard-page .container.home.mc-panel:hover,
body.mc-store-dashboard-page .mc-stores-monthly-card.mc-analytics-panel:hover,
body.mc-store-dashboard-page .email-section.mc-email-marketing-card.mc-dashboard-email:hover {
  border-color: rgba(226, 190, 96, 0.22) !important;
}

/* =========================================================
   PRIME LOYAL - AREA CLIENTI LOGIN SAFE
   SOLO GRAFICA - NON CAMBIA login-clienti.js
   ========================================================= */

.pl-client-login-page .pl-login-card {
  min-height: 620px;
}

.pl-client-login-page .pl-login-header p {
  max-width: 610px;
}

.pl-client-login-page .pl-login-form {
  width: min(620px, 100%);
  margin: 0 auto;
}

.pl-client-auth-links {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 14px;
  margin-top: 24px;
}

.pl-client-register-link {
  color: #e8c46b;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.16s ease, opacity 0.16s ease;
}

.pl-client-register-link span {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.pl-client-register-link:hover {
  color: #ffe09b;
}

.pl-client-login-page .pl-login-back {
  margin-top: 0;
}

/* Ottimizzazione telefoni */
@media (max-width: 760px) {
  .pl-client-login-page .pl-login-shell {
    align-items: flex-start;
    padding: 18px 12px;
  }

  .pl-client-login-page .pl-login-card {
    width: 100%;
    min-height: auto;
    padding: 30px 18px 28px;
    border-radius: 26px;
  }

  .pl-client-login-page .pl-login-logo {
    width: 120px;
    height: 120px;
  }

  .pl-client-login-page .pl-login-header h1 {
    font-size: 44px;
    line-height: 1.05;
  }

  .pl-client-login-page .pl-login-header p {
    max-width: 100%;
    font-size: 15px;
    line-height: 1.5;
  }

  .pl-client-login-page .pl-login-input-wrap {
    min-height: 58px;
    border-radius: 15px;
    padding: 0 16px;
  }

  .pl-client-login-page .pl-login-input-wrap input {
    height: 56px;
    font-size: 16px;
  }

  .pl-client-login-page .pl-login-button {
    min-height: 60px;
    font-size: 22px;
  }

  .pl-client-login-page .pl-login-button strong {
    right: 20px;
    font-size: 24px;
  }

  .pl-client-auth-links {
    margin-top: 20px;
    gap: 12px;
  }

  .pl-client-register-link,
  .pl-client-login-page .pl-login-back {
    font-size: 15px;
    text-align: center;
  }
}

/* =========================================================
   PRIME LOYAL - REGISTRAZIONE CLIENTI SAFE
   SOLO GRAFICA - NON CAMBIA register.js
   ========================================================= */

.pl-client-register-page .pl-register-card {
  width: min(980px, 100%);
  min-height: auto;
  padding-top: 38px;
  padding-bottom: 42px;
}

.pl-client-register-page .pl-register-header {
  margin-bottom: 26px;
}

.pl-client-register-page .pl-register-header h1 {
  font-size: clamp(42px, 5vw, 68px);
}

.pl-client-register-page .pl-register-header p {
  max-width: 650px;
}

.pl-client-register-page .pl-register-form {
  width: min(660px, 100%);
  gap: 14px;
}

.pl-client-register-page .pl-birth-date-field {
  flex: 1;
  min-width: 0;
  display: grid;
  gap: 1px;
}

.pl-client-register-page .pl-birth-date-caption {
  color: rgba(255,255,255,0.48);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.pl-client-register-page .pl-login-input-wrap .pl-birth-date-field input {
  height: 34px;
  color-scheme: dark;
}

.pl-register-consent {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 4px 0 2px;
  padding: 14px 16px;
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)),
    rgba(5, 10, 17, 0.52);
  border: 1px solid rgba(218, 174, 65, 0.24);
  color: rgba(255,255,255,0.76);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 650;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 12px 28px rgba(0,0,0,0.20);
}

.pl-register-consent input {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: #d4af37;
  flex: 0 0 auto;
}

.pl-register-consent a {
  color: #f2d88a;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.pl-register-consent a:hover {
  color: #ffe7a8;
}

.pl-client-register-page .pl-login-button {
  margin-top: 6px;
}

.pl-client-register-page .pl-client-auth-links {
  margin-top: 22px;
}

/* Ottimizzazione telefoni */
@media (max-width: 760px) {
  .pl-client-register-page .pl-login-shell {
    align-items: flex-start;
    padding: 14px 10px;
  }

  .pl-client-register-page .pl-register-card {
    width: 100%;
    padding: 26px 16px 24px;
    border-radius: 24px;
  }

  .pl-client-register-page .pl-login-logo {
    width: 108px;
    height: 108px;
  }

  .pl-client-register-page .pl-login-divider {
    margin-bottom: 20px;
  }

  .pl-client-register-page .pl-register-header {
    margin-bottom: 22px;
  }

  .pl-client-register-page .pl-register-header h1 {
    font-size: 38px;
    line-height: 1.04;
    letter-spacing: -0.05em;
  }

  .pl-client-register-page .pl-register-header p {
    max-width: 100%;
    font-size: 14.5px;
    line-height: 1.5;
  }

  .pl-client-register-page .pl-register-form {
    gap: 12px;
  }

  .pl-client-register-page .pl-login-input-wrap {
    min-height: 56px;
    border-radius: 15px;
    padding: 0 15px;
    gap: 12px;
  }

  .pl-client-register-page .pl-login-input-wrap input {
    height: 54px;
    font-size: 15.5px;
  }

  .pl-register-consent {
    padding: 12px 13px;
    border-radius: 15px;
    font-size: 12.8px;
    line-height: 1.45;
  }

  .pl-register-consent input {
    width: 17px;
    height: 17px;
  }

  .pl-client-register-page .pl-login-button {
    min-height: 58px;
    font-size: 21px;
    border-radius: 15px;
  }

  .pl-client-register-page .pl-login-button strong {
    right: 18px;
    font-size: 23px;
  }

  .pl-client-register-page .pl-client-auth-links {
    margin-top: 18px;
    gap: 10px;
  }

  .pl-client-register-page .pl-client-register-link,
  .pl-client-register-page .pl-login-back {
    font-size: 14.5px;
    text-align: center;
  }
}

@media (max-width: 390px) {
  .pl-client-register-page .pl-register-header h1 {
    font-size: 34px;
  }

  .pl-client-register-page .pl-login-logo {
    width: 96px;
    height: 96px;
  }

  .pl-client-register-page .pl-login-input-wrap {
    min-height: 54px;
  }

  .pl-client-register-page .pl-login-input-wrap input {
    font-size: 14.5px;
  }
}

/* =========================================================
   PRIME LOYAL - MODAL AGGIUNGI CLIENTE LUXURY
   SOLO GRAFICA - NESSUNA LOGICA TOCCATA
   ========================================================= */

#addCustomerModal.mc-modal--lux-add-customer {
  padding: 20px;
}

#addCustomerModal.mc-modal--lux-add-customer .mc-modal__backdrop {
  background:
    radial-gradient(circle at top, rgba(218, 177, 76, 0.12), transparent 38%),
    rgba(2, 6, 16, 0.82);
  backdrop-filter: blur(10px);
}

#addCustomerModal.mc-modal--lux-add-customer .mc-modal__panel {
  position: relative;
  width: min(760px, calc(100vw - 28px));
  max-width: 760px;
  border-radius: 32px;
  padding: 28px 28px 24px;
  overflow: hidden;
  border: 1px solid rgba(226, 185, 87, 0.36);
  background:
    linear-gradient(135deg, rgba(10, 18, 32, 0.985) 0%, rgba(4, 10, 22, 0.985) 52%, rgba(10, 21, 41, 0.985) 100%);
  box-shadow:
    0 28px 90px rgba(0, 0, 0, 0.58),
    0 0 0 1px rgba(255, 224, 156, 0.06) inset,
    0 0 38px rgba(218, 177, 76, 0.16);
  backdrop-filter: blur(20px);
}

#addCustomerModal .pl-add-customer-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 220, 135, 0.14), transparent 28%),
    linear-gradient(115deg, transparent 0 52%, rgba(255, 255, 255, 0.055) 52%, transparent 66%);
  opacity: 1;
}

#addCustomerModal .pl-add-customer-header {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
  padding: 2px 0 0;
}

#addCustomerModal .pl-add-customer-title-wrap {
  flex: 1;
  min-width: 0;
}

#addCustomerModal .pl-add-customer-title {
  margin: 0;
  color: #f4e4b3;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-size: clamp(2.3rem, 4vw, 4rem);
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: -0.02em;
  text-shadow:
    0 0 14px rgba(214, 170, 69, 0.12),
    0 2px 0 rgba(0, 0, 0, 0.12);
}

#addCustomerModal .pl-add-customer-close {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  width: 62px;
  height: 62px;
  min-width: 62px;
  border-radius: 50%;
  border: 1px solid rgba(226, 185, 87, 0.38);
  background:
    radial-gradient(circle at 30% 30%, rgba(255, 230, 180, 0.08), rgba(255, 255, 255, 0) 52%),
    linear-gradient(180deg, rgba(24, 32, 47, 0.92), rgba(10, 17, 29, 0.98));
  color: #f0d488;
  font-size: 2rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    0 0 0 1px rgba(255, 226, 150, 0.06) inset,
    0 10px 24px rgba(0, 0, 0, 0.24);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

#addCustomerModal .pl-add-customer-close:hover {
  transform: translateY(-1px);
  border-color: rgba(236, 200, 108, 0.58);
  box-shadow:
    0 0 0 1px rgba(255, 226, 150, 0.09) inset,
    0 14px 28px rgba(0, 0, 0, 0.28),
    0 0 22px rgba(214, 170, 69, 0.12);
}

#addCustomerModal .pl-add-customer-form {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 6px;
}

#addCustomerModal .pl-add-customer-decor {
  display: flex;
  align-items: center;
  justify-content: center;
}

#addCustomerModal .pl-add-customer-decor span {
  position: relative;
  display: block;
  width: min(100%, 370px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(229, 189, 92, 0.5), transparent);
}

#addCustomerModal .pl-add-customer-decor span::after {
  content: "✦";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -56%);
  font-size: 13px;
  color: #ebc76a;
  text-shadow: 0 0 12px rgba(214, 170, 69, 0.34);
  background: transparent;
}

#addCustomerModal .pl-add-customer-decor--top {
  margin: 0 0 14px;
}

#addCustomerModal .pl-add-customer-decor--bottom {
  margin: 6px 0 0;
}

#addCustomerModal .pl-add-field {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 74px;
  padding: 0 22px;
  border-radius: 22px;
  border: 1px solid rgba(227, 186, 84, 0.52);
  background:
    linear-gradient(90deg, rgba(13, 20, 34, 0.98), rgba(9, 18, 34, 0.95) 55%, rgba(12, 22, 38, 0.98));
  box-shadow:
    0 0 0 1px rgba(255, 226, 150, 0.05) inset,
    0 0 28px rgba(214, 170, 69, 0.04);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

#addCustomerModal .pl-add-field:focus-within {
  border-color: rgba(241, 205, 112, 0.82);
  box-shadow:
    0 0 0 1px rgba(255, 226, 150, 0.08) inset,
    0 0 0 4px rgba(218, 177, 76, 0.08),
    0 0 24px rgba(218, 177, 76, 0.10);
  transform: translateY(-1px);
}

#addCustomerModal .pl-add-field__icon {
  width: 30px;
  height: 30px;
  color: #dcb65a;
  flex: 0 0 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#addCustomerModal .pl-add-field__icon svg {
  width: 26px;
  height: 26px;
  display: block;
}

#addCustomerModal .pl-add-field__input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: #f7f2e5;
  font-size: 1.08rem;
  font-weight: 500;
  padding: 0;
  box-shadow: none;
}

#addCustomerModal .pl-add-field__input::placeholder {
  color: rgba(232, 231, 228, 0.58);
  font-weight: 500;
}

#addCustomerModal .pl-add-consent {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 4px;
  cursor: pointer;
  user-select: none;
  padding: 2px 2px 0;
}

#addCustomerModal .pl-add-consent input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#addCustomerModal .pl-add-consent__box {
  position: relative;
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 7px;
  margin-top: 1px;
  border: 1px solid rgba(227, 186, 84, 0.72);
  background:
    linear-gradient(180deg, rgba(19, 27, 42, 0.92), rgba(7, 14, 24, 0.98));
  box-shadow:
    0 0 0 1px rgba(255, 226, 150, 0.05) inset,
    0 0 18px rgba(214, 170, 69, 0.04);
}

#addCustomerModal .pl-add-consent input:checked + .pl-add-consent__box::after {
  content: "✓";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #efcf73;
  font-size: 15px;
  font-weight: 700;
}

#addCustomerModal .pl-add-consent__text {
  color: rgba(235, 234, 229, 0.82);
  font-size: 1rem;
  line-height: 1.45;
}

#addCustomerModal .pl-add-consent__text strong {
  color: #efcd72;
  font-weight: 600;
}

#addCustomerModal .pl-add-btn {
  width: 100%;
  min-height: 76px;
  border-radius: 22px;
  border: 1px solid transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-size: 1.18rem;
  font-weight: 700;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, opacity 0.18s ease;
  cursor: pointer;
}

#addCustomerModal .pl-add-btn:hover {
  transform: translateY(-1px);
}

#addCustomerModal .pl-add-btn--primary {
  margin-top: 6px;
  color: #111318;
  border-color: rgba(255, 226, 150, 0.26);
  background:
    linear-gradient(135deg, #f7dc84 0%, #d8ad38 52%, #ba8c24 100%);
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.30),
    0 0 0 1px rgba(255, 245, 199, 0.20) inset,
    0 0 24px rgba(220, 181, 90, 0.28);
}

#addCustomerModal .pl-add-btn--primary:hover {
  box-shadow:
    0 18px 36px rgba(0, 0, 0, 0.32),
    0 0 0 1px rgba(255, 245, 199, 0.24) inset,
    0 0 28px rgba(220, 181, 90, 0.34);
}

#addCustomerModal .pl-add-btn__icon {
  width: 30px;
  height: 30px;
  color: #111318;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#addCustomerModal .pl-add-btn__icon svg {
  width: 28px;
  height: 28px;
  display: block;
}

#addCustomerModal .pl-add-btn--secondary {
  color: rgba(241, 239, 234, 0.86);
  border-color: rgba(255, 226, 150, 0.12);
  background:
    linear-gradient(90deg, rgba(16, 24, 37, 0.98), rgba(10, 18, 32, 0.98) 55%, rgba(14, 22, 35, 0.98));
  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(255, 226, 150, 0.04) inset;
}

#addCustomerModal .pl-add-btn--secondary:hover {
  border-color: rgba(255, 226, 150, 0.18);
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(255, 226, 150, 0.06) inset,
    0 0 18px rgba(214, 170, 69, 0.06);
}

#addCustomerModal .pl-add-btn__secondary-x {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1.15rem;
  line-height: 1;
}

#addCustomerModal .pl-add-btn:disabled,
#addCustomerModal .pl-add-customer-close:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}

@media (max-width: 768px) {
  #addCustomerModal.mc-modal--lux-add-customer {
    padding: 14px;
  }

  #addCustomerModal.mc-modal--lux-add-customer .mc-modal__panel {
    width: min(100%, calc(100vw - 18px));
    border-radius: 26px;
    padding: 22px 18px 18px;
  }

  #addCustomerModal .pl-add-customer-header {
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 14px;
  }

  #addCustomerModal .pl-add-customer-title {
    font-size: clamp(2rem, 9vw, 3rem);
    line-height: 0.98;
  }

  #addCustomerModal .pl-add-customer-close {
    width: 54px;
    height: 54px;
    min-width: 54px;
    font-size: 1.7rem;
  }

  #addCustomerModal .pl-add-field {
    min-height: 66px;
    padding: 0 16px;
    border-radius: 18px;
    gap: 12px;
  }

  #addCustomerModal .pl-add-field__icon {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
  }

  #addCustomerModal .pl-add-field__icon svg {
    width: 22px;
    height: 22px;
  }

  #addCustomerModal .pl-add-field__input {
    font-size: 1rem;
  }

  #addCustomerModal .pl-add-consent {
    gap: 12px;
  }

  #addCustomerModal .pl-add-consent__text {
    font-size: 0.94rem;
    line-height: 1.42;
  }

  #addCustomerModal .pl-add-btn {
    min-height: 68px;
    border-radius: 18px;
    font-size: 1.08rem;
  }

  #addCustomerModal .pl-add-customer-decor--top {
    margin-bottom: 12px;
  }
}

@media (max-width: 480px) {
  #addCustomerModal.mc-modal--lux-add-customer .mc-modal__panel {
    padding: 20px 14px 16px;
    border-radius: 22px;
  }

  #addCustomerModal .pl-add-customer-title {
    font-size: clamp(1.85rem, 10vw, 2.5rem);
  }

  #addCustomerModal .pl-add-customer-close {
    width: 48px;
    height: 48px;
    min-width: 48px;
    font-size: 1.5rem;
  }

  #addCustomerModal .pl-add-field {
    min-height: 62px;
    padding: 0 14px;
  }

  #addCustomerModal .pl-add-field__input::placeholder {
    font-size: 0.97rem;
  }

  #addCustomerModal .pl-add-consent__box {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }

  #addCustomerModal .pl-add-btn {
    min-height: 64px;
  }
}

/* =========================================================
   FIX TITOLO MODAL AGGIUNGI CLIENTE - PIÙ LUXURY / MENO PESANTE
   ========================================================= */

#addCustomerModal .pl-add-customer-title {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-size: clamp(2.15rem, 4.2vw, 3.35rem) !important;
  font-weight: 500 !important;
  line-height: 1.04 !important;
  letter-spacing: -0.015em !important;
  color: #f2e4bf !important;
  max-width: 560px;
  text-shadow:
    0 0 10px rgba(214, 170, 69, 0.10),
    0 1px 0 rgba(0, 0, 0, 0.18) !important;
}

#addCustomerModal .pl-add-customer-header {
  margin-bottom: 24px !important;
}

#addCustomerModal .pl-add-customer-title-wrap {
  padding-top: 2px;
}

#addCustomerModal .pl-add-customer-decor--top {
  margin-bottom: 12px !important;
}

#addCustomerModal .pl-add-customer-decor span {
  width: min(100%, 300px) !important;
  opacity: 0.72;
}

/* Desktop grandi: titolo elegante, non enorme */
@media (min-width: 1100px) {
  #addCustomerModal .pl-add-customer-title {
    font-size: 3.15rem !important;
  }
}

/* Tablet */
@media (max-width: 768px) {
  #addCustomerModal .pl-add-customer-title {
    font-size: clamp(1.95rem, 7vw, 2.7rem) !important;
    line-height: 1.06 !important;
  }
}

/* Telefono */
@media (max-width: 480px) {
  #addCustomerModal .pl-add-customer-title {
    font-size: clamp(1.75rem, 8.5vw, 2.25rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.01em !important;
  }
}

/* =========================================================
   PRIME LOYAL - MODAL LISTA CLIENTI LUXURY
   SOLO GRAFICA - NESSUNA LOGICA TOCCATA
   ========================================================= */

#clientsModal.mc-modal--lux-clients-list {
  padding: 20px;
}

#clientsModal.mc-modal--lux-clients-list .mc-modal__backdrop {
  background:
    radial-gradient(circle at top, rgba(218, 177, 76, 0.10), transparent 36%),
    rgba(2, 6, 16, 0.84);
  backdrop-filter: blur(10px);
}

#clientsModal.mc-modal--lux-clients-list .mc-modal__panel {
  position: relative;
  width: min(720px, calc(100vw - 28px));
  max-width: 720px;
  border-radius: 30px;
  padding: 26px 26px 22px;
  overflow: hidden;
  border: 1px solid rgba(226, 185, 87, 0.32);
  background:
    linear-gradient(135deg, rgba(10, 18, 32, 0.985) 0%, rgba(5, 11, 23, 0.985) 58%, rgba(11, 21, 38, 0.985) 100%);
  box-shadow:
    0 28px 86px rgba(0, 0, 0, 0.56),
    0 0 0 1px rgba(255, 224, 156, 0.055) inset,
    0 0 34px rgba(218, 177, 76, 0.12);
  backdrop-filter: blur(20px);
}

#clientsModal .pl-clients-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 220, 135, 0.12), transparent 30%),
    linear-gradient(115deg, transparent 0 54%, rgba(255, 255, 255, 0.045) 54%, transparent 68%);
}

#clientsModal .pl-clients-header {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 20px;
  padding: 0;
}

#clientsModal .pl-clients-title-wrap {
  min-width: 0;
  flex: 1;
}

#clientsModal .pl-clients-title {
  margin: 0;
  color: #f2e4bf;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 3.3vw, 2.7rem);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -0.012em;
  text-shadow:
    0 0 10px rgba(214, 170, 69, 0.10),
    0 1px 0 rgba(0, 0, 0, 0.16);
}

#clientsModal .pl-clients-subtitle {
  margin: 8px 0 0;
  color: rgba(236, 234, 226, 0.62);
  font-size: 0.98rem;
  line-height: 1.45;
}

#clientsModal .pl-clients-close {
  position: relative;
  z-index: 2;
  width: 54px;
  height: 54px;
  min-width: 54px;
  border-radius: 18px;
  border: 1px solid rgba(226, 185, 87, 0.28);
  background:
    radial-gradient(circle at 30% 30%, rgba(255, 230, 180, 0.08), rgba(255, 255, 255, 0) 52%),
    linear-gradient(180deg, rgba(28, 36, 51, 0.94), rgba(12, 19, 31, 0.98));
  color: #edcf79;
  font-size: 1.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    0 0 0 1px rgba(255, 226, 150, 0.045) inset,
    0 12px 24px rgba(0, 0, 0, 0.24);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

#clientsModal .pl-clients-close:hover {
  transform: translateY(-1px);
  border-color: rgba(236, 200, 108, 0.50);
  box-shadow:
    0 0 0 1px rgba(255, 226, 150, 0.08) inset,
    0 15px 30px rgba(0, 0, 0, 0.28),
    0 0 20px rgba(214, 170, 69, 0.10);
}

#clientsModal .pl-clients-body {
  position: relative;
  z-index: 2;
  padding: 0;
}

#clientsModal .pl-clients-search {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 68px;
  padding: 0 20px;
  border-radius: 20px;
  border: 1px solid rgba(227, 186, 84, 0.42);
  background:
    linear-gradient(90deg, rgba(13, 20, 34, 0.98), rgba(9, 18, 34, 0.95) 55%, rgba(12, 22, 38, 0.98));
  box-shadow:
    0 0 0 1px rgba(255, 226, 150, 0.05) inset,
    0 12px 28px rgba(0, 0, 0, 0.18);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

#clientsModal .pl-clients-search:focus-within {
  border-color: rgba(241, 205, 112, 0.76);
  box-shadow:
    0 0 0 1px rgba(255, 226, 150, 0.07) inset,
    0 0 0 4px rgba(218, 177, 76, 0.07),
    0 0 24px rgba(218, 177, 76, 0.08);
  transform: translateY(-1px);
}

#clientsModal .pl-clients-search__icon {
  width: 28px;
  height: 28px;
  min-width: 28px;
  color: #dcb65a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#clientsModal .pl-clients-search__icon svg {
  width: 24px;
  height: 24px;
}

#clientsModal .pl-clients-search__input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: #f7f2e5;
  font-size: 1.04rem;
  font-weight: 500;
  padding: 0;
  box-shadow: none;
}

#clientsModal .pl-clients-search__input::placeholder {
  color: rgba(232, 231, 228, 0.58);
}

#clientsModal .pl-clients-results {
  margin-top: 16px !important;
  max-height: min(390px, 46vh) !important;
  overflow: auto !important;
  border-radius: 20px;
  border: 1px solid rgba(255, 226, 150, 0.10);
  background:
    linear-gradient(180deg, rgba(17, 25, 39, 0.70), rgba(10, 17, 28, 0.78));
  box-shadow:
    0 0 0 1px rgba(255, 226, 150, 0.035) inset,
    0 12px 32px rgba(0, 0, 0, 0.20);
  padding: 12px;
}

#clientsModal .pl-clients-results:empty::before {
  content: "Scrivi almeno 3 caratteri";
  display: block;
  color: rgba(235, 234, 229, 0.55);
  padding: 16px;
}

#clientsModal .pl-clients-results .muted {
  margin: 0;
  color: rgba(235, 234, 229, 0.58);
  font-size: 1rem;
}

#clientsModal .pl-clients-results > div,
#clientsModal .pl-clients-results .history-row {
  border-radius: 16px;
  border: 1px solid rgba(255, 226, 150, 0.08);
  background:
    linear-gradient(180deg, rgba(18, 27, 42, 0.88), rgba(11, 19, 31, 0.92));
  box-shadow:
    0 0 0 1px rgba(255, 226, 150, 0.025) inset,
    0 10px 22px rgba(0, 0, 0, 0.16);
  padding: 14px 16px;
  margin-bottom: 10px;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

#clientsModal .pl-clients-results > div:last-child,
#clientsModal .pl-clients-results .history-row:last-child {
  margin-bottom: 0;
}

#clientsModal .pl-clients-results > div:hover,
#clientsModal .pl-clients-results .history-row:hover {
  transform: translateY(-1px);
  border-color: rgba(226, 185, 87, 0.24);
  box-shadow:
    0 0 0 1px rgba(255, 226, 150, 0.04) inset,
    0 12px 26px rgba(0, 0, 0, 0.20),
    0 0 18px rgba(214, 170, 69, 0.055);
}

#clientsModal .pl-clients-btn-close {
  width: 100%;
  min-height: 64px;
  margin-top: 16px;
  border-radius: 19px;
  border: 1px solid rgba(255, 226, 150, 0.10);
  background:
    linear-gradient(90deg, rgba(16, 24, 37, 0.98), rgba(10, 18, 32, 0.98) 55%, rgba(14, 22, 35, 0.98));
  color: rgba(241, 239, 234, 0.88);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 1.06rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.22),
    0 0 0 1px rgba(255, 226, 150, 0.035) inset;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

#clientsModal .pl-clients-btn-close:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 226, 150, 0.16);
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.27),
    0 0 0 1px rgba(255, 226, 150, 0.05) inset,
    0 0 18px rgba(214, 170, 69, 0.055);
}

#clientsModal .pl-clients-btn-close span {
  color: rgba(255, 255, 255, 0.68);
  font-size: 1rem;
}

#clientsModal .pl-clients-decor {
  display: flex;
  align-items: center;
  justify-content: center;
}

#clientsModal .pl-clients-decor span {
  position: relative;
  display: block;
  width: min(100%, 270px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(229, 189, 92, 0.44), transparent);
  opacity: 0.70;
}

#clientsModal .pl-clients-decor span::after {
  content: "✦";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -56%);
  font-size: 12px;
  color: #ebc76a;
  text-shadow: 0 0 10px rgba(214, 170, 69, 0.28);
}

#clientsModal .pl-clients-decor--top {
  margin-bottom: 12px;
}

#clientsModal .pl-clients-decor--bottom {
  margin-top: 14px;
}

/* Scrollbar elegante solo nel box lista */
#clientsModal .pl-clients-results::-webkit-scrollbar {
  width: 9px;
}

#clientsModal .pl-clients-results::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.04);
  border-radius: 20px;
}

#clientsModal .pl-clients-results::-webkit-scrollbar-thumb {
  background: rgba(226, 185, 87, 0.34);
  border-radius: 20px;
}

#clientsModal .pl-clients-results::-webkit-scrollbar-thumb:hover {
  background: rgba(226, 185, 87, 0.48);
}

@media (max-width: 768px) {
  #clientsModal.mc-modal--lux-clients-list {
    padding: 14px;
  }

  #clientsModal.mc-modal--lux-clients-list .mc-modal__panel {
    width: min(100%, calc(100vw - 18px));
    border-radius: 24px;
    padding: 22px 18px 18px;
  }

  #clientsModal .pl-clients-title {
    font-size: clamp(1.85rem, 7vw, 2.35rem);
  }

  #clientsModal .pl-clients-subtitle {
    font-size: 0.94rem;
  }

  #clientsModal .pl-clients-close {
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 16px;
    font-size: 1.48rem;
  }

  #clientsModal .pl-clients-search {
    min-height: 62px;
    padding: 0 16px;
    border-radius: 18px;
  }

  #clientsModal .pl-clients-results {
    max-height: min(380px, 48vh) !important;
    border-radius: 18px;
    padding: 10px;
  }

  #clientsModal .pl-clients-btn-close {
    min-height: 60px;
    border-radius: 18px;
  }
}

@media (max-width: 480px) {
  #clientsModal.mc-modal--lux-clients-list .mc-modal__panel {
    padding: 20px 14px 16px;
    border-radius: 22px;
  }

  #clientsModal .pl-clients-header {
    gap: 12px;
    margin-bottom: 16px;
  }

  #clientsModal .pl-clients-title {
    font-size: clamp(1.65rem, 8vw, 2.05rem);
  }

  #clientsModal .pl-clients-subtitle {
    display: none;
  }

  #clientsModal .pl-clients-close {
    width: 46px;
    height: 46px;
    min-width: 46px;
    font-size: 1.35rem;
  }

  #clientsModal .pl-clients-search {
    min-height: 58px;
    padding: 0 14px;
  }

  #clientsModal .pl-clients-search__icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }

  #clientsModal .pl-clients-search__icon svg {
    width: 21px;
    height: 21px;
  }

  #clientsModal .pl-clients-search__input {
    font-size: 0.97rem;
  }

  #clientsModal .pl-clients-btn-close {
    min-height: 56px;
  }
}

/* =========================================================
   FIX INPUT LISTA CLIENTI - AUTOFILL/SUGGERIMENTI SENZA RIGA BIANCA
   Mantiene i suggerimenti browser, ma forza lo stile premium.
   ========================================================= */

#clientsModal .pl-clients-search {
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(13, 20, 34, 0.98), rgba(9, 18, 34, 0.96) 55%, rgba(12, 22, 38, 0.98)) !important;
}

#clientsModal .pl-clients-search__input,
#clientsModal .pl-clients-search__input:hover,
#clientsModal .pl-clients-search__input:focus,
#clientsModal .pl-clients-search__input:active {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #f7f2e5 !important;
  caret-color: #efcd72 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  color-scheme: dark !important;
}

/* Quando il testo viene selezionato dopo un suggerimento */
#clientsModal .pl-clients-search__input::selection {
  background: rgba(226, 185, 87, 0.32) !important;
  color: #fff4d7 !important;
}

#clientsModal .pl-clients-search__input::-moz-selection {
  background: rgba(226, 185, 87, 0.32) !important;
  color: #fff4d7 !important;
}

/* Chrome autofill / suggerimenti scelti */
#clientsModal .pl-clients-search__input:-webkit-autofill,
#clientsModal .pl-clients-search__input:-webkit-autofill:hover,
#clientsModal .pl-clients-search__input:-webkit-autofill:focus,
#clientsModal .pl-clients-search__input:-webkit-autofill:active {
  -webkit-text-fill-color: #f7f2e5 !important;
  caret-color: #efcd72 !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: 0 0 0 1000px rgba(9, 18, 34, 0.98) inset !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(9, 18, 34, 0.98) inset !important;
  border: 0 !important;
  outline: 0 !important;
  transition: background-color 999999s ease-in-out 0s !important;
}

/* Evita flash bianco interno durante focus/autofill */
#clientsModal .pl-clients-search__input:-internal-autofill-selected {
  background-color: transparent !important;
  color: #f7f2e5 !important;
}

/* =========================================================
   FIX FINALE LISTA CLIENTI - RISULTATI + AUTOFILL DARK
   ========================================================= */

#clientsModal .pl-clients-search {
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(13, 20, 34, 0.98), rgba(9, 18, 34, 0.96) 55%, rgba(12, 22, 38, 0.98)) !important;
}

#clientsModal .pl-clients-search__input,
#clientsModal .pl-clients-search__input:hover,
#clientsModal .pl-clients-search__input:focus,
#clientsModal .pl-clients-search__input:active {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #f7f2e5 !important;
  caret-color: #efcd72 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  color-scheme: dark !important;
}

#clientsModal .pl-clients-search__input::selection {
  background: rgba(226, 185, 87, 0.32) !important;
  color: #fff4d7 !important;
}

#clientsModal .pl-clients-search__input::-moz-selection {
  background: rgba(226, 185, 87, 0.32) !important;
  color: #fff4d7 !important;
}

#clientsModal .pl-clients-search__input:-webkit-autofill,
#clientsModal .pl-clients-search__input:-webkit-autofill:hover,
#clientsModal .pl-clients-search__input:-webkit-autofill:focus,
#clientsModal .pl-clients-search__input:-webkit-autofill:active {
  -webkit-text-fill-color: #f7f2e5 !important;
  caret-color: #efcd72 !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: 0 0 0 1000px rgba(9, 18, 34, 0.98) inset !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(9, 18, 34, 0.98) inset !important;
  border: 0 !important;
  outline: 0 !important;
  transition: background-color 999999s ease-in-out 0s !important;
}

#clientsModal .pl-clients-result-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

#clientsModal .pl-clients-result-left {
  min-width: 0;
}

#clientsModal .pl-clients-result-name {
  display: block;
  color: #f4e4bf;
  font-size: 1.04rem;
  font-weight: 800;
  line-height: 1.2;
}

#clientsModal .pl-clients-result-meta {
  margin-top: 6px;
  font-size: 0.92rem;
  line-height: 1.35;
  word-break: break-word;
}

#clientsModal .pl-clients-result-points {
  flex: 0 0 auto;
  min-width: 74px;
  padding: 8px 12px;
  border-radius: 999px;
  text-align: center;
  color: #f4e4bf;
  font-weight: 800;
  font-size: 0.88rem;
  border: 1px solid rgba(226, 185, 87, 0.22);
  background: rgba(255, 255, 255, 0.055);
  box-shadow: 0 0 0 1px rgba(255, 226, 150, 0.035) inset;
}

@media (max-width: 520px) {
  #clientsModal .pl-clients-result-row {
    align-items: flex-start;
    flex-direction: column;
  }

  #clientsModal .pl-clients-result-points {
    min-width: auto;
  }
}


/* ==================================================
   PRIME LOYAL - LIQUID GLASS BUTTONS 2026
================================================== */

.mc-dashboard-v2 {
  --glass-border: rgba(255, 255, 255, 0.14);
  --glass-highlight: rgba(255, 255, 255, 0.20);
  --glass-shadow: rgba(0, 0, 0, 0.30);

  --gold: #f1c75b;
  --cyan: #55d9ff;
  --blue: #658cff;
  --violet: #a778ff;
  --green: #50e5a2;
  --red: #ff7185;
}

/* Contenitore pulsanti principali */

.mc-dashboard-v2 .mc-liquid-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 13px !important;
  margin-top: 17px !important;
}

/* Pulsante liquid glass principale */

.mc-dashboard-v2 .mc-liquid-menu {
  --liquid-color: 241, 199, 91;

  position: relative;
  isolation: isolate;
  overflow: hidden;

  width: 100% !important;
  min-height: 78px !important;
  margin: 0 !important;
  padding: 13px 17px !important;

  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 15px;

  text-align: left !important;
  color: #ffffff !important;

  border-radius: 22px !important;
  border: 1px solid rgba(var(--liquid-color), 0.25) !important;

  background:
    linear-gradient(
      125deg,
      rgba(var(--liquid-color), 0.16),
      rgba(255, 255, 255, 0.055) 42%,
      rgba(var(--liquid-color), 0.055)
    ) !important;

  backdrop-filter: blur(24px) saturate(175%);
  -webkit-backdrop-filter: blur(24px) saturate(175%);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.17),
    inset 0 -1px 0 rgba(255, 255, 255, 0.035),
    0 15px 34px rgba(0, 0, 0, 0.24),
    0 0 30px rgba(var(--liquid-color), 0.045) !important;

  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease !important;
}

/* Riflesso interno */

.mc-dashboard-v2 .mc-liquid-menu::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  pointer-events: none;
  border-radius: 20px;

  background:
    radial-gradient(
      circle at 14% 0%,
      rgba(255, 255, 255, 0.20),
      transparent 34%
    ),
    radial-gradient(
      circle at 88% 110%,
      rgba(var(--liquid-color), 0.19),
      transparent 39%
    );
}

/* Riflesso animato */

.mc-dashboard-v2 .mc-liquid-menu::after {
  content: "";
  position: absolute;
  top: -70%;
  left: -35%;
  width: 42%;
  height: 240%;
  pointer-events: none;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.20),
    transparent
  );

  transform: rotate(18deg) translateX(-170%);
  transition: transform 0.7s cubic-bezier(.2, .8, .2, 1);
}

.mc-dashboard-v2 .mc-liquid-menu:hover {
  transform: translateY(-3px) scale(1.006);

  border-color: rgba(var(--liquid-color), 0.48) !important;

  background:
    linear-gradient(
      125deg,
      rgba(var(--liquid-color), 0.23),
      rgba(255, 255, 255, 0.075) 45%,
      rgba(var(--liquid-color), 0.09)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.25),
    inset 0 -1px 0 rgba(255, 255, 255, 0.045),
    0 20px 42px rgba(0, 0, 0, 0.30),
    0 0 36px rgba(var(--liquid-color), 0.13) !important;
}

.mc-dashboard-v2 .mc-liquid-menu:hover::after {
  transform: rotate(18deg) translateX(410%);
}

.mc-dashboard-v2 .mc-liquid-menu:active {
  transform: translateY(0) scale(0.985);
}

/* Colori pulsanti menu */

.mc-dashboard-v2 .mc-liquid-menu--add {
  --liquid-color: 241, 199, 91;
}

.mc-dashboard-v2 .mc-liquid-menu--clients {
  --liquid-color: 85, 217, 255;
}

.mc-dashboard-v2 .mc-liquid-menu--logout {
  --liquid-color: 255, 113, 133;
  min-height: 70px !important;
  opacity: 0.78;
}

.mc-dashboard-v2 .mc-liquid-menu--logout:hover {
  opacity: 1;
}

/* Icone menu */

.mc-dashboard-v2 .mc-liquid-menu__icon {
  width: 48px;
  height: 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: rgb(var(--liquid-color));

  border-radius: 16px;
  border: 1px solid rgba(var(--liquid-color), 0.30);

  background:
    linear-gradient(
      145deg,
      rgba(var(--liquid-color), 0.22),
      rgba(255, 255, 255, 0.065)
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.20),
    0 8px 20px rgba(var(--liquid-color), 0.09);

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease;
}

.mc-dashboard-v2 .mc-liquid-menu:hover .mc-liquid-menu__icon {
  transform: scale(1.07) rotate(-2deg);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.25),
    0 10px 25px rgba(var(--liquid-color), 0.17);
}

.mc-dashboard-v2 .mc-liquid-menu__icon svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Testi menu */

.mc-dashboard-v2 .mc-liquid-menu__copy {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.mc-dashboard-v2 .mc-liquid-menu__copy strong {
  color: rgba(255, 255, 255, 0.96);
  font-size: 16px;
  font-weight: 850;
  line-height: 1.1;
}

.mc-dashboard-v2 .mc-liquid-menu__copy small {
  color: rgba(255, 255, 255, 0.49);
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.25;
}

.mc-dashboard-v2 .mc-liquid-menu__arrow {
  color: rgb(var(--liquid-color));
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
  opacity: 0.72;

  transition:
    transform 0.22s ease,
    opacity 0.22s ease;
}

.mc-dashboard-v2 .mc-liquid-menu:hover .mc-liquid-menu__arrow {
  opacity: 1;
  transform: translateX(4px);
}

/* ==================================================
   ALTRI PULSANTI OPERATIVI
================================================== */

.mc-dashboard-v2 #assignPrize,
.mc-dashboard-v2 #editCustomerBtn,
.mc-dashboard-v2 #manualAdd,
.mc-dashboard-v2 #manualRemove,
.mc-dashboard-v2 #addPoints,
.mc-dashboard-v2 #removePoints,
.mc-dashboard-v2 #toggleHistoryBtn,
.mc-dashboard-v2 #salvaAntiparassitario,
.mc-dashboard-v2 .mc-search-form button[type="submit"] {
  --button-color: 241, 199, 91;

  position: relative;
  isolation: isolate;
  overflow: hidden;

  color: rgba(255, 255, 255, 0.94) !important;

  border-radius: 19px !important;
  border: 1px solid rgba(var(--button-color), 0.28) !important;

  background:
    linear-gradient(
      135deg,
      rgba(var(--button-color), 0.20),
      rgba(255, 255, 255, 0.06) 48%,
      rgba(var(--button-color), 0.07)
    ) !important;

  backdrop-filter: blur(22px) saturate(170%);
  -webkit-backdrop-filter: blur(22px) saturate(170%);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.19),
    inset 0 -1px 0 rgba(255, 255, 255, 0.035),
    0 14px 30px rgba(0, 0, 0, 0.23),
    0 0 24px rgba(var(--button-color), 0.055) !important;

  font-family: inherit !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;

  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease,
    opacity 0.2s ease !important;
}

/* Riflesso superiore */

.mc-dashboard-v2 #assignPrize::before,
.mc-dashboard-v2 #editCustomerBtn::before,
.mc-dashboard-v2 #manualAdd::before,
.mc-dashboard-v2 #manualRemove::before,
.mc-dashboard-v2 #addPoints::before,
.mc-dashboard-v2 #removePoints::before,
.mc-dashboard-v2 #toggleHistoryBtn::before,
.mc-dashboard-v2 #salvaAntiparassitario::before,
.mc-dashboard-v2 .mc-search-form button[type="submit"]::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  pointer-events: none;
  border-radius: 17px;

  background:
    radial-gradient(
      circle at 18% -20%,
      rgba(255, 255, 255, 0.25),
      transparent 38%
    );
}

/* Riflesso animato */

.mc-dashboard-v2 #assignPrize::after,
.mc-dashboard-v2 #editCustomerBtn::after,
.mc-dashboard-v2 #manualAdd::after,
.mc-dashboard-v2 #manualRemove::after,
.mc-dashboard-v2 #addPoints::after,
.mc-dashboard-v2 #removePoints::after,
.mc-dashboard-v2 #toggleHistoryBtn::after,
.mc-dashboard-v2 #salvaAntiparassitario::after,
.mc-dashboard-v2 .mc-search-form button[type="submit"]::after {
  content: "";
  position: absolute;
  top: -90%;
  left: -30%;
  width: 35%;
  height: 280%;
  pointer-events: none;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.20),
    transparent
  );

  transform: rotate(18deg) translateX(-180%);
  transition: transform 0.65s ease;
}

.mc-dashboard-v2 #assignPrize:hover:not(:disabled)::after,
.mc-dashboard-v2 #editCustomerBtn:hover:not(:disabled)::after,
.mc-dashboard-v2 #manualAdd:hover:not(:disabled)::after,
.mc-dashboard-v2 #manualRemove:hover:not(:disabled)::after,
.mc-dashboard-v2 #addPoints:hover:not(:disabled)::after,
.mc-dashboard-v2 #removePoints:hover:not(:disabled)::after,
.mc-dashboard-v2 #toggleHistoryBtn:hover:not(:disabled)::after,
.mc-dashboard-v2 #salvaAntiparassitario:hover:not(:disabled)::after,
.mc-dashboard-v2 .mc-search-form button[type="submit"]:hover::after {
  transform: rotate(18deg) translateX(500%);
}

.mc-dashboard-v2 #assignPrize:hover:not(:disabled),
.mc-dashboard-v2 #editCustomerBtn:hover:not(:disabled),
.mc-dashboard-v2 #manualAdd:hover:not(:disabled),
.mc-dashboard-v2 #manualRemove:hover:not(:disabled),
.mc-dashboard-v2 #addPoints:hover:not(:disabled),
.mc-dashboard-v2 #removePoints:hover:not(:disabled),
.mc-dashboard-v2 #toggleHistoryBtn:hover:not(:disabled),
.mc-dashboard-v2 #salvaAntiparassitario:hover:not(:disabled),
.mc-dashboard-v2 .mc-search-form button[type="submit"]:hover {
  transform: translateY(-3px);

  border-color: rgba(var(--button-color), 0.50) !important;

  background:
    linear-gradient(
      135deg,
      rgba(var(--button-color), 0.28),
      rgba(255, 255, 255, 0.08) 48%,
      rgba(var(--button-color), 0.12)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 19px 38px rgba(0, 0, 0, 0.28),
    0 0 30px rgba(var(--button-color), 0.14) !important;
}

.mc-dashboard-v2 #assignPrize:active:not(:disabled),
.mc-dashboard-v2 #editCustomerBtn:active:not(:disabled),
.mc-dashboard-v2 #manualAdd:active:not(:disabled),
.mc-dashboard-v2 #manualRemove:active:not(:disabled),
.mc-dashboard-v2 #addPoints:active:not(:disabled),
.mc-dashboard-v2 #removePoints:active:not(:disabled),
.mc-dashboard-v2 #toggleHistoryBtn:active:not(:disabled),
.mc-dashboard-v2 #salvaAntiparassitario:active:not(:disabled) {
  transform: translateY(0) scale(0.985);
}

/* Colori per funzione */

.mc-dashboard-v2 #assignPrize {
  --button-color: 241, 199, 91;
}

.mc-dashboard-v2 #editCustomerBtn {
  --button-color: 85, 217, 255;
}

.mc-dashboard-v2 #manualAdd,
.mc-dashboard-v2 #addPoints {
  --button-color: 80, 229, 162;
}

.mc-dashboard-v2 #manualRemove,
.mc-dashboard-v2 #removePoints {
  --button-color: 255, 113, 133;
}

.mc-dashboard-v2 #toggleHistoryBtn {
  --button-color: 167, 120, 255;
}

.mc-dashboard-v2 #salvaAntiparassitario {
  --button-color: 70, 224, 211;
}

.mc-dashboard-v2 .mc-search-form button[type="submit"] {
  --button-color: 241, 199, 91;
}

/* Premio disponibile */

.mc-dashboard-v2 #assignPrize.is-ready {
  animation: mcLiquidReward 2.5s ease-in-out infinite;
}

@keyframes mcLiquidReward {
  0%,
  100% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.20),
      0 14px 30px rgba(0, 0, 0, 0.23),
      0 0 18px rgba(241, 199, 91, 0.07) !important;
  }

  50% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.28),
      0 18px 38px rgba(0, 0, 0, 0.27),
      0 0 34px rgba(241, 199, 91, 0.22) !important;
  }
}

/* Pulsanti disabilitati */

.mc-dashboard-v2 #assignPrize:disabled,
.mc-dashboard-v2 #editCustomerBtn:disabled,
.mc-dashboard-v2 #salvaAntiparassitario:disabled {
  cursor: not-allowed !important;
  opacity: 0.38 !important;
  filter: saturate(0.50) !important;
  transform: none !important;
}

/* Dimensioni */

.mc-dashboard-v2 .mc-customer-actions-top .btn {
  min-height: 78px !important;
  padding: 16px 20px !important;
  font-size: 16px !important;
}

.mc-dashboard-v2 #customerBox .home-buttons .btn {
  min-height: 62px !important;
  font-size: 15px !important;
}

.mc-dashboard-v2 #addPoints,
.mc-dashboard-v2 #removePoints {
  min-height: 50px !important;
  font-size: 14px !important;
}

.mc-dashboard-v2 #toggleHistoryBtn {
  width: 100% !important;
  min-height: 55px !important;
}

.mc-dashboard-v2 #salvaAntiparassitario {
  min-height: 64px !important;
}

/* Mobile */

@media (max-width: 600px) {
  .mc-dashboard-v2 .mc-liquid-menu {
    grid-template-columns: 43px minmax(0, 1fr) 20px;
    gap: 12px;
    min-height: 72px !important;
    padding: 11px 14px !important;
    border-radius: 19px !important;
  }

  .mc-dashboard-v2 .mc-liquid-menu__icon {
    width: 43px;
    height: 43px;
    border-radius: 14px;
  }

  .mc-dashboard-v2 .mc-liquid-menu__copy strong {
    font-size: 15px;
  }

  .mc-dashboard-v2 .mc-liquid-menu__copy small {
    font-size: 11px;
  }

  .mc-dashboard-v2 #customerBox .home-buttons {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .mc-dashboard-v2 .mc-customer-actions-top .btn {
    min-height: 65px !important;
  }
}

@media (max-width: 430px) {
  .mc-dashboard-v2 #customerBox .home-buttons {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mc-dashboard-v2 .mc-liquid-menu,
  .mc-dashboard-v2 .mc-liquid-menu::after,
  .mc-dashboard-v2 #assignPrize,
  .mc-dashboard-v2 #editCustomerBtn,
  .mc-dashboard-v2 #manualAdd,
  .mc-dashboard-v2 #manualRemove,
  .mc-dashboard-v2 #addPoints,
  .mc-dashboard-v2 #removePoints,
  .mc-dashboard-v2 #toggleHistoryBtn,
  .mc-dashboard-v2 #salvaAntiparassitario {
    animation: none !important;
    transition: none !important;
  }
}

/* =========================================================
   PRIME LOYAL - MODALI LIQUID GLASS
   ========================================================= */

#addCustomerModal,
#clientsModal,
#editCustomerModal,
#campaignModal {
  padding: 20px !important;
  overflow-y: auto;
  background:
    radial-gradient(circle at 50% 5%, rgba(218,177,76,.12), transparent 34%),
    rgba(1,5,11,.78) !important;
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
}

/* Sfondo modali standard */
#addCustomerModal .mc-modal__backdrop,
#clientsModal .mc-modal__backdrop,
#editCustomerModal .mc-modal__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(1,5,11,.60) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

/* Contenitore vetro */
#addCustomerModal .mc-modal__panel,
#clientsModal .mc-modal__panel,
#editCustomerModal .mc-modal__panel,
#campaignModal .mc-modal-content {
  position: relative !important;
  z-index: 2;
  width: min(720px, calc(100vw - 32px)) !important;
  max-width: 720px !important;
  margin: max(24px, 6vh) auto !important;
  padding: 28px !important;
  overflow: hidden;
  border-radius: 28px !important;
  border: 1px solid rgba(242,210,139,.25) !important;

  background:
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.018) 45%),
    rgba(7,14,24,.88) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 35px 90px rgba(0,0,0,.58),
    0 0 0 1px rgba(0,0,0,.22) !important;

  backdrop-filter: blur(30px) saturate(145%);
  -webkit-backdrop-filter: blur(30px) saturate(145%);

  animation: primeLiquidModal .24s ease-out both;
}

@keyframes primeLiquidModal {
  from {
    opacity: 0;
    transform: translateY(18px) scale(.975);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Riflesso sul vetro */
#addCustomerModal .mc-modal__panel::before,
#clientsModal .mc-modal__panel::before,
#editCustomerModal .mc-modal__panel::before,
#campaignModal .mc-modal-content::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;

  background:
    radial-gradient(circle at 18% 0%, rgba(255,235,170,.16), transparent 31%),
    linear-gradient(115deg, transparent 18%, rgba(255,255,255,.055) 42%, transparent 62%);
}

/* Header */
#addCustomerModal .mc-modal__header,
#clientsModal .mc-modal__header,
#editCustomerModal .mc-modal__header {
  position: relative;
  z-index: 2;
  margin-bottom: 22px !important;
}

#addCustomerModal .mc-modal__title,
#clientsModal .mc-modal__title,
#editCustomerModal .mc-modal__title,
#campaignModal h2 {
  color: #f9edcf !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(30px, 4vw, 42px) !important;
  font-weight: 650 !important;
  line-height: 1.05;
  letter-spacing: -.035em;
}

/* Pulsanti chiusura */
#addCustomerModal .mc-modal__close,
#clientsModal .mc-modal__close,
#editCustomerModal .mc-modal__close,
#campaignModal .mc-close {
  position: relative !important;
  inset: auto !important;
  width: 48px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  border-radius: 15px !important;
  border: 1px solid rgba(242,210,139,.18) !important;
  color: #ebcb79 !important;

  background:
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
    rgba(16,23,34,.72) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 10px 24px rgba(0,0,0,.20) !important;

  cursor: pointer;
  transition: .17s ease;
}

#addCustomerModal .mc-modal__close:hover,
#clientsModal .mc-modal__close:hover,
#editCustomerModal .mc-modal__close:hover,
#campaignModal .mc-close:hover {
  transform: rotate(3deg) scale(1.04);
  border-color: rgba(242,210,139,.38) !important;
}

/* Campi */
#editCustomerModal .input,
#campaignModal .input,
#addCustomerModal .pl-add-field,
#clientsModal .pl-clients-search {
  width: 100%;
  min-height: 62px !important;
  margin: 0 !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #fff9eb !important;

  background:
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    rgba(8,14,23,.56) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045) !important;

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  transition: border-color .17s ease, box-shadow .17s ease;
}

#editCustomerModal .input,
#campaignModal .input {
  padding: 16px 18px !important;
}

#campaignModal textarea.input {
  min-height: 150px !important;
  resize: vertical;
  line-height: 1.5;
}

#editCustomerModal .input:focus,
#campaignModal .input:focus,
#addCustomerModal .pl-add-field:focus-within,
#clientsModal .pl-clients-search:focus-within {
  outline: none;
  border-color: rgba(242,210,139,.40) !important;

  box-shadow:
    0 0 0 4px rgba(218,177,76,.07),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* Corpo modifica cliente */
#editCustomerModal .mc-modal__body {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 14px;
  margin: 0 !important;
}

#editCustomerModal .mc-modal__body .input + .input {
  margin-top: 0 !important;
}

/* Pulsanti principali */
#editCustomerModal #saveEditCustomer,
#campaignModal #sendCampaignBtn,
#addCustomerModal .pl-add-btn--primary {
  width: 100%;
  min-height: 60px !important;
  margin: 8px 0 0 !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,235,165,.50) !important;
  color: #171208 !important;
  font-size: 16px !important;
  font-weight: 850 !important;

  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.38), transparent 34%),
    linear-gradient(135deg, #ffe99b, #dbb137 52%, #b9800b) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.47),
    0 15px 32px rgba(188,133,12,.18) !important;

  transition: transform .16s ease, box-shadow .16s ease;
}

#editCustomerModal #saveEditCustomer:hover,
#campaignModal #sendCampaignBtn:hover,
#addCustomerModal .pl-add-btn--primary:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.50),
    0 19px 38px rgba(188,133,12,.25) !important;
}

/* Pulsanti secondari */
#editCustomerModal #cancelEditCustomer,
#addCustomerModal .pl-add-btn--secondary,
#clientsModal .pl-clients-btn-close {
  width: 100%;
  min-height: 58px !important;
  margin: 0 !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  color: rgba(255,255,255,.76) !important;

  background:
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(8,14,23,.58) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* Lista clienti */
#clientsModal .pl-clients-results {
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 18px !important;
  background: rgba(5,10,17,.36) !important;
}

#clientsModal .pl-clients-result-row {
  border-color: rgba(255,255,255,.065) !important;

  background:
    linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015)) !important;
}

#clientsModal .pl-clients-result-row:hover {
  border-color: rgba(242,210,139,.22) !important;

  background:
    linear-gradient(145deg, rgba(242,210,139,.09), rgba(255,255,255,.02)) !important;
}

/* Campagna */
#campaignModal .campaign-stats {
  position: relative;
  z-index: 2;
  margin-bottom: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(242,210,139,.13);
  border-radius: 17px;
  background: rgba(255,255,255,.035);
}

#campaignModal input,
#campaignModal textarea,
#campaignModal #sendCampaignBtn {
  position: relative;
  z-index: 2;
}

/* Mobile */
@media (max-width: 640px) {
  #addCustomerModal,
  #clientsModal,
  #editCustomerModal,
  #campaignModal {
    padding: 10px !important;
  }

  #addCustomerModal .mc-modal__panel,
  #clientsModal .mc-modal__panel,
  #editCustomerModal .mc-modal__panel,
  #campaignModal .mc-modal-content {
    width: calc(100vw - 20px) !important;
    margin: 10px auto !important;
    padding: 20px 17px !important;
    border-radius: 23px !important;
  }

  #addCustomerModal .mc-modal__title,
  #clientsModal .mc-modal__title,
  #editCustomerModal .mc-modal__title,
  #campaignModal h2 {
    font-size: 29px !important;
  }

  #addCustomerModal .mc-modal__close,
  #clientsModal .mc-modal__close,
  #editCustomerModal .mc-modal__close,
  #campaignModal .mc-close {
    width: 43px !important;
    height: 43px !important;
  }
}

/* =========================================================
   PRIME LOYAL - DASHBOARD LIQUID GLASS COMPLETA
   ========================================================= */

.mc-dashboard-v2 {
  --liquid-border: rgba(255, 231, 160, 0.18);
  --liquid-inner: rgba(255, 255, 255, 0.07);
  --liquid-bg: rgba(8, 15, 25, 0.76);
  --liquid-bg-soft: rgba(255, 255, 255, 0.035);
  --liquid-shadow: 0 28px 70px rgba(0, 0, 0, 0.38);
}

/* Pannelli principali */
.mc-dashboard-v2 .mc-overview-card,
.mc-dashboard-v2 .container.home.mc-panel,
.mc-dashboard-v2 .mc-analytics-panel,
.mc-dashboard-email {
  position: relative;
  overflow: hidden;

  border: 1px solid var(--liquid-border) !important;
  background:
    radial-gradient(
      circle at 18% 0%,
      rgba(255, 235, 175, 0.11),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.075),
      rgba(255, 255, 255, 0.018) 48%
    ),
    var(--liquid-bg) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    inset 0 -1px 0 rgba(255, 255, 255, 0.025),
    var(--liquid-shadow) !important;

  backdrop-filter: blur(28px) saturate(135%);
  -webkit-backdrop-filter: blur(28px) saturate(135%);
}

/* Riflesso liquido */
.mc-dashboard-v2 .mc-overview-card::after,
.mc-dashboard-v2 .container.home.mc-panel::after,
.mc-dashboard-v2 .mc-analytics-panel::after,
.mc-dashboard-email::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background:
    linear-gradient(
      115deg,
      transparent 18%,
      rgba(255, 255, 255, 0.055) 42%,
      transparent 62%
    ),
    radial-gradient(
      circle at 85% 5%,
      rgba(218, 177, 76, 0.08),
      transparent 26%
    );
}

/* Contenuti sopra il riflesso */
.mc-dashboard-v2 .mc-overview-card > *,
.mc-dashboard-v2 .container.home.mc-panel > *,
.mc-dashboard-v2 .mc-analytics-panel > *,
.mc-dashboard-email > * {
  position: relative;
  z-index: 1;
}

/* KPI clienti totali */
.mc-dashboard-v2 .mc-top-kpi-card {
  position: relative;
  overflow: hidden;

  border: 1px solid rgba(255, 231, 160, 0.16) !important;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255, 235, 170, 0.13),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.065),
      rgba(255, 255, 255, 0.018)
    ),
    rgba(6, 13, 23, 0.60) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 22px 54px rgba(0, 0, 0, 0.28) !important;

  backdrop-filter: blur(22px) saturate(135%);
  -webkit-backdrop-filter: blur(22px) saturate(135%);
}

/* Campi di ricerca e form */
.mc-dashboard-v2 .input,
.mc-dashboard-v2 .mc-search-input-wrap .input,
.mc-dashboard-v2 select.input {
  border: 1px solid rgba(255, 255, 255, 0.10) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.075),
      rgba(255, 255, 255, 0.025)
    ),
    rgba(7, 13, 22, 0.55) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 -10px 25px rgba(0, 0, 0, 0.05) !important;

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.mc-dashboard-v2 .input:focus {
  border-color: rgba(242, 210, 139, 0.38) !important;

  box-shadow:
    0 0 0 4px rgba(218, 177, 76, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

/* Scheda cliente */
.mc-dashboard-v2 #customerBox {
  position: relative;
  overflow: hidden;

  border: 1px solid rgba(255, 231, 160, 0.17) !important;

  background:
    radial-gradient(
      circle at 10% 0%,
      rgba(255, 231, 155, 0.10),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.065),
      rgba(255, 255, 255, 0.017)
    ),
    rgba(7, 13, 22, 0.68) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 24px 56px rgba(0, 0, 0, 0.30) !important;

  backdrop-filter: blur(24px) saturate(135%);
  -webkit-backdrop-filter: blur(24px) saturate(135%);
}

/* Punti, progresso e riquadri secondari */
.mc-dashboard-v2 .mc-customer-points-hero,
.mc-dashboard-v2 .mc-customer-progress-card,
.mc-dashboard-v2 .mc-anti-customer-card,
.mc-dashboard-v2 .mc-section-block-card,
.mc-dashboard-v2 .history-box {
  border: 1px solid rgba(255, 255, 255, 0.085) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.065),
      rgba(255, 255, 255, 0.018)
    ),
    rgba(8, 14, 23, 0.50) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 16px 35px rgba(0, 0, 0, 0.18) !important;

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

/* Grafico */
.mc-dashboard-v2 .mc-stores-monthly-chart-wrap {
  border: 1px solid rgba(255, 255, 255, 0.085) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.055),
      rgba(255, 255, 255, 0.012)
    ),
    rgba(6, 12, 21, 0.50) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 18px 42px rgba(0, 0, 0, 0.20) !important;

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

/* Leader e classifica negozi */
.mc-dashboard-v2 .mc-stores-monthly-leader,
.mc-dashboard-v2 .mc-stores-monthly-row,
.mc-dashboard-v2 .mc-stores-monthly-pill,
.mc-dashboard-v2 .mc-stores-monthly-total-pill,
.mc-dashboard-email .mc-email-status {
  border: 1px solid rgba(242, 210, 139, 0.13) !important;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.055),
      rgba(255, 255, 255, 0.015)
    ),
    rgba(8, 14, 23, 0.48) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 28px rgba(0, 0, 0, 0.16) !important;

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  transition:
    transform 0.17s ease,
    border-color 0.17s ease,
    background 0.17s ease;
}

.mc-dashboard-v2 .mc-stores-monthly-row:hover {
  transform: translateY(-2px);
  border-color: rgba(242, 210, 139, 0.26) !important;

  background:
    linear-gradient(
      145deg,
      rgba(242, 210, 139, 0.085),
      rgba(255, 255, 255, 0.018)
    ),
    rgba(8, 14, 23, 0.55) !important;
}

/* Sezione Email Marketing */
.mc-dashboard-email {
  border-color: rgba(242, 210, 139, 0.18) !important;

  background:
    radial-gradient(
      circle at 15% 0%,
      rgba(255, 234, 168, 0.10),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.07),
      rgba(255, 255, 255, 0.018)
    ),
    rgba(7, 13, 22, 0.72) !important;
}

/* Effetto hover controllato sui pannelli */
.mc-dashboard-v2 .container.home.mc-panel,
.mc-dashboard-v2 .mc-analytics-panel,
.mc-dashboard-email {
  transition:
    border-color 0.20s ease,
    box-shadow 0.20s ease;
}

.mc-dashboard-v2 .container.home.mc-panel:hover,
.mc-dashboard-v2 .mc-analytics-panel:hover,
.mc-dashboard-email:hover {
  border-color: rgba(242, 210, 139, 0.25) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.11),
    0 32px 76px rgba(0, 0, 0, 0.42) !important;
}

/* Mobile */
@media (max-width: 860px) {
  .mc-dashboard-v2 .mc-overview-card,
  .mc-dashboard-v2 .container.home.mc-panel,
  .mc-dashboard-v2 .mc-analytics-panel,
  .mc-dashboard-email {
    backdrop-filter: blur(20px) saturate(125%);
    -webkit-backdrop-filter: blur(20px) saturate(125%);
  }

  .mc-dashboard-v2 .mc-overview-card::after,
  .mc-dashboard-v2 .container.home.mc-panel::after,
  .mc-dashboard-v2 .mc-analytics-panel::after,
  .mc-dashboard-email::after {
    opacity: 0.65;
  }
}

/* Riduce gli effetti se richiesto dal dispositivo */
@media (prefers-reduced-motion: reduce) {
  .mc-dashboard-v2 *,
  .mc-dashboard-email * {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* =========================================================
   PRIME LOYAL - AUTOCOMPLETE LIQUID GLASS
   ========================================================= */

.mc-dashboard-v2 .mc-main-panel .mc-primary-actions {
  max-height: 400px;
  opacity: 1;
  overflow: hidden;
  transform: translateY(0);
  transition:
    max-height .28s ease,
    opacity .20s ease,
    transform .28s ease,
    margin .28s ease;
}

/* Nasconde i pulsanti mentre sono visibili i suggerimenti */
.mc-dashboard-v2 .mc-main-panel.is-autocomplete-open .mc-primary-actions {
  max-height: 0 !important;
  margin-top: 0 !important;
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}

/* Riserva lo spazio necessario alla tendina */
.mc-dashboard-v2 .mc-main-panel.is-autocomplete-open .mc-search-form {
  margin-bottom: min(390px, 48vh) !important;
}

/* Contenitore autocomplete */
body.mc-store-dashboard-page
.dashboard-shell.mc-dashboard-v2
#searchSuggestions {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 12px) !important;
  z-index: 9999 !important;

  width: 100% !important;
  max-height: min(370px, 46vh);
  margin: 0 !important;
  padding: 12px !important;

  overflow-x: hidden;
  overflow-y: auto;

  border: 1px solid rgba(242, 210, 139, .24) !important;
  border-radius: 24px !important;

  background:
    radial-gradient(
      circle at 18% 0%,
      rgba(255, 235, 170, .15),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .09),
      rgba(255, 255, 255, .025) 48%
    ),
    rgba(6, 13, 23, .91) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .10),
    0 28px 70px rgba(0, 0, 0, .48),
    0 0 0 1px rgba(0, 0, 0, .20) !important;

  backdrop-filter: blur(28px) saturate(145%);
  -webkit-backdrop-filter: blur(28px) saturate(145%);

  transform-origin: top center;
  animation: primeAutocompleteOpen .22s ease-out both;
}

@keyframes primeAutocompleteOpen {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Singolo cliente */
body.mc-store-dashboard-page
.dashboard-shell.mc-dashboard-v2
#searchSuggestions
.mc-search-suggestion {
  position: relative;
  width: 100% !important;
  min-height: 76px;
  padding: 15px 17px !important;

  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 18px !important;

  color: #fff !important;
  text-align: left !important;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, .065),
      rgba(255, 255, 255, .018)
    ),
    rgba(8, 15, 25, .66) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .045),
    0 10px 24px rgba(0, 0, 0, .14) !important;

  cursor: pointer;
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease;
}

body.mc-store-dashboard-page
.dashboard-shell.mc-dashboard-v2
#searchSuggestions
.mc-search-suggestion::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background: linear-gradient(
    115deg,
    transparent 18%,
    rgba(255, 255, 255, .07) 48%,
    transparent 76%
  );

  opacity: 0;
  transform: translateX(-70%);
  transition: opacity .20s ease, transform .46s ease;
}

body.mc-store-dashboard-page
.dashboard-shell.mc-dashboard-v2
#searchSuggestions
.mc-search-suggestion:hover {
  transform: translateY(-1px);

  border-color: rgba(242, 210, 139, .28) !important;

  background:
    linear-gradient(
      135deg,
      rgba(242, 210, 139, .12),
      rgba(255, 255, 255, .025)
    ),
    rgba(8, 15, 25, .76) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 14px 30px rgba(0, 0, 0, .20) !important;
}

body.mc-store-dashboard-page
.dashboard-shell.mc-dashboard-v2
#searchSuggestions
.mc-search-suggestion:hover::before {
  opacity: 1;
  transform: translateX(70%);
}

body.mc-store-dashboard-page
#searchSuggestions
.mc-search-suggestion + .mc-search-suggestion {
  margin-top: 9px !important;
}

body.mc-store-dashboard-page
#searchSuggestions
.mc-search-suggestion__top {
  position: relative;
  z-index: 1;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

body.mc-store-dashboard-page
#searchSuggestions
.mc-search-suggestion__title {
  color: #f9edcf !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.2;
}

body.mc-store-dashboard-page
#searchSuggestions
.mc-search-suggestion__meta {
  position: relative;
  z-index: 1;

  margin-top: 7px !important;
  color: rgba(255, 255, 255, .52) !important;
  font-size: 13px !important;
  line-height: 1.4;
}

/* Badge punti */
body.mc-store-dashboard-page
#searchSuggestions
.mc-suggestion-badge {
  flex: 0 0 auto;
  padding: 7px 11px;

  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 999px;

  color: rgba(255, 255, 255, .75);
  background: rgba(255, 255, 255, .055);

  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}

body.mc-store-dashboard-page
#searchSuggestions
.mc-suggestion-badge.is-prize {
  color: #f7d983;
  border-color: rgba(242, 210, 139, .22);
  background: rgba(218, 177, 76, .10);
}

/* Scrollbar */
body.mc-store-dashboard-page #searchSuggestions::-webkit-scrollbar {
  width: 8px;
}

body.mc-store-dashboard-page #searchSuggestions::-webkit-scrollbar-track {
  margin: 12px 0;
  background: transparent;
}

body.mc-store-dashboard-page #searchSuggestions::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background:
    linear-gradient(#bea04f, #80671f)
    padding-box;
}

/* Mobile */
@media (max-width: 760px) {
  .mc-dashboard-v2 .mc-main-panel.is-autocomplete-open .mc-search-form {
    margin-bottom: 0 !important;
  }

  body.mc-store-dashboard-page
  .dashboard-shell.mc-dashboard-v2
  #searchSuggestions {
    position: relative !important;
    top: auto !important;
    max-height: 360px;
    margin-top: 12px !important;
    border-radius: 20px !important;
  }

  body.mc-store-dashboard-page
  #searchSuggestions
  .mc-search-suggestion {
    min-height: 70px;
    padding: 13px 14px !important;
  }

  body.mc-store-dashboard-page
  #searchSuggestions
  .mc-search-suggestion__top {
    align-items: flex-start;
  }
}