/* ===== DigitalBrain Console — Glass UI v2 ===== */
:root{
  --bg:#0b1020; --panel:#0f172a; --txt:#e6edf3; --muted:#94a3b8; --accent:#22d3ee;
  --radius:16px; --gap:16px; --side-w:260px; --right-w:340px; --maxw:1600px;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--txt);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto;}
a{color:inherit;text-decoration:none}

/* Header */
.dbc-header{
  position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;
  padding:12px 16px;background:rgba(11,16,32,.72);backdrop-filter:blur(8px) saturate(130%);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.dbc-header .brand{display:flex;align-items:center;gap:10px;font-weight:700}
.dbc-header .brand img { height:72px !important; }
.dbc-header .header-actions{margin-left:auto;display:flex;gap:10px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #334155;
  border-radius:12px;background:#0e1527;color:var(--txt);cursor:pointer}
.btn:hover{background:#0f1a31;border-color:#41506a}
.btn.primary{background:var(--accent);border-color:#22d3ee;color:#06131a}
.btn.small{padding:8px 12px;border-radius:10px}

/* Grid */
.dbc-main{display:grid;grid-template-columns: var(--side-w) minmax(520px,1fr) var(--right-w);
  gap:var(--gap);padding:16px;margin:0 auto;max-width:var(--maxw)}
.dbc-side,.dbc-content,.dbc-right{min-height:calc(100vh - 70px)}
.panel{background:rgba(16,22,39,.65);border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius);padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.25);backdrop-filter:blur(12px)}
.dbc-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dbc-nav a{display:block;padding:12px;border-radius:12px;border:1px solid transparent}
.dbc-nav a:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}
.dbc-nav a.active{background:rgba(46,212,238,.12);border-color:#22d3ee}

.dbc-content .card{background:rgba(20,26,44,.55);border:1px solid rgba(255,255,255,.08);
  border-radius:16px;padding:18px}

/* Tables */
.table{width:100%;border-collapse:separate;border-spacing:0 10px}
.table thead th{font-weight:700;color:#cbd5e1;text-align:left;padding:10px 14px}
.table tbody td{padding:14px;background:rgba(255,255,255,.02)}
.table tbody tr{border-radius:12px;overflow:hidden}
.table tbody tr td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}
.table tbody tr td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}

/* Right column */
.dbc-right h3{margin:0 0 10px 0}
.search-wrap input{width:100%;padding:10px;border-radius:12px;border:1px solid #334155;
  background:#0e1527;color:var(--txt)}

/* Utilities */
.h1{font-size:22px;font-weight:800;margin:0 0 8px}
.sub{color:var(--muted);margin-top:4px}
.muted{color:#9aa8bd}
.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:14px}

/* Responsive */
@media(max-width:980px){ .dbc-main{grid-template-columns: var(--side-w) 1fr} .dbc-right{display:none} }
@media(max-width:720px){ .dbc-main{grid-template-columns:1fr} .dbc-side{display:none} }

/* Cleanup legacy bits */
button#btn-logout.fixed-bottom{display:none !important} /* eventuale pulsante flottante vecchio */
.badge-dot,.blue-dot{display:none !important}           /* i “pallini” blu legacy */

/* === DBC header fix (Customers) === */
.dbc-header{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; gap:14px;
  padding:10px 24px;                         /* stacca dai bordi */
  background:rgba(11,16,32,.65);             /* effetto vetro soft */
  backdrop-filter:saturate(1.1) blur(6px);
  border-bottom:1px solid rgba(255,255,255,.08); /* delimitazione */
}
.dbc-header .brand img { height:72px !important; }
.dbc-header .header-actions{ margin-left:auto; }

/* Bottone Logout neutro (no celestino) */
.dbc-header .btn.small{
  background:#0b1020; color:#e6edf3;
  border:1px solid #334155; border-radius:10px;
  padding:8px 14px;
}
.dbc-header .btn.small:hover{ border-color:#22d3ee; }
/* === /DBC header fix === */

/* === DBC header hard override === */
.dbc-header{
  background: rgba(11,16,32,.72) !important;
  backdrop-filter: saturate(1.1) blur(6px) !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  padding: 10px 24px !important;
}
.dbc-header .brand img { height:72px !important; }
.dbc-header .header-actions{ margin-left:auto !important; }
.dbc-header .btn.small{
  background:#0b1020 !important;
  color:#e6edf3 !important;
  border:1px solid #334155 !important;
  border-radius:10px !important;
  padding:8px 14px !important;
}
.dbc-header .btn.small:hover{ border-color:#22d3ee !important; }
/* === /override === */

/* ===== Overrides Customers Header ===== */
.dbc-header{
  background: rgba(11,16,32,.72) !important;
  backdrop-filter: saturate(1.05) blur(6px) !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  padding: 10px 24px !important;
}
.dbc-header .brand img { height:72px !important; }

/* Bottone logout in alto: replica dello stile "pulsante basso" */
#btn-logout{
  position: static !important;
  background: #0b1020 !important;
  color: #e6edf3 !important;
  border: 1px solid #334155 !important;
  border-radius: 12px !important;
  padding: 10px 18px !important;
  box-shadow: none !important;
}
#btn-logout:hover{ border-color:#22d3ee !important; }
/* ===== /Overrides ===== */
/* === Tuning header (customers) — 2025-09-08 === */
.dbc-header{ padding:10px 16px !important; border-bottom:1px solid rgba(255,255,255,.07); }
.dbc-header .brand img { height:72px !important; }
.dbc-header .header-actions .btn.small{
  padding:8px 14px; border-radius:10px; border:1px solid #334155;
  background:#0f172a; color:#e6edf3; box-shadow:none;
}
@media (max-width:980px){
.dbc-header .brand img { height:72px !important; }
  .dbc-header{ padding:8px 12px !important; }
}
/* Footer layout & logo */
.dbc-footer{display:flex;justify-content:flex-end;align-items:center}
.dbc-footer .dbc-foot-wrap{display:flex;align-items:center;gap:8px}
.dbc-footer .db-foot-logo{height:52px;vertical-align:middle}
/* Nascondi eventuali pallini decorativi residui */
.dot,.pulse-dot,.dbc-dot{display:none !important;width:0 !important;height:0 !important}

/* --- Patch: rimuovi i pallini decorativi (customers) --- */
.dbc-content .dot,
.dbc-content .blue-dot,
.dbc-content .status-dot,
.dbc-content .pulse,
.dbc-content .ping,
.dbc-content .bullet {
  display: none !important;
}

/* --- Patch customers: rimuovi puntini decorativi/dot --- */
.dbc-content .dot,
.dbc-content .blue-dot,
.dbc-content .status-dot,
.dbc-content .pulse,
.dbc-content .ping,
.dbc-content .bullet { display:none !important; }

/* --- PATCH: rimuovi i pallini blu sparsi --- */
.dot, .blue-dot, .status-dot, .pulse, .ping, .bullet { display:none !important; }
/* in caso fossero creati con gradient inline */
*[style*="radial-gradient"] { display:none !important; }

/* --- Footer bello, con logo vicino al testo --- */
.dbc-footer { padding: 14px 0; }
.dbc-footer .footer-inner{
  display:flex; align-items:center; justify-content:center; gap:10px;
}


/* PATCH FOOTER FORCE (2025-09-08) */
footer.footer{display:none !important;}
footer.dbc-footer, .dbc-footer{display:flex !important; align-items:center !important; justify-content:center !important; padding:14px 0 !important;}
.dbc-footer .footer-inner{display:flex !important; align-items:center !important; gap:6px !important;}

.dbc-footer, .dbc-footer span{color:rgba(255,255,255,.7) !important;}

/* PATCH FOOTER SHOW FINAL (2025-09-08) */
html body footer.dbc-footer{display:flex !important; align-items:center !important; justify-content:center !important; padding:14px 0 !important;}
html body footer.dbc-footer .footer-inner{display:flex !important; align-items:center !important; gap:6px !important;}
html body footer.dbc-footer img{height:18px !important; width:auto !important; margin-right:4px !important; vertical-align:middle !important;}

html body footer.dbc-footer{outline:2px solid #00ff00 !important; background:rgba(0,255,0,.06) !important; display:flex !important; align-items:center !important; justify-content:center !important; min-height:32px !important; position:relative !important; z-index:2 !important;}
html body footer.dbc-footer img{height:18px !important; margin-right:4px !important;}

html body footer.dbc-footer{display:block !important; background:#ff00ff !important; color:#fff !important; min-height:40px !important; position:relative !important; z-index:9999 !important;}

html body footer.dbc-footer{position:fixed !important; left:0 !important; right:0 !important; bottom:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; min-height:34px !important; z-index:99999 !important;}

/* PATCH FOOTER FINAL (2025-09-08) */
footer.footer{display:none !important;}
html body footer.dbc-footer{position:static !important; left:auto !important; right:auto !important; bottom:auto !important; outline:none !important; background:transparent !important; color:rgba(255,255,255,.7) !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:14px 0 !important; min-height:auto !important; z-index:auto !important;}
html body footer.dbc-footer .footer-inner{display:flex !important; align-items:center !important; gap:6px !important;}
html body footer.dbc-footer img{height:18px !important; width:auto !important; margin-right:4px !important; vertical-align:middle !important;}

/* PATCH FOOTER RESIZE LOGO (2025-09-08) */
html body footer.dbc-footer img{height:26px !important; width:auto !important; margin-right:6px !important; vertical-align:middle !important;}

/* PATCH FOOTER RESIZE LOGO (2025-09-08 v2) */
html body footer.dbc-footer img{height:36px !important; width:auto !important; margin-right:6px !important; vertical-align:middle !important;}

/* ==== UI UPGRADE Customers (2025-09-09) =================================== */
/* 1) Tabella più leggibile: header “glass”, righe alternate, hover highlight */
.dbc-content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
}
.dbc-content thead th {
  position: sticky; top: 0;
  background: rgba(15, 23, 42, .72); /* glassy */
  backdrop-filter: saturate(140%) blur(6px);
  -webkit-backdrop-filter: saturate(140%) blur(6px);
  text-align: left;
  font-weight: 600;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.dbc-content tbody td {
  padding: 12px 14px;
  border-top: 1px solid rgba(255,255,255,.06);
  vertical-align: middle;
  white-space: nowrap;
}
.dbc-content tbody tr:nth-child(even) { background: rgba(148,163,184,.04); }
.dbc-content tbody tr:hover { background: rgba(148,163,184,.10); transition: background .16s ease; }

/* Scroll orizzontale elegante se le colonne eccedono lo spazio */
.dbc-content .card { overflow-x: auto; }

/* 2) Nascondi il Logout duplicato in basso (mantieni quello in header) */
#db-logout-btn { display:none !important; }                 /* bottone injectato dal guard */
button#btn-logout.fixed-bottom { display:none !important; } /* eventuale legacy */

/* 3) Footer: logo più grande e vicino al copyright */

.dbc-footer .footer-inner { gap: 8px !important; }
/* ==========================================================================/ */

/* === FOOTER PINNATO & LOGO (2025-09-09) ========================= */
/* Footer sempre visibile */
footer.dbc-footer, .dbc-footer{
  position: fixed !important;
  left: 0; right: 0; bottom: 0;
  z-index: 40;
  background: #0b1324; /* coerente col tema */
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 12px 0 !important;
}

/* Spazio di rispetto in fondo alla pagina per non coprire i contenuti */
body, .dbc-main, .dbc-content { padding-bottom: 64px !important; }

/* Logo footer più grande e vicino al copyright */
footer

/* Nascondi eventuali puntini/decorazioni residui nel footer */
footer.dbc-footer .blue-dot,
footer.dbc-footer .dot,
footer.dbc-footer .pulse,
footer.dbc-footer .ping,
footer.dbc-footer .bullet { display:none !important; width:0 !important; height:0 !important; }
/* ================================================================ */

/* === FOOTER FIX DEFINITIVO (2025-09-09) =============================== */
/* 1) Nascondi SEMPRE il footer legacy (quello col pallino) */
html body footer.footer { display: none !important; visibility: hidden !important; height:0 !important; overflow:hidden !important; }

/* 2) Mostra e fissa il footer nuovo (.dbc-footer) in basso */
html body footer.dbc-footer{
  display:flex !important;
  position: fixed !important;
  left: 0; right: 0; bottom: 0;
  z-index: 50 !important;
  background: #0b1324 !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  padding: 12px 0 !important;
  justify-content: center !important;
  align-items: center !important;
}

/* 3) Spazio di rispetto per i contenuti */
html, body { min-height: 100% !important; }
body, .dbc-main, .dbc-content { padding-bottom: 76px !important; }

/* 4) Logo nel footer ben visibile vicino al copyright */
html body footer.dbc-footer .footer-inner{ display:flex !important; align-items:center !important; gap:10px !important; }
html body footer

/* 5) Elimina eventuali “pallini” residui nel footer */
html body footer.dbc-footer .blue-dot,
html body footer.dbc-footer .dot,
html body footer.dbc-footer .pulse,
html body footer.dbc-footer .ping,
html body footer.dbc-footer .bullet { display:none !important; width:0 !important; height:0 !important; }
/* ===================================================================== */

/* === FOOTER RECOVERY (2025-09-09) ==================================== */
/* 1) Forza visibili entrambi i footer (legacy e nuovo) */
footer.footer { display:flex !important; visibility:visible !important; height:auto !important; }
footer.dbc-footer, .dbc-footer { display:flex !important; }

/* 2) Ingrandisci il logo vicino al copyright (override inline) */
footer.footer img[alt="DigitalBrain"],


/* 3) Nascondi il pallino/blink del footer legacy */
footer.footer .logo,
footer.footer .blue-dot,
footer.footer .dot,
footer.footer .pulse,
footer.footer .ping,
footer.footer .bullet { display:none !important; }

/* 4) Spazio di rispetto minimo in fondo alla pagina (se servisse) */
body { padding-bottom: 16px !important; }

/* [cache-bust footer-recovery] */

/* === FOOTER CLEAN OVERRIDE (2025-09-09) ============================== */
/* Mostra e stila SOLO il nuovo footer .dbc-footer */
html body footer.dbc-footer{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 16px 0 !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  background: #0b1324 !important;
  color: rgba(255,255,255,.72) !important;
}
html body footer.dbc-footer .footer-inner{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
html body footer
/* ==================================================================== */

html body footer.dbc-footer{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  padding:16px 0 !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  background:#0b1324 !important;
  color:rgba(255,255,255,.72) !important;
  outline:2px solid magenta !important;   /* DEBUG: rimuoveremo dopo */
}
html body footer.dbc-footer .footer-inner{
  display:flex !important; align-items:center !important; gap:10px !important;
}
html body footer.dbc-footer .footer-inner > img[alt="DigitalBrain"],
html body footer.dbc-footer img{
  height:56px !important;   /* logo bello grande */
  width:auto !important;
  margin-right:8px !important;
  vertical-align:middle !important;
}
/* ================================================================= */

footer.dbc-footer .footer-inner{
  display:inline-flex !important;        /* niente collasso anomalo */
  align-items:center !important;
  gap:2px !important;                     /* spazio controllato */
}

footer.dbc-footer span{
  letter-spacing:0 !important;            /* evita tracking che amplifica lo stacco visivo */
}

/* Footer: compatta e avvicina logo al copyright (override soft) */
footer.dbc-footer { padding: 10px 0 !important; }
footer.dbc-footer .footer-inner { gap: 6px !important; }

/* === FOOTER SIZE CANONICO (2025-09-09) ================================ */
footer.dbc-footer .footer-inner{display:flex;align-items:center;gap:6px}

/* ===================================================================== */

/* === FOOTER SIZE LOCK (2025-09-09) =============================== */
footer.dbc-footer .footer-inner{display:flex;align-items:center;gap:4px !important}

/* ================================================================ */

/* === FOOTER LOGO CANONICO (2025-09-09) =========================== */
footer.dbc-footer .footer-inner {
  display:flex !important; align-items:center !important; gap:4px !important;
}

/* ================================================================ */

/* === FOOTER LOGO CANONICO (2025-09-09) =========================== */
footer.dbc-footer .footer-inner {
  display:flex !important; align-items:center !important; gap:4px !important; justify-content:center !important;
}
footer.dbc-footer img[alt="DigitalBrain"] {
  height:22px !important; width:auto !important;
  margin-right:4px !important; vertical-align:middle !important;
  display:inline-block !important;
}
/* ================================================================ */

/* === FOOTER — misura logo canonica (lock) [2025-09-09] ================= */
footer.dbc-footer .footer-inner{ display:flex; align-items:center; gap:6px !important; }
footer.dbc-footer .footer-inner > img[alt="DigitalBrain"]{
  height:22px !important;       /* se vuoi 24px, cambia qui */
  max-height:22px !important;
  width:auto !important;
  margin-right:6px !important;
  vertical-align:middle !important;
}
/* ====================================================================== */

/* === FOOTER LOGO — CANONICO (staging, 2025-09-09) =================== */
footer.dbc-footer .footer-inner{
  display:flex; align-items:center; gap:6px;
}
footer.dbc-footer .footer-inner > img[alt="DigitalBrain"]{
  height:20px; width:auto; margin-right:6px; vertical-align:middle;
}
/* ==================================================================== */

/* === FOOTER • Logo size canonical (2025-09-09) ===================== */
footer.dbc-footer .footer-inner > img[alt="DigitalBrain"]{
  height:20px !important;     /* cambia solo qui se vuoi 18/22/24 */
  width:auto !important;
  margin-right:6px !important;
  vertical-align:middle !important;
  display:inline-block !important;
}
footer.dbc-footer .footer-inner{ gap:6px !important; align-items:center !important; }
/* =================================================================== */

/* DreamPage Customers — header right title */
.page-title-right{ font-weight:600; opacity:.9; }

/* DreamPage Customers — header right title */
.page-title-right{ font-weight:600; opacity:.9; }

/* DreamPage — titolo Clienti in alto a dx */
.page-title-right {
  font-size: 22px !important;
  font-weight: 700 !important;
  margin-right: 20px !important;
  margin-left: auto !important;
  display: inline-block !important;
}

/* Logout Dock stile DealerCloud */
.logout-dock{
  position:fixed;
  bottom:0; left:0; right:0;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  padding:6px;
  background:#0b1324;
  border-top:1px solid rgba(255,255,255,.1);
}
.logout-btn{
  background:none;
  border:none;
  font-size:22px;
  color:#e6edf3;
  cursor:pointer;
  transition:color 0.2s;
}
.logout-btn:hover{ color:#22d3ee; }

/* Chip utente attivo */
.user-chip{
  font-size:13px;
  color:rgba(255,255,255,.75);
  background:rgba(255,255,255,.06);
  border-radius:12px;
  padding:4px 10px;
}

/* === Logout Dock stile DealerCloud (2025-09-09) === */
.logout-dock{
  position:fixed;
  bottom:0; left:0; right:0;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  padding:6px;
  background:#0b1324;
  border-top:1px solid rgba(255,255,255,.1);
  z-index:99999;
}
.logout-btn{
  background:none;
  border:none;
  font-size:22px;
  color:#e6edf3;
  cursor:pointer;
  transition:color 0.2s;
}
.logout-btn:hover{ color:#22d3ee; }

/* Chip utente attivo */
.user-chip{
  font-size:13px;
  color:rgba(255,255,255,.75);
  background:rgba(255,255,255,.06);
  border-radius:12px;
  padding:4px 10px;
}

/* === DreamPage: chip utente in header =================================== */
.header-right-extra{ margin-left:auto; display:flex; align-items:center; }
.user-chip{
  font-size:13px; color:rgba(255,255,255,.85);
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px; padding:4px 10px; margin-left:12px;
}

/* === DreamPage: Logout FAB (floating, basso a sinistra) ================= */
.logout-fab{
  position: fixed; left: 24px; bottom: 22px; z-index: 1000;
  width: 42px; height: 42px; display:flex; align-items:center; justify-content:center;
  background:#0f172a; color:#e6edf3; border:1px solid rgba(255,255,255,.16);
  border-radius:10px; box-shadow: 0 6px 20px rgba(0,0,0,.35);
  cursor:pointer; transition: transform .15s ease, box-shadow .15s ease, color .15s ease;
}
.logout-fab:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(0,0,0,.45);
  color:#22d3ee;
}

/* === DreamPage — layout vars ========================================== */
:root{
  --sidebar-w: 220px;      /* era più larga: la stringiamo un po' */
  --page-pad: 24px;        /* padding orizzontale pagina */
}

/* Colonna sinistra (filtri) un filo più stretta */
section.dbc-content aside.sidebar{
  width: var(--sidebar-w);
  min-width: var(--sidebar-w);
}

/* Titolo centrato in header */
header.dbc-header{ position: relative; }
.page-title-center{
  position:absolute; left:50%; top:50%;
  transform: translate(-50%, -50%);
  font-weight:700; font-size:18px; letter-spacing:.2px;
  color:#e6edf3; opacity:.95; pointer-events:none;
}

/* Chip utente a destra (già iniettato) */
.header-right-extra{ margin-left:auto; display:flex; align-items:center; }

/* Logout rettangolare, largo come la sidebar, allineato in basso a sinistra */
.logout-fab{
  position: fixed;
  left: var(--page-pad);
  bottom: 12px;            /* tocca la linea superiore del footer senza sovrapporsi */
  z-index: 1000;
  width: var(--sidebar-w);
  height: 44px;
  display:flex; align-items:center; justify-content:center; gap:8px;
  background:#0f172a;
  color:#e6edf3;
  border:1px solid rgba(255,255,255,.16);
  border-radius:12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  cursor:pointer;
  transition: transform .15s ease, box-shadow .15s ease, color .15s ease, border-color .15s ease;
}
.logout-fab::before{
  content:"⏻";
  font-size:18px; line-height:1; opacity:.95;
  transform: translateY(-1px);
}
.logout-fab:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(0,0,0,.45);
  color:#22d3ee;
  border-color: rgba(34,211,238,.35);
}

/* Titolo centrato in header — più grande e uppercase */
header.dbc-header{ position:relative; }
.page-title-center{
  position:absolute; left:50%; top:50%;
  transform: translate(-50%, -50%);
  font-weight:800; font-size:20px; text-transform:uppercase;
  letter-spacing:.3px; color:#e6edf3; opacity:.98; pointer-events:none;
}

/* === Sidebar: layout colonna, logout in fondo ========================== */
section.dbc-content aside.sidebar{
  display:flex;
  flex-direction:column;
  gap:12px;
  /* spazio finale per respirare prima del footer */
  padding-bottom: 12px;
  /* se vuoi stringerla di più, usa la tua var o una width fissa: */
  /* width: var(--sidebar-w, 220px); min-width: var(--sidebar-w, 220px); */
}
.sidebar-logout{ margin-top:auto; }

.logout-full{
  display:flex; align-items:center; justify-content:center;
  height:44px; width:100%;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.16);
  background:#0f172a;
  color:#e6edf3; text-decoration:none; font-weight:600;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, color .15s ease;
}
.logout-full::before{
  content:"⏻";
  margin-right:10px; font-size:18px; line-height:1;
  transform: translateY(-1px);
}
.logout-full:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(0,0,0,.45);
  color:#22d3ee;
  border-color: rgba(34,211,238,.35);
}

/* === Sidebar: padding simmetrico e logout full-width, centrato ========= */
section.dbc-content aside.sidebar{
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;           /* fa rispettare i padding nella larghezza */
}

section.dbc-content aside.sidebar .sidebar-logout{ 
  margin-top: auto; 
  padding-top: 8px;                 /* un filo d'aria prima del bottone */
}

section.dbc-content aside.sidebar .logout-full{
  width: 100%;                      /* occupa tutta la colonna interna */
  justify-content: center;          /* testo/icona davvero centrati */
}

/* === Force centering for sidebar logout (strong override) ============== */
section.dbc-content aside.sidebar{
  padding-left: 12px !important;
  padding-right: 12px !important;
  padding-bottom: 14px;           /* un filo sopra il footer */
  box-sizing: border-box;
}

section.dbc-content aside.sidebar .sidebar-logout{
  margin-top: auto;
  margin-bottom: 0;
}

section.dbc-content aside.sidebar .logout-full{
  width: 100% !important;         /* occupa tutta la larghezza interna */
  box-sizing: border-box;
  justify-content: center;
}

/* === Shift leggero di tutta la sidebar verso sinistra ============== */
section.dbc-content aside.sidebar{
  position: relative;
  left: -6px;   /* regola il valore per centrare Logout */
}

/* === Shift globale sidebar verso sinistra =========================== */
section.dbc-content aside.sidebar{
  position: relative;
  left: -8px;   /* sposta tutto sidebar, inclusi radio + Logout */
}

/* === Centra davvero il bottone Logout nella colonna ================== */
/* padding simmetrico solo per sicurezza (override forte) */
section.dbc-content > aside.sidebar{
  padding-left: 14px !important;
  padding-right: 14px !important;
  box-sizing: border-box;
}

/* container del bottone in fondo */
section.dbc-content > aside.sidebar .sidebar-logout{
  margin-top: auto;
  padding-top: 10px;
}

/* bottone: full-width, centrato e con un leggero nudge a sinistra */
section.dbc-content > aside.sidebar .logout-full{
  width: 100% !important;
  margin: 0 auto;
  justify-content: center;
  /* micro-correzione di allineamento (regola: -2px / -4px / 0px) */
  transform: translateX(-3px);
}

/* === Sidebar: allineamento uniforme per Dashboard, Stato, Logout ======= */
section.dbc-content aside.sidebar{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

section.dbc-content aside.sidebar .group,
section.dbc-content aside.sidebar .sidebar-logout,
section.dbc-content aside.sidebar a.navitem,
section.dbc-content aside.sidebar .logout-full{
  margin-left: 16px !important;   /* stesso margine Dashboard */
  margin-right: 16px !important;
}

/* ===== DEBUG (temporaneo): contorni per capire i box ================== */

/* ===== Allineamento sidebar rispetto alla griglia ===================== */
#customers-sidebar{ padding-left:12px !important; padding-right:12px !important; box-sizing:border-box !important; }

/* Blocchi e bottone logout allineati al medesimo gutter */
#customers-sidebar .group,
#customers-sidebar .sidebar-logout{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Bottone Logout full width e centrato */
#customers-sidebar .logout-full{
  width: 100% !important;
  display:flex !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

/* === Sidebar allineata al bottone ← Dashboard ======================= */
#customers-sidebar{
  padding-left: 24px !important;   /* stesso bordo del layout principale */
  padding-right: 12px !important;
  box-sizing: border-box !important;
}

/* Blocchi interni e bottone in piena larghezza del gutter */
#customers-sidebar .group,
#customers-sidebar .sidebar-logout{ margin-left:0 !important; margin-right:0 !important; }

#customers-sidebar .logout-full{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

/* === DreamPage Customers — Sidebar hard align (2025-09-09) ============ */
/* Azzeriamo il padding della colonna per allinearla al gutter di pagina */
section.dbc-content aside.sidebar{
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Rimettiamo il respiro SOLO all'interno (gruppi + logout) */
section.dbc-content aside.sidebar .group{ 
  padding: 0 12px !important;
}
section.dbc-content aside.sidebar .sidebar-logout{
  margin-top: auto !important;
  padding: 0 12px 12px !important;
}
section.dbc-content aside.sidebar .logout-full{
  width: 100% !important;
  justify-content: center !important;
}
/* ====================================================================== */

/* Allinea i contenuti della sidebar al nuovo bordo sinistro */
section.dbc-content aside.sidebar .group,
section.dbc-content aside.sidebar .heading { margin-left: 0; }

/* === Fix allineamento sidebar dream page (sposta tutto a SX) ========= */
#customers-sidebar{ padding-left:12px !important; padding-right:12px !important; }
#customers-sidebar .group,
#customers-sidebar .sidebar-logout,
#customers-sidebar a.navitem{ margin-left:0 !important; margin-right:0 !important; }

/* Logout full width, davvero centrato nella colonna */
#customers-sidebar .logout-full{
  width:100% !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

/* === DreamPage: allinea sidebar e logout a SX senza compromessi ========= */
#customers-sidebar{ padding-left:0 !important; padding-right:12px !important; }
#customers-sidebar .group,
#customers-sidebar .heading,
#customers-sidebar .sidebar-logout,
#customers-sidebar a.navitem{ margin-left:0 !important; padding-left:0 !important; }
#customers-sidebar .logout-full{
  margin-left:0 !important;
  width:100% !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}
/* --- Sidebar Customers: layout & spacing (2025-09-10) --- */
aside.sidebar .sidebar-card { margin-top: 12px; }
aside.sidebar .sidebar-section { margin-top: 8px; }
aside.sidebar .sidebar-section__title { margin: 6px 0 4px; opacity: .85; font-size: .85rem; }

/* pulsanti in colonna, full width, spaziatura uniforme */
.sidebar-buttons--stack .btn {
  display: block;
  width: 100%;
  text-align: center;
  margin: 6px 0;
}

/* logout centrato e ancorato in basso (già con .sidebar-bottom) */
aside.sidebar .sidebar-bottom { display: flex; justify-content: center; }
aside.sidebar .sidebar-bottom .btn { min-width: 140px; }
/* --- Customers layout patch (2025-09-10) --- */

/* Filtri stato a destra, orizzontali */
.right-panel .status-filters {
  display: flex;
  gap: .5rem;
  margin-top: .5rem;
  flex-wrap: wrap;
}
.right-panel .status-filters .status-pill {
  padding: .25rem .6rem;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 9999px;
  font-size: .85rem;
  cursor: pointer;
}
.right-panel .status-filters .status-pill.active {
  border-color: rgba(255,255,255,.4);
}

/* Sidebar fix */
aside.sidebar { display: flex; flex-direction: column; min-height: 100vh; }
aside.sidebar .sidebar-card { margin-top: 10px; }
aside.sidebar .sidebar-bottom { margin-top: auto; display:flex; justify-content:center; }
aside.sidebar .sidebar-bottom .btn { min-width: 140px; }
/* --- Status radio pills (2025-09-10) --- */
.right-panel .status-filters { display:flex; gap:.5rem; margin-top:.5rem; flex-wrap:wrap; }
.right-panel .status-filters .status-pill {
  position: relative;
  padding: .28rem .7rem .28rem 1.6rem; /* spazio a sinistra per il pallino */
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 9999px;
  font-size: .85rem;
  cursor: pointer;
  background: transparent;
  color: inherit;
  line-height: 1.2;
}
.right-panel .status-filters .status-pill::before {
  content: "";
  position: absolute;
  left: .55rem; top: 50%; transform: translateY(-50%);
  width: .55rem; height: .55rem; border-radius: 9999px;
  border: 2px solid rgba(255,255,255,.35); background: transparent;
}
.right-panel .status-filters .status-pill.active,
.right-panel .status-filters .status-pill[aria-pressed="true"] {
  border-color: rgba(255,255,255,.45);
}
.right-panel .status-filters .status-pill.active::before,
.right-panel .status-filters .status-pill[aria-pressed="true"]::before {
  background: rgba(255,255,255,.85);
  border-color: rgba(255,255,255,.85);
}
.right-panel .status-filters .status-pill:focus-visible {
  outline: 2px solid #7aa2ff; outline-offset: 2px;
}
/* --- Status radio pills (global) 2025-09-10 --- */
.status-filters { display:flex; gap:.5rem; margin-top:.5rem; flex-wrap:wrap; }
.status-filters .status-pill {
  position: relative;
  padding: .28rem .7rem .28rem 1.6rem;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 9999px;
  font-size: .85rem;
  cursor: pointer;
  background: transparent;
  color: inherit;
  line-height: 1.2;
}
.status-filters .status-pill::before {
  content: "";
  position: absolute;
  left: .55rem; top: 50%; transform: translateY(-50%);
  width: .55rem; height: .55rem; border-radius: 9999px;
  border: 2px solid rgba(255,255,255,.35); background: transparent;
}
.status-filters .status-pill.active,
.status-filters .status-pill[aria-pressed="true"] {
  border-color: rgba(255,255,255,.45);
}
.status-filters .status-pill.active::before,
.status-filters .status-pill[aria-pressed="true"]::before {
  background: rgba(255,255,255,.85);
  border-color: rgba(255,255,255,.85);
}
.status-filters .status-pill:focus-visible {
  outline: 2px solid #7aa2ff; outline-offset: 2px;
}
/* --- Sidebar refine (2025-09-10) --- */
aside.sidebar { min-height: 100vh; display:flex; flex-direction:column; }

/* Alza le card della sidebar (meno spazio sopra) */
aside.sidebar .sidebar-card { margin-top: 6px; }

/* Tieni il logout centrato e in basso, anche con sidebar corta */
aside.sidebar .sidebar-bottom {
  margin-top: auto;
  display: flex;
  justify-content: center;
  position: sticky;   /* resta vicino al fondo viewport */
  bottom: 12px;
}
aside.sidebar .sidebar-bottom .btn { min-width: 160px; }
/* --- Sidebar ordering (2025-09-10) --- */
aside.sidebar {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Azioni Cliente sempre in alto */
aside.sidebar .sidebar-actions { order: 0; margin-top: 8px; }

/* Altri blocchi sidebar (default) */
aside.sidebar .sidebar-card:not(.sidebar-actions) { order: 1; }

/* Logout sempre in basso e centrato */
aside.sidebar .sidebar-bottom {
  order: 2;
  margin-top: auto;
  display: flex;
  justify-content: center;
}
aside.sidebar .sidebar-bottom .btn { min-width: 160px; }
/* ==== FOOTER LAYOUT FIX (2025-09-10) ==== */
/* Struttura pagina in flex: il footer scende naturalmente in fondo */
html, body { height: 100%; }
body { display: flex; flex-direction: column; min-height: 100vh; }

/* Il contenuto centrale prende lo spazio disponibile */
main, .main, .content, .page, .console-content {
  flex: 1 0 auto;
  min-height: auto;
}

/* Footer sempre alla fine, non fixed */
footer, .footer {
  flex: 0 0 auto;
  position: static !important;
  margin-top: 12px;
  padding: 10px 0;
  border-top: 1px solid rgba(255,255,255,.08);
  text-align: center;
  opacity: .85;
}
/* Footer: stile base, niente fixed */
footer { position: static !important; width: 100%; }

/* Layout pagina: il body diventa colonna, il footer scende giù */
html, body { height: 100%; }
body { display: flex; flex-direction: column; min-height: 100vh; }

/* Tentativo generico per l'area contenuto (copre i nomi più comuni) */
main, .main, .content, .page, .console-content, .content-wrapper {
  flex: 1 0 auto;
}
/* ==== GLOBAL SCROLL FIX (2025-09-10) ==== */
html, body { height: auto !important; min-height: 0 !important; }
body { display: block !important; overflow-y: auto !important; }

/* Wrapper layout che imponevano 100vh: rilassa */
.dbc-side, .dbc-content, .dbc-right { min-height: auto !important; }

/* Sidebar non forza l'altezza viewport */
aside.sidebar { min-height: auto !important; max-height: none !important; }
/* ==== FOOTER OVERRIDE FINALE (2025-09-10) ==== */
/* Annulla regole legacy che nascondevano/ancoravano il footer */
html body footer.footer,
html body footer.dbc-footer,
html body footer {
  display: flex !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  position: static !important;
  left: auto !important; right: auto !important; bottom: auto !important; top: auto !important;
  width: 100% !important;
  margin-top: 12px !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Sblocca eventuali wrapper che imponevano l'altezza a viewport */
html, body { height: auto !important; min-height: 0 !important; overflow-y: auto !important; }
.dbc-side, .dbc-content, .dbc-right { min-height: auto !important; height: auto !important; }
aside.sidebar { min-height: auto !important; max-height: none !important; }
/* ==== FINAL PAGE LAYOUT RESET (2025-09-10) ==== */
/* 1) Struttura pagina in flex colonna: footer scende naturalmente in fondo */
html, body { height: auto !important; min-height: 0 !important; overflow-y: auto !important; }
body { display: flex !important; flex-direction: column !important; min-height: 100vh !important; }

/* 2) Il contenuto prima del footer deve espandersi (copriamo i wrapper comuni) */
#page-root, .console-shell, .dbc-wrap, .dbc-content-wrap, .console-content,
.content, .page, .main, .content-wrapper { flex: 1 0 auto !important; min-height: auto !important; }

/* 3) Footer in flusso, non fixed, sempre visibile e full-width */
footer, footer.footer, footer.dbc-footer {
  position: static !important;
  display: flex !important;
  visibility: visible !important;
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  margin-top: 12px !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
  justify-content: center !important;
  align-items: center !important;
}

/* 4) Evita blocchi di altezza sui pannelli principali */
.dbc-side, .dbc-content, .dbc-right, aside.sidebar {
  min-height: auto !important; height: auto !important; max-height: none !important;
}
/* --- Right actions (2025-09-10) --- */
.right-panel .right-actions { margin-top: .75rem; display: flex; flex-direction: column; gap: .5rem; }
.right-panel .right-actions .btn { width: 100%; justify-content: center; }

/* Nascondi i pulsanti originali nella toolbar in alto, ma lascia il DOM per compatibilità */
.page-toolbar .btn-export-csv,
.page-toolbar .btn-export-pdf,
.page-toolbar .btn-refresh,
.page-toolbar .btn-new,
.page-toolbar .btn-edit,
.page-toolbar .btn-delete { display: none !important; }
/* Toolbar allineata a destra */
.page-toolbar { display:flex; gap:.5rem; justify-content:flex-end; align-items:center; }
/* Nascondi i tre controlli in alto (lasciamo i proxy nella right-panel) */
.page-toolbar .btn-refresh,
.page-toolbar .btn-export-csv,
.page-toolbar .btn-export-pdf { display:none !important; }
/* ===== Customers Header (scoped) — non tocca il logo ===== */
.console-page--customers .customers-header {
  position: relative; z-index: 1;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:16px 18px 12px 18px; margin: 8px 10px 10px 10px;
  background: linear-gradient(180deg, rgba(30,41,59,.65), rgba(15,23,42,.55));
  border:1px solid rgba(255,255,255,.10); border-radius:16px;
  box-shadow: 0 12px 28px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: saturate(1.05) blur(10px);
  -webkit-backdrop-filter: saturate(1.05) blur(10px);
}
.console-page--customers .customers-header::after{
  content:""; position:absolute; inset:-2px; z-index:-1; border-radius:18px;
  background: radial-gradient(600px 120px at 30% -20%, rgba(56,189,248,.20), transparent 60%),
              radial-gradient(500px 160px at 80% -50%, rgba(139,92,246,.18), transparent 60%);
  filter: blur(18px); opacity:.35;
}
.console-page--customers .customers-header .title {
  letter-spacing:.3px; font-weight:700; font-size:20px;
}
.console-page--customers .customers-header .breadcrumb {
  font-size:12.5px; opacity:.78;
}
.console-page--customers .customers-header .kpis { display:flex; gap:8px; flex-wrap:wrap; }
.console-page--customers .customers-header .kpi-chip{
  background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10);
  padding:4px 10px; border-radius:999px; font-size:12.5px; letter-spacing:.2px;
}
/* Toolbar top (+Nuovo/Modifica/Elimina) più coerente ma SENZA toccare il logo */
.console-page--customers .page-toolbar { display:flex; gap:8px; justify-content:flex-end; margin: 6px 10px 10px 10px; }
.console-page--customers .page-toolbar .btn{
  border-radius:12px; border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.06);
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
}
.console-page--customers .page-toolbar .btn-primary { background: rgba(56,189,248,.18); border-color: rgba(56,189,248,.35); }
.console-page--customers .page-toolbar .btn-danger  { background: rgba(244,63,94,.18);  border-color: rgba(244,63,94,.35); }

/* Pagina leggermente più glassy, ma solo per customers */
.console-page--customers .dbc-content, 
.console-page--customers .dbc-right, 
.console-page--customers .dbc-side {
  backdrop-filter: saturate(1.05) blur(8px);
  -webkit-backdrop-filter: saturate(1.05) blur(8px);
}
/* Customers header: bump visibilità (soft enterprise) */
.console-page--customers .customers-header{
  background: linear-gradient(180deg, rgba(30,41,59,.72), rgba(15,23,42,.58));
  border: 1px solid rgba(148,163,184,.18);
  margin-top: 10px;
}
.console-page--customers .customers-header .title{ font-size:22px; letter-spacing:.4px }
.console-page--customers .customers-header .kpi-chip{
  background: rgba(148,163,184,.10);
  border-color: rgba(148,163,184,.22);
}
/* === Customers: Enterprise Header (scoped) — 2025-09-10 === */
.console-page--customers .customers-header {
  position: relative; z-index: 1;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  margin: 10px 10px 12px 10px; padding: 14px 16px;
  background: linear-gradient(180deg, rgba(30,41,59,.72), rgba(15,23,42,.58));
  border: 1px solid rgba(148,163,184,.18); border-radius: 16px;
  box-shadow: 0 12px 28px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: saturate(1.06) blur(12px);
  -webkit-backdrop-filter: saturate(1.06) blur(12px);
}
.console-page--customers .customers-header .header-left { display:flex; flex-direction:column; gap:4px; }
.console-page--customers .customers-header .title { font-weight:700; font-size: 22px; letter-spacing:.3px; }
.console-page--customers .customers-header .breadcrumb { font-size:12.5px; opacity:.8; }

.console-page--customers .customers-header .header-right { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.console-page--customers .customers-header .kpis { display:flex; gap:8px; flex-wrap:wrap; }
.console-page--customers .customers-header .kpi-chip{
  background: rgba(148,163,184,.10);
  border:1px solid rgba(148,163,184,.22);
  padding: 4px 10px; border-radius: 999px; font-size: 12.5px; letter-spacing:.2px;
}

/* Re-styling dei filtri stato quando stanno dentro l'header (in linea) */
.console-page--customers .customers-header .status-filters {
  display: flex !important; gap: .5rem; flex-wrap: wrap; margin: 0 !important;
}
.console-page--customers .customers-header .status-filters .status-pill {
  position: relative;
  padding: .28rem .7rem .28rem 1.6rem;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 9999px; font-size: .85rem; cursor: pointer;
  background: rgba(255,255,255,.06);
}
.console-page--customers .customers-header .status-filters .status-pill::before {
  content: ""; position: absolute; left: .55rem; top:50%; transform: translateY(-50%);
  width: .55rem; height: .55rem; border-radius: 9999px;
  border: 2px solid rgba(255,255,255,.35); background: transparent;
}
.console-page--customers .customers-header .status-filters .status-pill.active {
  border-color: rgba(255,255,255,.45);
}
.console-page--customers .customers-header .status-filters .status-pill.active::before {
  background: rgba(255,255,255,.85); border-color: rgba(255,255,255,.85);
}
/* Customers: glass soft sui contenitori principali (senza overlay sul logo) */
.console-page--customers .dbc-side,
.console-page--customers .dbc-right,
.console-page--customers .dbc-content,
.console-page--customers .sidebar-card,
.console-page--customers .table {
  backdrop-filter: saturate(1.04) blur(10px);
  -webkit-backdrop-filter: saturate(1.04) blur(10px);
  background: rgba(15,23,42,.50);
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 14px;
}
/* Right panel: filtri sotto la search, orizzontali */
.right-panel .status-filters { display:flex; gap:.5rem; margin-top:.5rem; flex-wrap:wrap; }

/* Right actions: pulsanti in colonna e full width */
.right-panel .right-actions.stacked-actions {
  display:flex; flex-direction:column; gap:10px; margin-top:10px;
}
.right-panel .right-actions.stacked-actions .btn,
.right-panel .right-actions.stacked-actions button,
.right-panel .right-actions.stacked-actions a {
  width:100%;
  text-align:left;
}
/* Customers: azioni DX in colonna */
.right-panel .right-actions { display:flex; flex-direction:column; gap:10px; }
.right-panel .right-actions .btn,
.right-panel .right-actions button,
.right-panel .right-actions a { width:100%; text-align:left; }

/* Nasconde la scritta centrale "CLIENTI" nell'header, lasciando breadcrumb e KPI */
.console-page--customers .customers-header .title { display:none !important; }
/* Restore enterprise header title */
.console-page--customers .customers-header .title{
  display:block !important;
  font-weight:700; letter-spacing:.3px; font-size:20px;
}
/* --- H1 ridondante nascosto (CLIENTI) --- */
.console-page--customers h1 {
  display: none !important;
}
/* Customers — distanzia bottoni dalla search (2025-09-10) */
.right-panel .right-actions { margin-top: .5rem; }
/* Spazio tra search e bottoni right-panel */
.right-panel .right-actions { margin-top: 8px; }
/* Spazio sotto la search in pannello destro (Customers) */
.right-panel .right-actions { margin-top: 6px; }
/* Customers: offset azioni dx sotto la search (2025-09-10) */
.right-panel .right-actions{ margin-top:8px; }
/* Customers — right actions layout (2025-09-10) */
.right-panel input[placeholder*="erca" i]{ margin-bottom:12px; display:block; }
.right-panel .right-actions{ display:flex; flex-direction:column; gap:8px; margin-top:10px; }
/* fallback alcune pagine usano .actions */
.right-panel .actions{ display:flex; flex-direction:column; gap:8px; margin-top:10px; }
/* Customers — stack azioni dopo la search (2025-09-10-b) */
aside input[placeholder*="erca" i]{
  margin-bottom: 12px !important;
  display: block;
}
aside input[placeholder*="erca" i] ~ button,
aside input[placeholder*="erca" i] ~ .btn,
aside input[placeholder*="erca" i] ~ a.btn {
  display: block !important;
  width: 100%;
  margin-top: 8px !important;
}
/* Customers modal */
.dbc-modal.show { display:grid !important; }
.dbc-modal.hidden { display:none !important; }