/* I.M. Distribuzione V15.72 | Admin home design.
   Layer di sola presentazione: nessuna modifica a React, database, logica KIT o checkout.
   La route /admin e' isolata dall'area pubblica con data-im-admin-ui. */
html[data-im-admin-ui="1"] {
  color-scheme:light;
  --ima-bg:#f4faf7;
  --ima-white:#fff;
  --ima-ink:#163c30;
  --ima-secondary:#526b60;
  --ima-green:#147d55;
  --ima-green-dark:#0e6346;
  --ima-mint:#e8f5ee;
  --ima-border:#d4e6dc;
  --ima-shadow:0 14px 36px rgba(18,72,51,.075);
}
html[data-im-admin-ui="1"] body,
html[data-im-admin-ui="1"] body #root,
html[data-im-admin-ui="1"] body #root > div.min-h-screen {
  min-height:100vh!important;
  background:radial-gradient(ellipse at 0 0,rgba(191,229,218,.42),transparent 36%),linear-gradient(135deg,#f2f9f6,#f9fcfb 56%,#eaf6ef)!important;
  background-attachment:scroll!important;
  color:var(--ima-ink)!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen {padding-bottom:50px!important;}
/* Header principale: riprende la fascia verde foresta della Home. */
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header {
  background:linear-gradient(120deg,#103e31,#0d6550 75%,#14785c)!important;
  border:0!important;border-bottom:1px solid rgba(255,255,255,.15)!important;
  box-shadow:0 9px 29px rgba(13,70,49,.16)!important;
  backdrop-filter:none!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header > div[class*="absolute"] {
  background:linear-gradient(90deg,#a4e4c3,#eaf7ef,transparent)!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header h1,
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header h1 *,
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header button,
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header button span,
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header [class*="text-emerald"],
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header [class*="text-gray"] {
  color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header button {
  min-height:39px!important;border:1px solid rgba(255,255,255,.20)!important;
  border-radius:12px!important;background:rgba(255,255,255,.10)!important;
  padding-inline:13px!important;box-shadow:none!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header button:hover {background:rgba(255,255,255,.20)!important;}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header button[class*="text-red"] {
  color:#fff!important;background:rgba(151,44,39,.24)!important;border-color:rgba(255,221,221,.32)!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header [class*="bg-[#2BB673]/10"] {
  color:#e5faed!important;background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.24)!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div[class*="max-w-7xl"] {
  max-width:1480px!important;width:100%!important;margin-inline:auto!important;padding-top:29px!important;
}
/* Card: blocchi bianchi, bordi morbidi e niente vecchia trasparenza scura. */
html[data-im-admin-ui="1"] body #root .bg-card {
  background:#fff!important;background-image:none!important;
  border:1px solid var(--ima-border)!important;border-radius:20px!important;
  box-shadow:var(--ima-shadow)!important;backdrop-filter:none!important;
  color:var(--ima-ink)!important;min-width:0!important;
}
html[data-im-admin-ui="1"] body #root .bg-card > div[class*="p-6"] {min-width:0!important;}
html[data-im-admin-ui="1"] body #root .bg-card h1,
html[data-im-admin-ui="1"] body #root .bg-card h2,
html[data-im-admin-ui="1"] body #root .bg-card h3,
html[data-im-admin-ui="1"] body #root .bg-card h4,
html[data-im-admin-ui="1"] body #root .bg-card label {
  color:var(--ima-ink)!important;-webkit-text-fill-color:var(--ima-ink)!important;text-shadow:none!important;
}
html[data-im-admin-ui="1"] body #root .bg-card :is(p,small)[class*="text-gray"],
html[data-im-admin-ui="1"] body #root .bg-card [class~="text-muted-foreground"] {
  color:var(--ima-secondary)!important;-webkit-text-fill-color:var(--ima-secondary)!important;text-shadow:none!important;opacity:1!important;
}
html[data-im-admin-ui="1"] body #root .bg-card [class~="text-white"]:not(button):not(a):not([role="button"]):not([class*="bg-"]) {
  color:var(--ima-ink)!important;-webkit-text-fill-color:var(--ima-ink)!important;text-shadow:none!important;
}
html[data-im-admin-ui="1"] body #root .bg-card [class~="text-gray-400"]:not(button):not([role="button"]),
html[data-im-admin-ui="1"] body #root .bg-card [class~="text-gray-300"]:not(button):not([role="button"]),
html[data-im-admin-ui="1"] body #root .bg-card [class~="text-gray-500"]:not(button):not([role="button"]) {
  color:var(--ima-secondary)!important;-webkit-text-fill-color:var(--ima-secondary)!important;opacity:1!important;text-shadow:none!important;
}
html[data-im-admin-ui="1"] body #root .bg-card [class~="text-[#87C38F]"]:not(button):not([class*="bg-"]) {
  color:var(--ima-green-dark)!important;-webkit-text-fill-color:var(--ima-green-dark)!important;
}
/* Card KPI: numeri piu' evidenti, testi leggibili e spazi compatti. */
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div[class*="max-w-7xl"] > div[class*="grid-cols-4"] {
  gap:16px!important;margin-bottom:24px!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div[class*="max-w-7xl"] > div[class*="grid-cols-4"] > .bg-card {
  border-radius:18px!important;min-height:128px!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div[class*="max-w-7xl"] > div[class*="grid-cols-4"] .bg-card > div[class*="p-6"] {
  padding:17px 19px!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div[class*="max-w-7xl"] > div[class*="grid-cols-4"] .text-2xl {
  font-size:clamp(1.5rem,2vw,2rem)!important;line-height:1.2!important;letter-spacing:-.035em!important;
}
/* Tabs di amministrazione: segmenti chiari senza tabella rigida a sei colonne. */
html[data-im-admin-ui="1"] body #root [role="tablist"] {
  display:flex!important;grid-template-columns:none!important;flex-wrap:wrap!important;
  align-items:center!important;justify-content:flex-start!important;gap:7px!important;
  width:100%!important;height:auto!important;min-height:64px!important;
  padding:9px!important;border:1px solid var(--ima-border)!important;border-radius:18px!important;
  background:#e9f4ee!important;background-image:none!important;box-shadow:0 5px 18px rgba(22,77,53,.04)!important;
}
html[data-im-admin-ui="1"] body #root [role="tablist"] [role="tab"] {
  flex:1 1 128px!important;min-width:0!important;min-height:44px!important;
  border:1px solid transparent!important;border-radius:12px!important;padding:10px 14px!important;
  background:transparent!important;box-shadow:none!important;font-size:13px!important;font-weight:800!important;
  line-height:1.2!important;white-space:normal!important;
  color:#355a4a!important;-webkit-text-fill-color:#355a4a!important;
}
html[data-im-admin-ui="1"] body #root [role="tablist"] [role="tab"]:hover {
  background:rgba(255,255,255,.65)!important;
}
html[data-im-admin-ui="1"] body #root [role="tablist"] [role="tab"][data-state="active"] {
  background:#fff!important;border-color:#cce1d6!important;
  color:#0c684b!important;-webkit-text-fill-color:#0c684b!important;
  box-shadow:0 5px 13px rgba(14,94,66,.11)!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] {color:var(--ima-ink)!important;min-width:0!important;}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] > .bg-card {border-radius:23px!important;overflow:visible!important;}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] > .bg-card > div[class*="p-6"] {padding:22px 24px!important;}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] > .bg-card > div[class*="pt-0"] {padding-top:0!important;}
/* Toolbar filtri: una barra autonoma, compatta, sempre leggibile. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card .bg-card:has(input[placeholder="Cerca prodotti..."]) {
  background:#f5faf7!important;box-shadow:none!important;border:1px solid var(--ima-border)!important;border-radius:16px!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card .bg-card:has(input[placeholder="Cerca prodotti..."]) > div {
  padding:15px!important;
}
html[data-im-admin-ui="1"] body #root input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-im-admin-ui="1"] body #root textarea,
html[data-im-admin-ui="1"] body #root select {
  min-height:43px!important;max-width:100%!important;min-width:0!important;
  background:#fff!important;background-image:none!important;
  border:1px solid #c9ded3!important;border-radius:12px!important;
  color:#193e30!important;-webkit-text-fill-color:#193e30!important;
  box-shadow:0 1px 2px rgba(18,64,44,.035)!important;
  opacity:1!important;outline-offset:1px!important;color-scheme:light!important;
}
html[data-im-admin-ui="1"] body #root textarea {min-height:96px!important;resize:vertical!important;}
html[data-im-admin-ui="1"] body #root select option {background:#fff!important;color:#193e30!important;}
html[data-im-admin-ui="1"] body #root input::placeholder,
html[data-im-admin-ui="1"] body #root textarea::placeholder {
  color:#738a7d!important;-webkit-text-fill-color:#738a7d!important;opacity:1!important;
}
html[data-im-admin-ui="1"] body #root :is(input,select,textarea):focus-visible {
  border-color:var(--ima-green)!important;outline:3px solid rgba(20,125,85,.17)!important;
}
html[data-im-admin-ui="1"] body #root :is(input,select,textarea):disabled {
  background:#ebf2ee!important;color:#50695d!important;-webkit-text-fill-color:#50695d!important;
}
html[data-im-admin-ui="1"] body #root :is(input[type="checkbox"],input[type="radio"]) {accent-color:#147d55!important;}
/* Schede prodotto: griglia fluida, foto contenuta per non tagliare confezioni. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"][data-state="active"] div[class*="lg:grid-cols-3"]:has(> .bg-card > div[class*="h-40"]) {
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))!important;gap:18px!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card:has(> div[class*="h-40"]) {
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
  min-width:0!important;border-radius:18px!important;background:#fff!important;
  transition:box-shadow .18s ease,transform .18s ease!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card:has(> div[class*="h-40"]):hover {
  transform:translateY(-2px)!important;box-shadow:0 19px 42px rgba(19,77,53,.13)!important;
  border-color:#bddccd!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card > div[class*="h-40"][class*="overflow-hidden"] {
  height:184px!important;min-height:184px!important;max-height:184px!important;
  border-radius:0!important;background:#f1f8f4!important;border-bottom:1px solid #e2eee7!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card > div[class*="h-40"] img {
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
  padding:13px!important;box-sizing:border-box!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card > div[class*="h-40"] button {
  background:#fff!important;color:#176d4e!important;-webkit-text-fill-color:#176d4e!important;
  border:1px solid #d2e4d9!important;box-shadow:0 3px 10px rgba(20,82,54,.1)!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card > div[class*="p-6"] {
  padding:15px 16px 9px!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card > div[class*="pt-0"] {
  padding:8px 16px 16px!important;margin-top:auto!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card h3 {
  color:#153c2c!important;-webkit-text-fill-color:#153c2c!important;
  font-size:15px!important;font-weight:850!important;line-height:1.4!important;letter-spacing:-.015em!important;
  overflow-wrap:anywhere!important;min-height:42px!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card p {
  color:#586f64!important;-webkit-text-fill-color:#586f64!important;
  font-size:11.5px!important;line-height:1.5!important;overflow-wrap:anywhere!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card > div[class*="p-6"] > div[class*="mb-2"] {
  display:flex!important;align-items:flex-start!important;gap:7px!important;flex-wrap:wrap!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card [class*="bg-emerald-500/10"],
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card [class*="bg-[#00687F]/10"] {
  background:#e7f3ec!important;border:1px solid #d1e8d9!important;
  color:#176648!important;-webkit-text-fill-color:#176648!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card [class*="bg-white/5"] {
  background:#eef3ef!important;border:1px solid #e0eae3!important;
  color:#536b5d!important;-webkit-text-fill-color:#536b5d!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card [class*="bg-amber-500/10"] {
  background:#fff4de!important;color:#885a14!important;-webkit-text-fill-color:#885a14!important;border-color:#f2dfb8!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card [class*="bg-emerald-500/10"],
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card [class*="bg-white/5"],
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card [class*="bg-[#00687F]/10"] {
  max-width:100%!important;height:auto!important;padding:5px 9px!important;
  line-height:1.3!important;font-size:10px!important;white-space:normal!important;overflow-wrap:anywhere!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card .text-2xl {
  color:#126a49!important;-webkit-text-fill-color:#126a49!important;font-size:21px!important;font-weight:850!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card [class*="text-emerald-400"] {
  color:#147d55!important;-webkit-text-fill-color:#147d55!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card [class*="text-red-400"] {
  color:#af413a!important;-webkit-text-fill-color:#af413a!important;
}
/* Pulsanti: primari smeraldo, secondari bianchi, distruttivi discreti. */
html[data-im-admin-ui="1"] body #root button,
html[data-im-admin-ui="1"] body #root a[role="button"] {
  font-family:inherit!important;transition:background-color .18s,border-color .18s,box-shadow .18s!important;
}
html[data-im-admin-ui="1"] body #root button[class*="bg-[#2BB673]"] {
  background:#147d55!important;background-image:none!important;border:1px solid #147d55!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border-radius:12px!important;box-shadow:0 6px 14px rgba(20,125,85,.15)!important;
}
html[data-im-admin-ui="1"] body #root button[class*="bg-[#2BB673]"]:hover {
  background:#0e6346!important;border-color:#0e6346!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button[variant="outline"],
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button[class*="border-[hsl"],
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button[class*="border-emerald-500/30"] {
  background:#fff!important;background-image:none!important;
  border:1px solid #c9e0d3!important;border-radius:11px!important;
  color:#195b43!important;-webkit-text-fill-color:#195b43!important;box-shadow:none!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button[class*="text-red-400"],
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button[class*="border-red-500"] {
  background:#fff6f5!important;color:#a73332!important;-webkit-text-fill-color:#a73332!important;
  border:1px solid #efd2ce!important;border-radius:11px!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button[class*="text-red-400"] svg {color:#a73332!important;}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button:focus-visible {
  outline:3px solid rgba(20,125,85,.25)!important;outline-offset:2px!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card .flex.gap-2.pt-2 {
  display:flex!important;flex-wrap:wrap!important;gap:7px!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card .flex.gap-2.pt-2 button {
  min-height:38px!important;padding:8px 11px!important;font-size:12px!important;white-space:nowrap!important;
}
/* Editor, database, utenti e impostazioni: uniformita' di moduli e card secondarie. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] [class*="bg-[hsl(220"] {
  background:#f4f9f6!important;background-image:none!important;border-color:var(--ima-border)!important;
  color:var(--ima-ink)!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] [class*="bg-[hsl(220"] :is(h3,h4,label),
html[data-im-admin-ui="1"] body #root [role="tabpanel"] [class*="bg-[hsl(220"] [class~="text-white"]:not(button) {
  color:var(--ima-ink)!important;-webkit-text-fill-color:var(--ima-ink)!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card form label {
  display:inline-block!important;margin-bottom:7px!important;font-size:12px!important;font-weight:750!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card form input,
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card form select,
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card form textarea {
  font-size:13px!important;
}
/* Admin business/KIT: allineamento della finestra di gestione alla nuova dashboard. */
.imbs-overlay .imbs-admin {
  border:1px solid #d6e6dd!important;border-radius:24px!important;
  background:#f8fbf9!important;box-shadow:0 26px 70px rgba(7,39,27,.29)!important;
}
.imbs-overlay .imbs-admin .imbs-admin-head {
  background:linear-gradient(120deg,#103e31,#0d6550)!important;padding:20px 25px!important;
}
.imbs-overlay .imbs-admin .imbs-admin-head h2 {font-size:19px!important;letter-spacing:-.02em!important;}
.imbs-overlay .imbs-admin .imbs-tabs {padding:11px 16px!important;border-bottom:1px solid #d4e6dc!important;gap:7px!important;}
.imbs-overlay .imbs-admin .imbs-tabs button {min-height:42px!important;border-radius:12px!important;padding:10px 15px!important;}
.imbs-overlay .imbs-admin .imbs-tabs button.active {box-shadow:0 4px 12px rgba(14,84,59,.10)!important;}
.imbs-overlay .imbs-admin .imbs-panel {padding:23px 25px!important;}
.imbs-overlay .imbs-admin .imbs-row {border-radius:15px!important;border-color:#d4e6dc!important;box-shadow:0 5px 18px rgba(14,84,59,.04)!important;}
.imbs-overlay .imbs-admin .imbs-kit-products {border-color:#d4e6dc!important;}
.imbs-overlay .imbs-admin .imbs-panel :is(input:not([type="checkbox"]),textarea,select) {
  min-height:42px!important;border-radius:11px!important;box-shadow:none!important;
}
.imbs-overlay .imbs-admin .imbs-panel label {font-size:12px!important;font-weight:750!important;}
/* Modal editor catalogo e varianti, isolati dall'area cliente. */
.imva-overlay .imva-modal {border:1px solid #d4e6dc!important;background:#f8fbf9!important;box-shadow:0 28px 80px rgba(8,45,29,.24)!important;}
.imva-overlay .imva-body {background:#f8fbf9!important;}
.imva-overlay .imva-head {background:linear-gradient(120deg,#103e31,#0d6550)!important;}
.imva-overlay .imva-head :is(h1,h2,h3,h4,p,span,strong,button) {color:#fff!important;-webkit-text-fill-color:#fff!important;}
@media(max-width:900px){
  html[data-im-admin-ui="1"] body #root > div.min-h-screen > div[class*="max-w-7xl"] {padding-inline:16px!important;}
  html[data-im-admin-ui="1"] body #root [role="tabpanel"] > .bg-card > div[class*="p-6"] {padding:18px!important;}
  html[data-im-admin-ui="1"] body #root [role="tablist"] [role="tab"] {flex:1 1 29%!important;}
}
@media(max-width:620px){
  html[data-im-admin-ui="1"] body #root > div.min-h-screen > header > div[class*="max-w-7xl"] {padding-inline:13px!important;}
  html[data-im-admin-ui="1"] body #root > div.min-h-screen > header h1 {font-size:18px!important;}
  html[data-im-admin-ui="1"] body #root > div.min-h-screen > div[class*="max-w-7xl"] {padding:17px 12px!important;}
  html[data-im-admin-ui="1"] body #root > div.min-h-screen > div[class*="max-w-7xl"] > div[class*="grid-cols-4"] {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  html[data-im-admin-ui="1"] body #root > div.min-h-screen > div[class*="max-w-7xl"] > div[class*="grid-cols-4"] .bg-card > div[class*="p-6"] {padding:13px!important;}
  html[data-im-admin-ui="1"] body #root [role="tablist"] {gap:5px!important;padding:7px!important;}
  html[data-im-admin-ui="1"] body #root [role="tablist"] [role="tab"] {flex:1 1 30%!important;min-height:44px!important;font-size:11px!important;padding:8px!important;}
  html[data-im-admin-ui="1"] body #root [role="tabpanel"] > .bg-card > div[class*="p-6"] {padding:14px!important;}
  html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"]:has(> .bg-card > div[class*="h-40"]) {grid-template-columns:1fr!important;gap:12px!important;}
  html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card > div[class*="h-40"][class*="overflow-hidden"] {height:175px!important;min-height:175px!important;max-height:175px!important;}
  html[data-im-admin-ui="1"] body #root [role="tabpanel"] form .grid {grid-template-columns:1fr!important;}
  html[data-im-admin-ui="1"] body #root [role="tabpanel"] .flex.gap-4:has(>select) {flex-wrap:wrap!important;}
  html[data-im-admin-ui="1"] body #root [role="tabpanel"] .flex.gap-4:has(>select) select {flex:1 1 100%!important;}
  .imbs-overlay .imbs-admin {border-radius:0!important;}
  .imbs-overlay .imbs-admin .imbs-panel {padding:16px!important;}
}
@media(prefers-reduced-motion:reduce){html[data-im-admin-ui="1"] body #root .bg-card {transition:none!important;transform:none!important;}}
/* Su smartphone il comando di aggiunta va sotto il riepilogo, senza comprimere il titolo. */
@media(max-width:620px){
  html[data-im-admin-ui="1"] body #root [role="tabpanel"] .space-y-6 > .flex.justify-between.items-center:has(>div>h2) {
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;
  }
  html[data-im-admin-ui="1"] body #root [role="tabpanel"] .space-y-6 > .flex.justify-between.items-center:has(>div>h2) > button {
    width:100%!important;min-height:43px!important;white-space:nowrap!important;
  }
}

/* ===== V15.73 — REDESIGN REALE DELLA DASHBOARD ADMIN =====
   Override selettivo costruito sulla struttura React pubblicata in index-D6mQ7Yeu-v1562.js.
   La V15.72 cambiava perlopiu' bordi, lasciando i token tipografici del vecchio tema dark.
   Tutte le regole sono limitate all'area /admin; i popup B2B conservano il fix V15.71. */
html[data-im-admin-ui="1"] {
  --background:154 42% 97%;--foreground:158 52% 15%;
  --card:0 0% 100%;--card-foreground:158 52% 15%;
  --popover:0 0% 100%;--popover-foreground:158 52% 15%;
  --secondary:151 37% 92%;--secondary-foreground:158 52% 15%;
  --muted:152 30% 95%;--muted-foreground:155 23% 32%;
  --border:149 26% 82%;--input:149 26% 82%;
}
/* Elimina lo sfondo grigio e la sensazione di colonna flottante senza rinunciare al layout responsive. */
html[data-im-admin-ui="1"] body #root{padding:0 0 84px!important;width:100%!important;max-width:none!important;}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl {
  box-sizing:border-box!important;max-width:1440px!important;
  width:calc(100% - 48px)!important;margin:0 auto!important;
  padding:32px 0 70px!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header > div.max-w-7xl{
  max-width:1440px!important;width:calc(100% - 48px)!important;margin-inline:auto!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header{
  background:linear-gradient(110deg,#103e31 0%,#126347 56%,#16845d 100%)!important;
  border-bottom:3px solid #8aceaa!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header .text-white,
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header h1,
html[data-im-admin-ui="1"] body #root > div.min-h-screen > header button{
  color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;
}
/* Dashboard KPI: vere tessere ben distinte, titolo piccolo e valore grande. */
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl > .grid.grid-cols-1{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;margin-bottom:26px!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl > .grid.grid-cols-1 > .bg-card{
  position:relative!important;display:flex!important;flex-direction:column!important;
  min-height:134px!important;border:1px solid #d5e7dc!important;
  border-radius:19px!important;background:#fff!important;background-image:none!important;
  box-shadow:0 8px 20px rgba(14,65,44,.06)!important;overflow:hidden!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl > .grid.grid-cols-1 > .bg-card::before{
  content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#16825a;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl > .grid.grid-cols-1 > .bg-card:nth-child(2)::before{background:#d48734}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl > .grid.grid-cols-1 > .bg-card:nth-child(3)::before{background:#519882}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl > .grid.grid-cols-1 > .bg-card:nth-child(4)::before{background:#758caa}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl > .grid.grid-cols-1 > .bg-card > div{padding:15px 20px!important;}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl > .grid.grid-cols-1 > .bg-card > div:first-child{padding-bottom:2px!important;}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl > .grid.grid-cols-1 > .bg-card > div:last-child{padding-top:2px!important;}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl > .grid.grid-cols-1 > .bg-card h3{
  color:#527062!important;-webkit-text-fill-color:#527062!important;font-size:12px!important;
  line-height:1.45!important;font-weight:750!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl > .grid.grid-cols-1 > .bg-card .text-2xl{
  color:#153d30!important;-webkit-text-fill-color:#153d30!important;
  font-size:clamp(24px,2.4vw,34px)!important;line-height:1.18!important;
  font-weight:850!important;letter-spacing:-.04em!important;
}
html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl > .grid.grid-cols-1 > .bg-card p{
  color:#526e61!important;-webkit-text-fill-color:#526e61!important;font-size:12px!important;
}
/* Tabs vere da console operativa, non sei piccole voci sottolineate. */
html[data-im-admin-ui="1"] body #root [role="tablist"]{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;
  padding:9px!important;background:#e7f3eb!important;border:1px solid #cbded2!important;
  border-radius:17px!important;box-shadow:none!important;
}
html[data-im-admin-ui="1"] body #root [role="tablist"] [role="tab"]{
  flex:1 1 135px!important;font-size:13px!important;min-height:45px!important;
  font-weight:800!important;color:#375a48!important;-webkit-text-fill-color:#375a48!important;
  border-radius:11px!important;border:1px solid transparent!important;
}
html[data-im-admin-ui="1"] body #root [role="tablist"] [role="tab"][data-state="active"]{
  color:#fff!important;-webkit-text-fill-color:#fff!important;background:#116a4c!important;
  box-shadow:0 4px 11px rgba(17,106,76,.20)!important;border-color:#116a4c!important;
}
/* Pannello contenuti: il bianco dei contenitori e' separato dal fondo, con intestazione propria. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] > .bg-card{
  background:#fff!important;box-shadow:0 12px 30px rgba(17,64,43,.07)!important;
  border:1px solid #d4e5da!important;border-radius:22px!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] > .bg-card > div:first-child{
  background:#f0f8f3!important;border-radius:21px 21px 0 0!important;
  border-bottom:1px solid #dbeadf!important;padding:20px 25px!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] > .bg-card > div:first-child :is(h2,h3){
  color:#133f2e!important;-webkit-text-fill-color:#133f2e!important;font-size:clamp(20px,2vw,26px)!important;
  line-height:1.25!important;font-weight:850!important;text-shadow:none!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] > .bg-card > div:first-child p{
  color:#47695a!important;-webkit-text-fill-color:#47695a!important;
  font-size:13px!important;line-height:1.5!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] > .bg-card > div:last-child{
  padding:25px!important;background:#fff!important;border-radius:0 0 22px 22px!important;
}
/* Risolve il problema principale mostrato: old theme text-white/text-gray-400 su card bianche.
   Le eccezioni per i pulsanti primari e i badge pieni preservano il contrasto chiaro/scuro. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card :is(h1,h2,h3,h4,h5,h6,p,small,label,legend,output,dt,dd,th,td),
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card :is(.text-white,.text-gray-300,.text-gray-400,.text-gray-500,.text-emerald-400,.text-\[\#87C38F\]):not(button):not(a):not([role="button"]):not([class*="bg-emerald"]):not([class*="bg-red"]):not([class*="bg-green"]):not([class*="bg-amber"]):not([class*="bg-\[\#"]),
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card .text-white > span:not([class*="bg-"]){
  color:#213f33!important;-webkit-text-fill-color:#213f33!important;
  text-shadow:none!important;opacity:1!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card p,
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card small,
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card .text-gray-500:not(button){
  color:#536b60!important;-webkit-text-fill-color:#536b60!important;
  text-shadow:none!important;opacity:1!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card .text-emerald-400:not(button):not([class*="bg-"]){
  color:#0b7550!important;-webkit-text-fill-color:#0b7550!important;text-shadow:none!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card .text-red-400:not(button):not([class*="bg-"]){
  color:#a63838!important;-webkit-text-fill-color:#a63838!important;text-shadow:none!important;
}
/* Etichette del form, testo dei campi, tabella stock e comandi dell'editor. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] :is(input:not([type="checkbox"]),select,textarea){
  color:#1b3b30!important;-webkit-text-fill-color:#1b3b30!important;
  background:#fff!important;border:1px solid #c7decf!important;
  border-radius:11px!important;box-shadow:none!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] :is(input,textarea)::placeholder{
  color:#728a7b!important;-webkit-text-fill-color:#728a7b!important;opacity:1!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] :is(input,select,textarea):focus-visible{
  outline:3px solid rgba(20,128,84,.22)!important;border-color:#128556!important;
}
/* Barra filtri: ciascun controllo dispone di spazio, niente tre capsule di testo minuscolo. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card:has(input[placeholder="Cerca prodotti..."]) {
  background:#edf7f0!important;border:1px solid #d5e6da!important;box-shadow:none!important;
  padding:0!important;border-radius:16px!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card:has(input[placeholder="Cerca prodotti..."]) > div{
  padding:17px!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card:has(input[placeholder="Cerca prodotti..."]) .md\:flex-row{
  display:grid!important;grid-template-columns:minmax(210px,1.35fr) minmax(170px,1fr) minmax(170px,1fr)!important;
  align-items:center!important;gap:12px!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card:has(input[placeholder="Cerca prodotti..."]) :is(input,select){
  width:100%!important;min-width:0!important;min-height:46px!important;
  border:1px solid #cbded2!important;border-radius:12px!important;background:#fff!important;
  font-size:13px!important;padding-inline:14px!important;
}
/* Cards prodotto: veri elementi ecommerce, 3 colonne leggibili su desktop. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"]:has(> .bg-card > div.h-40){
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card:has(> div.h-40){
  background:#fff!important;display:flex!important;flex-direction:column!important;
  border:1px solid #d6e7dd!important;border-radius:18px!important;
  box-shadow:0 6px 18px rgba(13,57,36,.055)!important;overflow:hidden!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card > div.h-40{
  height:210px!important;min-height:210px!important;max-height:210px!important;
  background:#f3f8f4!important;border-bottom:1px solid #e2ece5!important;
  border-radius:0!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card > div.h-40 img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  padding:14px!important;box-sizing:border-box!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card > div.p-6{
  padding:18px 20px 12px!important;display:flex!important;flex-direction:column!important;gap:9px!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card h3{
  font-size:16px!important;line-height:1.35!important;min-height:0!important;
  color:#163a2d!important;-webkit-text-fill-color:#163a2d!important;font-weight:800!important;
  letter-spacing:-.02em!important;text-shadow:none!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card > div.p-6 p{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;
  overflow:hidden!important;max-height:4.7em!important;min-height:0!important;
  color:#526b5f!important;-webkit-text-fill-color:#526b5f!important;
  font-size:12px!important;line-height:1.55!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card > div.pt-0{
  padding:8px 20px 19px!important;margin-top:auto!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card :is(.bg-emerald-500\/10,.bg-white\/5,.bg-amber-500\/10){
  border-radius:9px!important;white-space:normal!important;font-size:11px!important;
  line-height:1.3!important;box-shadow:none!important;text-shadow:none!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card .bg-emerald-500\/10{
  background:#e7f4eb!important;color:#165d40!important;-webkit-text-fill-color:#165d40!important;border-color:#cce3d3!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card .bg-white\/5{
  background:#eef4f0!important;color:#425d4c!important;-webkit-text-fill-color:#425d4c!important;border-color:#dbe9dc!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card .bg-amber-500\/10{
  background:#fff4df!important;color:#865d15!important;-webkit-text-fill-color:#865d15!important;border-color:#eddbb5!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card .text-2xl.font-bold{
  color:#116c48!important;-webkit-text-fill-color:#116c48!important;
  text-shadow:none!important;font-size:24px!important;font-weight:850!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card .text-2xl.font-bold span{
  color:#88611b!important;-webkit-text-fill-color:#88611b!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card .space-y-3 > .flex,
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card .space-y-2 > .flex{
  gap:10px!important;
}
/* Pulsanti ordinati: nessun fondo trasparente con testo bianco. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button[class*="!bg-transparent"],
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button[variant="outline"]{
  background:#fff!important;background-image:none!important;
  color:#195c43!important;-webkit-text-fill-color:#195c43!important;
  border:1px solid #c9dfd2!important;box-shadow:none!important;
  border-radius:10px!important;text-shadow:none!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button[class*="!bg-transparent"][class*="text-red"]{
  color:#a63333!important;-webkit-text-fill-color:#a63333!important;
  background:#fff5f4!important;border-color:#efd7d5!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button[class*="bg-[#2BB673]"],
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button[class*="bg-primary"]{
  background:#147d55!important;background-image:none!important;border-color:#147d55!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;
  box-shadow:0 5px 12px rgba(20,125,85,.12)!important;border-radius:11px!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button[class*="bg-[#2BB673]"] *{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* Mantiene visibili anche i campi di aggiunta/modifica prodotto e i testi degli avvisi. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] form :is(label,small,p,span),
html[data-im-admin-ui="1"] body #root [role="tabpanel"] form .text-white:not(button){
  color:#244b38!important;-webkit-text-fill-color:#244b38!important;text-shadow:none!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] form button[class*="bg-red"]{
  color:#fff!important;-webkit-text-fill-color:#fff!important;background:#b4403b!important;
}
@media(max-width:1100px){
 html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl > .grid.grid-cols-1{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"]:has(> .bg-card > div.h-40){grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
 html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl,
 html[data-im-admin-ui="1"] body #root > div.min-h-screen > header > div.max-w-7xl{width:calc(100% - 24px)!important;}
 html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl{padding-top:20px!important;}
 html[data-im-admin-ui="1"] body #root [role="tabpanel"] > .bg-card > div:first-child{padding:16px!important;}
 html[data-im-admin-ui="1"] body #root [role="tabpanel"] > .bg-card > div:last-child{padding:15px!important;}
 html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card:has(input[placeholder="Cerca prodotti..."]) .md\:flex-row{grid-template-columns:1fr!important;}
 html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"]:has(> .bg-card > div.h-40){grid-template-columns:1fr!important;}
 html[data-im-admin-ui="1"] body #root [role="tabpanel"] .space-y-6 > .flex.justify-between.items-center:has(>div>h2){flex-wrap:wrap!important;gap:12px!important;}
 html[data-im-admin-ui="1"] body #root [role="tabpanel"] .space-y-6 > .flex.justify-between.items-center:has(>div>h2) > button{width:100%!important;}
 html[data-im-admin-ui="1"] body #root > div.min-h-screen > div.max-w-7xl > .grid.grid-cols-1{gap:10px!important;}
 html[data-im-admin-ui="1"] body #root [role="tablist"] [role="tab"]{flex:1 1 42%!important;}
}


/* ================================================================
 I.M. DISTRIBUZIONE V15.74 — CONTRASTO TIPO GRAFICO AREA ADMIN
 Solo /admin. Correzione mirata al testo su superfici chiare; le
 etichette con fondo pieno, i bottoni, l'header e i dialog scuri
 mantengono i propri colori. NON applicare un reset cromatico a *.
 ================================================================ */
html[data-im-admin-ui="1"] {
  --ima-ink:#153a2c;
  --ima-secondary:#405b4e;
  --ima-dim:#50695b;
}

/* Testi informativi delle schede di sezione: intestazioni, sottotitoli,
   contatori e stato connessione (talvolta creati come span, non come p). */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] > .bg-card > div.p-6 :is(p,small),
html[data-im-admin-ui="1"] body #root [role="tabpanel"] > .bg-card > div.p-6 [class*="text-gray-"],
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .space-y-6 > .flex.justify-between :is(p,small),
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .space-y-6 > .flex.justify-between :is(span,div)[class*="text-gray-"] {
  color:#405b4e!important;
  -webkit-text-fill-color:#405b4e!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] > .bg-card > div.p-6 :is(h2,h3,h4),
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .space-y-6 > .flex.justify-between h2 {
  color:#153a2c!important;-webkit-text-fill-color:#153a2c!important;
  opacity:1!important;text-shadow:none!important;
}
/* Il componente React per la descrizione prodotto puo' essere un <p>
   con badge figlio: ripristinare il contrasto sul testo del p senza
   rendere il testo del badge dello stesso colore. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card > div.p-6 > p,
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card > div.p-6 > [class*="text-gray"],
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card > div.p-6 > [class*="text-white"],
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card > div.p-6 > small {
  color:#405b4e!important;-webkit-text-fill-color:#405b4e!important;
  opacity:1!important;text-shadow:none!important;
}
/* I singoli elementi non-badge nella parte informativa e nella parte
   bassa delle card devono risultare leggibili anche con classi dark
   legacy: text-white, text-white/60, text-gray-300/400/500 e simili. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card :is(p,small,span,div)[class*="text-white"]:not([class*="bg-"]):not(button):not([role="button"]),
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card :is(p,small,span,div)[class*="text-gray-"]:not([class*="bg-"]):not(button):not([role="button"]),
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card :is(p,small,span,div)[class*="text-muted"]:not([class*="bg-"]):not(button):not([role="button"]) {
  color:#405b4e!important;-webkit-text-fill-color:#405b4e!important;
  opacity:1!important;text-shadow:none!important;
}
/* Rendere visibile il quantitativo di magazzino senza alterare
   i pulsanti + e - o le pillole scure/verde. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card .space-y-2 .font-medium.text-white,
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card .space-y-3 .font-medium.text-white {
  color:#153a2c!important;-webkit-text-fill-color:#153a2c!important;
  opacity:1!important;text-shadow:none!important;
}
/* Prezzi e titoli restano prominenti; il testo '(nascosto)' non viene
   confuso con l'importo dell'articolo. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card h3,
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card > div.pt-0 .text-2xl {
  color:#153a2c!important;-webkit-text-fill-color:#153a2c!important;
  opacity:1!important;text-shadow:none!important;
}
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card > div.pt-0 .text-2xl > span[class*="text-amber"] {
  color:#81510b!important;-webkit-text-fill-color:#81510b!important;
}
/* Sottotitoli su superfici chiare in tutte le altre tab Admin. Limitato
   alle classi informative, senza cambiare i componenti interattivi. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card :is(p,small,span)[class*="text-gray-"]:not([class*="bg-"]):not(button):not([role="button"]),
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card :is(p,small,span)[class*="text-white/"]:not([class*="bg-"]):not(button):not([role="button"]){
  color:#405b4e!important;-webkit-text-fill-color:#405b4e!important;
  opacity:1!important;text-shadow:none!important;
}
/* Preserva il bianco sulle azioni con sfondo verde e sul pulsante attivo. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button[class*="bg-[#2BB673]"],
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button[class*="bg-[#2BB673]"] :is(span,small,strong),
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button[class*="bg-primary"],
html[data-im-admin-ui="1"] body #root [role="tabpanel"] button[class*="bg-primary"] :is(span,small,strong) {
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* Contenuti testuali dei pulsanti verdi: prevale su vecchie regole
   che colorano ogni span della card con il verde scuro. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card button[class*="2BB673"] :is(span,small,strong),
html[data-im-admin-ui="1"] body #root [role="tabpanel"] .bg-card button[class*="bg-primary"] :is(span,small,strong) {
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* Pulsanti contorno con sfondo bianco e testo scuro. */
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card button[class*="bg-transparent"]:not([class*="text-red"]),
html[data-im-admin-ui="1"] body #root [role="tabpanel"] div[class*="lg:grid-cols-3"] > .bg-card button[class*="!bg-transparent"]:not([class*="text-red"]) {
  color:#195b43!important;-webkit-text-fill-color:#195b43!important;
}

/* V15.75 — testo effettivo nelle card React del catalogo Admin.
   Il vecchio tema imposta il testo secondario su bianco e mostra le card
   su uno sfondo ora chiaro. I badge pieni e le azioni restano invariati. */
html[data-im-admin-ui="1"] #root [role="tabpanel"] .bg-card > div.p-6 > p,
html[data-im-admin-ui="1"] #root [role="tabpanel"] .bg-card > div.p-6 > div > p,
html[data-im-admin-ui="1"] #root [role="tabpanel"] [class*="lg:grid-cols-3"] > .bg-card div.p-6 > p,
html[data-im-admin-ui="1"] #root [role="tabpanel"] [class*="lg:grid-cols-3"] > .bg-card .space-y-2 span.text-gray-400,
html[data-im-admin-ui="1"] #root [role="tabpanel"] [class*="lg:grid-cols-3"] > .bg-card .space-y-2 span.text-white,
html[data-im-admin-ui="1"] #root [role="tabpanel"] [class*="lg:grid-cols-3"] > .bg-card .space-y-3 span.text-emerald-400,
html[data-im-admin-ui="1"] #root [role="tabpanel"] [class*="lg:grid-cols-3"] > .bg-card .space-y-3 span.text-red-400 {
 color:#345749!important; -webkit-text-fill-color:#345749!important;
 opacity:1!important; text-shadow:none!important;
}
html[data-im-admin-ui="1"] #root [role="tabpanel"] [class*="lg:grid-cols-3"] > .bg-card h3 {
 color:#183d2e!important;-webkit-text-fill-color:#183d2e!important;
 text-shadow:none!important;
}
html[data-im-admin-ui="1"] #root [role="tabpanel"] [class*="lg:grid-cols-3"] > .bg-card .space-y-2 > div > div > span.font-medium {
 color:#183d2e!important;-webkit-text-fill-color:#183d2e!important;
 text-shadow:none!important;
}