:root {
  --colore-primario: #2E7D32;
  --colore-secondario: #8BC34A;
  --colore-accento: #F28C28;
  --colore-successo: #2E7D32;
  --colore-avviso: #F59E0B;
  --colore-errore: #C62828;
  --colore-testo: #253126;
  --colore-muted: #657267;
  --colore-sfondo: #FAF6EF;
  --colore-bordo: #E7E2DA;
  --colore-superficie: #FFFFFF;
  --colore-foresta: #173D24;
  --colore-erba: #DCECCB;
  --colore-sole: #FFE6B8;
  --ombra-morbida: 0 18px 44px rgba(23, 61, 36, .10);
  --font-ui: Montserrat, Arial, sans-serif;
  --font-editoriale: "Playfair Display", Georgia, serif;
}
* { box-sizing: border-box; }
html { min-height: 100%; }
body { margin: 0; font-family: var(--font-ui); color: var(--colore-testo); background: var(--colore-sfondo); }
a { color: inherit; }
.eg-shell { min-height: 100vh; display: flex; flex-direction: column; }
.eg-header { position: sticky; top: 0; z-index: 20; min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 12px 38px; background: rgba(250,246,239,.96); border-bottom: 1px solid var(--colore-bordo); backdrop-filter: blur(10px); }
.eg-logo img { width: 218px; max-width: 52vw; height: auto; display: block; }
.eg-nav { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.eg-nav a { min-height: 40px; display: inline-flex; align-items: center; padding: 0 12px; border-radius: 8px; text-decoration: none; font-weight: 700; color: #314034; }
.eg-nav a:hover, .eg-nav a:focus { background: var(--colore-erba); outline: none; }
.eg-nav-azione { background: var(--colore-foresta); color: white !important; }
.eg-contenuto { width: 100%; flex: 1; }
.eg-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.eg-hero-mockup { min-height: calc(100vh - 76px); display: grid; align-items: center; padding: 56px 0 34px; background: radial-gradient(circle at 78% 18%, rgba(242,140,40,.18), transparent 30%), linear-gradient(135deg, #FAF6EF 0%, #ECF5E2 55%, #FFFFFF 100%); }
.eg-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 520px); gap: 42px; align-items: center; }
.eg-eyebrow { margin: 0 0 10px; color: var(--colore-primario); font-weight: 900; text-transform: uppercase; font-size: 12px; letter-spacing: 0; }
.eg-hero-mockup h1 { margin: 0 0 18px; max-width: 780px; font-family: var(--font-editoriale); font-size: 64px; line-height: 1.02; letter-spacing: 0; color: var(--colore-foresta); }
.eg-hero-mockup p { max-width: 680px; margin: 0 0 24px; color: #465549; font-size: 19px; line-height: 1.55; }
.eg-azioni { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.eg-bottone { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 0 18px; border: 0; border-radius: 8px; background: var(--colore-primario); color: white; font-weight: 800; text-decoration: none; cursor: pointer; }
.eg-bottone:hover, .eg-bottone:focus { background: #246428; outline: none; }
.eg-bottone-secondario { background: var(--colore-accento); color: #2d1703; }
.eg-link-tondo { display: inline-flex; min-height: 46px; align-items: center; padding: 0 14px; border: 1px solid var(--colore-bordo); border-radius: 8px; background: white; font-weight: 800; text-decoration: none; }
.eg-hero-card { background: white; border: 1px solid var(--colore-bordo); border-radius: 8px; box-shadow: var(--ombra-morbida); overflow: hidden; }
.eg-card-top { padding: 18px; background: var(--colore-foresta); color: white; }
.eg-card-top strong { display: block; font-size: 22px; }
.eg-card-corpo { padding: 18px; display: grid; gap: 12px; }
.eg-mini-mappa { min-height: 190px; position: relative; border-radius: 8px; background: linear-gradient(145deg, #DBECD0, #fff7e7); border: 1px solid #cfdec6; overflow: hidden; }
.eg-mini-mappa::before { content: ""; position: absolute; inset: 26px 34px; border: 2px dashed rgba(46,125,50,.35); border-radius: 50%; }
.eg-pin { position: absolute; min-width: 98px; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: white; color: var(--colore-foresta); font-weight: 900; box-shadow: 0 10px 28px rgba(23,61,36,.18); }
.eg-pin-1 { top: 35px; left: 38px; }
.eg-pin-2 { right: 42px; top: 86px; }
.eg-pin-3 { left: 120px; bottom: 30px; }
.eg-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 26px; }
.eg-strip article, .eg-card-prodotto, .eg-card-info { background: white; border: 1px solid var(--colore-bordo); border-radius: 8px; padding: 16px; box-shadow: 0 10px 26px rgba(23,61,36,.06); }
.eg-strip strong { display: block; color: var(--colore-foresta); margin-bottom: 4px; }
.eg-sezione { padding: 54px 0; }
.eg-sezione h1, .eg-sezione h2 { margin: 0 0 12px; font-family: var(--font-editoriale); color: var(--colore-foresta); }
.eg-sezione h1 { font-size: 48px; line-height: 1.08; }
.eg-sezione h2 { font-size: 38px; line-height: 1.12; }
.eg-sezione p { color: var(--colore-muted); line-height: 1.55; }
.eg-griglia-prodotti { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }
.eg-card-prodotto { display: grid; gap: 8px; }
.eg-card-prodotto strong { color: var(--colore-primario); font-size: 19px; }
.eg-badge { display: inline-flex; align-items: center; min-height: 28px; width: fit-content; padding: 0 9px; border-radius: 8px; background: var(--colore-erba); color: var(--colore-foresta); font-weight: 900; font-size: 12px; }
.eg-pannello-ricerca { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; padding: 16px; background: var(--colore-superficie); border: 1px solid var(--colore-bordo); border-radius: 8px; box-shadow: 0 10px 26px rgba(23,61,36,.06); }
.eg-pannello-ricerca label { width: 100%; margin: 0; font-weight: 900; }
.eg-input { min-height: 46px; border: 1px solid var(--colore-bordo); border-radius: 8px; padding: 8px 12px; background: white; }
.eg-pannello-ricerca .eg-input { margin: 0; flex: 1 1 240px; }
.eg-alert { padding: 12px 14px; border-radius: 8px; border: 1px solid var(--colore-bordo); background: white; }
.eg-alert-successo { border-color: var(--colore-successo); }
.eg-alert-errore { border-color: var(--colore-errore); }
.eg-contatore-risultati { font-weight: 800; color: var(--colore-primario); }
.eg-pagina-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 24px; align-items: start; }
.eg-lista-link { display: grid; gap: 10px; margin-top: 18px; }
.eg-lista-link a { display: flex; justify-content: space-between; gap: 12px; padding: 14px; border: 1px solid var(--colore-bordo); border-radius: 8px; background: white; text-decoration: none; font-weight: 800; }
.eg-footer { padding: 26px 38px; background: var(--colore-foresta); color: white; }
.eg-footer-inner { width: min(1180px, calc(100% - 40px)); margin: 0 auto; display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }

.eg-admin { background: #F5F7F1; }
.eg-admin-shell { min-height: 100vh; display: grid; grid-template-columns: 280px minmax(0, 1fr); }
.eg-sidebar { background: #173D24; color: white; padding: 18px; display: flex; flex-direction: column; gap: 18px; }
.eg-sidebar img { width: 200px; height: auto; margin: 4px 0 10px; }
.eg-menu-gruppo { display: grid; gap: 6px; }
.eg-menu-titolo { color: rgba(255,255,255,.64); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.eg-sidebar a { min-height: 40px; display: flex; align-items: center; justify-content: space-between; text-decoration: none; border-radius: 8px; padding: 0 10px; font-weight: 800; }
.eg-sidebar a:hover, .eg-sidebar a:focus { background: rgba(255,255,255,.12); outline: none; }
.eg-admin-main { min-width: 0; }
.eg-topbar { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 24px; background: white; border-bottom: 1px solid var(--colore-bordo); }
.eg-topbar input { width: min(420px, 48vw); }
.eg-admin-contenuto { padding: 24px; }
.eg-admin-intro { display: flex; justify-content: space-between; gap: 18px; align-items: end; margin-bottom: 20px; }
.eg-admin-intro h1 { margin: 0; font-family: var(--font-editoriale); color: var(--colore-foresta); font-size: 42px; }
.eg-griglia-kpi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.eg-kpi { background: white; border: 1px solid var(--colore-bordo); border-radius: 8px; padding: 16px; }
.eg-kpi span { color: var(--colore-muted); font-size: 13px; font-weight: 800; }
.eg-kpi strong { display: block; margin-top: 8px; font-size: 28px; color: var(--colore-foresta); }
.eg-admin-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr); gap: 16px; margin-top: 16px; }
.eg-pannello-admin { background: white; border: 1px solid var(--colore-bordo); border-radius: 8px; padding: 16px; }
.eg-tabella { width: 100%; border-collapse: collapse; }
.eg-tabella th, .eg-tabella td { padding: 11px 10px; border-bottom: 1px solid var(--colore-bordo); text-align: left; vertical-align: top; }
.eg-tabella th { font-size: 12px; text-transform: uppercase; color: var(--colore-muted); }
.eg-stato-ok { color: var(--colore-successo); font-weight: 900; }
.eg-stato-warn { color: var(--colore-avviso); font-weight: 900; }
.eg-azioni-rapide { display: grid; gap: 10px; }
.eg-azioni-rapide a { min-height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; border-radius: 8px; border: 1px solid var(--colore-bordo); text-decoration: none; font-weight: 900; }
@media (max-width: 900px) {
  .eg-header { padding: 12px 18px; align-items: flex-start; flex-direction: column; }
  .eg-hero-grid, .eg-pagina-grid, .eg-admin-grid { grid-template-columns: 1fr; }
  .eg-hero-mockup h1 { font-size: 42px; }
  .eg-strip, .eg-griglia-prodotti, .eg-griglia-kpi { grid-template-columns: 1fr; }
  .eg-admin-shell { grid-template-columns: 1fr; }
  .eg-sidebar { position: static; }
  .eg-topbar { flex-direction: column; align-items: stretch; }
  .eg-topbar input { width: 100%; }
}

.eg-pannello-admin h2 { margin-top: 0; color: var(--colore-foresta); }
.eg-pannello-ricerca { margin-bottom: 14px; }
.eg-tabella a { font-weight: 900; color: var(--colore-primario); }

.eg-ricetta-card { margin-top: 18px; display: grid; gap: 16px; }
.eg-ingredienti { display: grid; gap: 14px; margin-top: 14px; }
.eg-ingrediente { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); gap: 16px; padding: 16px; border: 1px solid var(--colore-bordo); border-radius: 8px; background: #fffdf8; }
.eg-ingrediente h3 { margin: 8px 0 4px; color: var(--colore-foresta); }
@media (max-width: 900px) { .eg-ingrediente { grid-template-columns: 1fr; } }

/* Fase UI mockup fidelity */
.eg-market-hero { min-height: calc(100vh - 76px); padding: 34px 0 26px; display: grid; align-items: center; background: linear-gradient(120deg, rgba(250,246,239,.98), rgba(231,244,218,.96)), url("/Assets/img/logo/ecogourmet_simbolo_trasparente.png") no-repeat calc(100% - 4vw) 8vh / min(38vw, 440px); }
.eg-market-shell { display: grid; grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr); gap: 30px; align-items: stretch; }
.eg-market-copy { align-self: center; }
.eg-market-copy h1 { margin: 0; font-family: var(--font-editoriale); font-size: 72px; line-height: .98; color: var(--colore-foresta); }
.eg-claim { margin: 8px 0 10px; font-family: var(--font-editoriale); font-size: 30px; color: var(--colore-accento); }
.eg-lead { max-width: 660px; font-size: 18px; line-height: 1.55; color: #405044; }
.eg-ricerca-home { margin-top: 22px; max-width: 640px; display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; align-items: center; padding: 10px; background: white; border: 1px solid var(--colore-bordo); border-radius: 8px; box-shadow: var(--ombra-morbida); }
.eg-ricerca-home span { padding-left: 8px; color: var(--colore-muted); font-weight: 800; }
.eg-ricerca-home strong { min-height: 46px; display: flex; align-items: center; padding: 0 14px; border-radius: 8px; background: #F5F7F1; color: var(--colore-foresta); }
.eg-market-board { display: grid; gap: 14px; padding: 16px; background: rgba(255,255,255,.86); border: 1px solid var(--colore-bordo); border-radius: 8px; box-shadow: var(--ombra-morbida); backdrop-filter: blur(10px); }
.eg-market-board header, .eg-panel-title, .eg-section-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.eg-market-board h2, .eg-section-head h2, .eg-panel-title h2 { margin: 4px 0 0; font-family: var(--font-editoriale); color: var(--colore-foresta); }
.eg-map-large { min-height: 360px; position: relative; overflow: hidden; border: 1px solid #cfdec6; border-radius: 8px; background: linear-gradient(135deg, #dbeed0, #fff4dd 58%, #ffffff); }
.eg-map-large::before { content: ""; position: absolute; inset: 34px; border: 2px dashed rgba(46,125,50,.28); border-radius: 48% 52% 42% 58%; }
.eg-map-large::after { content: ""; position: absolute; inset: auto -8% 24% -8%; height: 72px; transform: rotate(-8deg); background: rgba(255,255,255,.55); border-top: 1px solid rgba(23,61,36,.14); border-bottom: 1px solid rgba(23,61,36,.12); }
.eg-map-road { position: absolute; width: 60%; height: 46px; border: 2px solid rgba(23,61,36,.12); border-left: 0; border-right: 0; transform: rotate(24deg); }
.eg-road-1 { top: 74px; left: -80px; }
.eg-road-2 { bottom: 70px; right: -120px; transform: rotate(-18deg); }
.eg-map-area { position: absolute; left: 18px; bottom: 16px; min-height: 34px; display: inline-flex; align-items: center; padding: 0 12px; background: rgba(23,61,36,.92); color: white; border-radius: 8px; font-weight: 900; }
.eg-product-row { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 14px; background: white; border: 1px solid var(--colore-bordo); border-radius: 8px; }
.eg-product-row img, .eg-market-icon img { width: 42px; height: 42px; object-fit: contain; }
.eg-product-row strong { display: block; margin: 5px 0; color: var(--colore-foresta); }
.eg-product-row a { font-weight: 900; color: var(--colore-primario); }
.eg-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.eg-feature-card { min-height: 260px; display: grid; align-content: space-between; padding: 18px; border-radius: 8px; border: 1px solid var(--colore-bordo); background: white; box-shadow: 0 16px 38px rgba(23,61,36,.08); }
.eg-feature-card span { color: var(--colore-accento); font-weight: 900; }
.eg-feature-card h3 { margin: 10px 0 0; font-family: var(--font-editoriale); font-size: 30px; color: var(--colore-foresta); }
.eg-feature-card a { font-weight: 900; color: var(--colore-primario); }
.eg-story-band { padding: 58px 0; background: var(--colore-foresta); color: white; }
.eg-story-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr); gap: 28px; align-items: center; }
.eg-story-grid h2 { margin: 0 0 12px; font-family: var(--font-editoriale); font-size: 42px; }
.eg-story-grid p { color: rgba(255,255,255,.82); line-height: 1.6; }
.eg-story-stack { display: grid; gap: 12px; }
.eg-story-stack article { padding: 16px; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; background: rgba(255,255,255,.08); }
.eg-story-stack strong { display: block; margin-bottom: 4px; }
.eg-mercato-page { padding: 40px 0 60px; }
.eg-view-toggle { display: inline-flex; gap: 4px; padding: 4px; border: 1px solid var(--colore-bordo); border-radius: 8px; background: white; }
.eg-view-toggle span, .eg-view-toggle strong { min-height: 34px; display: inline-flex; align-items: center; padding: 0 12px; border-radius: 8px; }
.eg-view-toggle strong { background: var(--colore-foresta); color: white; }
.eg-market-layout { display: grid; grid-template-columns: 330px minmax(0, 1fr); gap: 18px; align-items: start; margin-top: 18px; }
.eg-filter-panel { position: sticky; top: 92px; display: grid; gap: 12px; padding: 16px; background: white; border: 1px solid var(--colore-bordo); border-radius: 8px; box-shadow: 0 12px 30px rgba(23,61,36,.08); }
.eg-filter-panel h2 { margin: 0; font-family: var(--font-editoriale); color: var(--colore-foresta); }
.eg-filter-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.eg-filter-chips span { min-height: 30px; display: inline-flex; align-items: center; padding: 0 9px; border-radius: 8px; background: #F5F7F1; font-size: 12px; font-weight: 900; color: var(--colore-foresta); }
.eg-market-results { display: grid; gap: 14px; }
.eg-map-results { min-height: 300px; }
.eg-lista-mercato { display: grid; gap: 12px; }
.eg-market-item { display: grid; grid-template-columns: 58px minmax(0, 1fr) minmax(140px, auto); gap: 14px; align-items: center; padding: 14px; background: white; border: 1px solid var(--colore-bordo); border-radius: 8px; box-shadow: 0 10px 26px rgba(23,61,36,.06); }
.eg-market-item h3 { margin: 5px 0; color: var(--colore-foresta); }
.eg-market-meta { display: grid; gap: 4px; justify-items: end; }
.eg-market-meta strong { color: var(--colore-primario); }
.eg-admin-command { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 18px; padding: 18px; border: 1px solid var(--colore-bordo); border-radius: 8px; background: linear-gradient(135deg, #ffffff, #ecf5e2); }
.eg-admin-command h1 { margin: 0; font-family: var(--font-editoriale); font-size: 44px; color: var(--colore-foresta); }
.eg-admin-command p { color: var(--colore-muted); }
.eg-admin-command-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.eg-admin-dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr); gap: 16px; margin-top: 16px; }
.eg-panel-large { grid-row: span 2; }
.eg-panel-title { margin-bottom: 12px; }
.eg-panel-title a { color: var(--colore-primario); font-weight: 900; }
.eg-status-list, .eg-timeline { display: grid; gap: 10px; }
.eg-status-list span, .eg-timeline span { display: flex; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid var(--colore-bordo); border-radius: 8px; background: #fffdf8; }
.eg-status-list em { color: var(--colore-primario); font-style: normal; font-weight: 900; }
.eg-timeline strong { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: var(--colore-erba); color: var(--colore-foresta); margin-right: 8px; }
@media (max-width: 980px) {
  .eg-market-shell, .eg-story-grid, .eg-market-layout, .eg-admin-dashboard-grid { grid-template-columns: 1fr; }
  .eg-market-copy h1 { font-size: 48px; }
  .eg-ricerca-home, .eg-market-item, .eg-product-row { grid-template-columns: 1fr; }
  .eg-feature-grid { grid-template-columns: 1fr; }
  .eg-filter-panel { position: static; }
  .eg-admin-command { align-items: stretch; flex-direction: column; }
}

.eg-galleria-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.eg-immagine-admin{border:1px solid var(--colore-bordo);padding:12px;background:#fff}.eg-immagine-admin img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;margin-bottom:10px}.eg-immagine-admin small,.eg-immagine-admin strong{display:block}.eg-immagine-admin .eg-admin-command-actions{margin-top:10px}


/* Flussi operativi finali */
.eg-table-scroll { width: 100%; overflow-x: auto; }
.eg-spazio-sopra { margin-top: 16px; }
.eg-valore-grande { display: block; margin-top: 6px; color: var(--colore-foresta); font-size: 28px; }
.eg-inline-action { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.eg-inline-action .eg-input { flex: 1 1 190px; }
.eg-button-secondary { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; border: 1px solid var(--colore-bordo); border-radius: 8px; background: white; color: var(--colore-foresta); font-weight: 800; cursor: pointer; }
.eg-setting-row { min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--colore-bordo); }
.eg-setting-row:last-child { border-bottom: 0; }
.eg-setting-row span { min-width: 0; display: grid; gap: 3px; }
.eg-setting-row small { color: var(--colore-muted); overflow-wrap: anywhere; }
.eg-wizard-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; }
.eg-wizard-steps span { min-height: 54px; display: flex; align-items: center; gap: 9px; padding: 8px 10px; border: 1px solid var(--colore-bordo); border-radius: 8px; background: white; color: var(--colore-muted); font-size: 13px; font-weight: 800; }
.eg-wizard-steps strong { width: 28px; height: 28px; flex: 0 0 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #eef1ea; color: var(--colore-foresta); }
.eg-wizard-steps .corrente { border-color: var(--colore-primario); color: var(--colore-foresta); box-shadow: inset 0 0 0 1px var(--colore-primario); }
.eg-wizard-steps .corrente strong, .eg-wizard-steps .completato strong { background: var(--colore-primario); color: white; }
.eg-wizard-steps .completato { background: var(--colore-erba); color: var(--colore-foresta); }
@media (max-width: 700px) {
  .eg-setting-row { align-items: stretch; flex-direction: column; }
  .eg-wizard-steps { grid-template-columns: 1fr; }
}

/* Kit design ufficiale: shell Admin */
.eg-admin { background:#F4F6F3; color:#2B2B2B; font-family:Montserrat,Arial,sans-serif; }
.eg-admin-shell { grid-template-columns:248px minmax(0,1fr); }
.eg-sidebar { position:sticky; top:0; height:100vh; padding:22px 14px; background:#1F5B23; overflow-y:auto; }
.eg-sidebar-brand { min-height:52px; display:flex; align-items:flex-start; justify-content:space-between; padding:0 10px 18px; }
.eg-sidebar-brand img { width:auto; height:30px; margin:0; }
.eg-sidebar nav { display:grid; gap:18px; }
.eg-menu-gruppo { gap:3px; }
.eg-menu-titolo { padding:0 10px 6px; color:#B7D9B4; font-size:11px; font-weight:700; }
.eg-sidebar a { position:relative; min-height:42px; border-radius:8px; padding:0 12px; color:#D9EBD6; font-size:13px; font-weight:600; }
.eg-sidebar a:hover,.eg-sidebar a:focus,.eg-sidebar a.attiva { background:rgba(255,255,255,.12); color:#fff; }
.eg-sidebar a.attiva::before { position:absolute; left:-4px; width:3px; height:24px; border-radius:3px; background:#8BC34A; content:""; }
.eg-sidebar-public { margin-top:auto; border:1px solid rgba(255,255,255,.18); }
.eg-sidebar-close,.eg-admin-menu-button,.eg-admin-menu-input { display:none; }
.eg-topbar { min-height:76px; padding:12px 28px; background:#fff; }
.eg-topbar > div { display:grid; gap:3px; }
.eg-topbar > div strong { color:#2B2B2B; font-size:15px; }
.eg-topbar > div small { color:#6B7280; font-size:12px; }
.eg-operatore { display:flex; align-items:center; gap:12px; color:#6B7280; font-size:13px; }
.eg-operatore a { min-height:38px; display:inline-flex; align-items:center; padding:0 14px; border:1px solid #E7E2DA; border-radius:999px; color:#2E7D32; font-weight:700; text-decoration:none; }
.eg-admin-contenuto { width:min(1480px,100%); margin:0 auto; padding:28px 32px 56px; }
.eg-admin-command,.eg-pannello-admin,.eg-kpi { border-color:#E7E2DA; border-radius:14px; }
.eg-admin-command { background:#fff; }
.eg-bottone { border-radius:10px; }
.eg-link-tondo,.eg-button-secondary { border-radius:10px; }
@media(max-width:980px){
 .eg-admin-shell{grid-template-columns:1fr}.eg-sidebar{position:fixed;inset:0 auto 0 0;z-index:80;width:min(310px,86vw);transform:translateX(-105%);transition:transform .2s ease}.eg-admin-menu-input:checked~.eg-admin-shell .eg-sidebar{transform:translateX(0)}
 .eg-sidebar-close,.eg-admin-menu-button{display:grid}.eg-sidebar-close{width:34px;height:34px;place-items:center;color:#fff;font-size:26px;cursor:pointer}.eg-admin-menu-button{width:42px;height:42px;align-content:center;gap:5px;padding:0 10px;border:1px solid #E7E2DA;border-radius:10px;cursor:pointer}.eg-admin-menu-button span{height:2px;background:#2B2B2B}.eg-topbar{flex-direction:row;align-items:center}.eg-admin-contenuto{padding:22px 18px 44px}
}