/* MA Healthcare Suite — shell styles */ :root { --bg: #f3f5f9; --bg-2: #ffffff; --ink: #1f2330; --muted: #6b7280; --brand: #2c44b0; --brand-soft: #dbe4ff; --brand-ink: #1a2a6e; --line: #e3e6ed; --ok: #2f9e44; --warn: #e67700; --err: #c92a2a; --shadow: 0 1px 2px rgba(20,30,60,0.06); } /* Dark mode — attivata da */ html[data-theme="dark"] { --bg: #0f1320; --bg-2: #1a2032; --ink: #e6e9f2; --muted: #98a1b8; --brand: #6b80e8; --brand-soft: #1e2a55; --brand-ink: #b6c2ff; --line: #2a3148; --ok: #51cf66; --warn: #ffb84a; --err: #ff6b6b; --shadow: 0 1px 2px rgba(0,0,0,0.4); } html[data-theme="dark"] body { color-scheme: dark; background: var(--bg) !important; color: var(--ink) !important; } /* Leaflet tiles in dark: leggera inversione + desaturazione */ html[data-theme="dark"] .leaflet-tile-pane { filter: invert(0.92) hue-rotate(180deg) brightness(0.9) contrast(0.85); } html[data-theme="dark"] .leaflet-control-attribution, html[data-theme="dark"] .leaflet-popup-content-wrapper, html[data-theme="dark"] .leaflet-popup-tip { background: var(--bg-2) !important; color: var(--ink) !important; } html[data-theme="dark"] .leaflet-control-zoom a { background: var(--bg-2) !important; color: var(--ink) !important; border-color: var(--line) !important; } /* ── Override esplicito per tutte le sezioni del hub principale in dark ── */ html[data-theme="dark"] .topbar, html[data-theme="dark"] header.topbar { background: var(--bg-2) !important; border-color: var(--line) !important; color: var(--ink) !important; } html[data-theme="dark"] .panel, html[data-theme="dark"] .card, html[data-theme="dark"] .map-card, html[data-theme="dark"] .kpi-card { background: var(--bg-2) !important; color: var(--ink) !important; border-color: var(--line) !important; } html[data-theme="dark"] .muted { color: var(--muted) !important; } html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, html[data-theme="dark"] h4 { color: var(--ink) !important; } html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea, html[data-theme="dark"] button { background: var(--bg-2) !important; color: var(--ink) !important; border-color: var(--line) !important; } html[data-theme="dark"] .services-table, html[data-theme="dark"] .services-table code { background: var(--bg-2) !important; color: var(--ink) !important; } html[data-theme="dark"] .services-table th { background: var(--bg) !important; color: var(--muted) !important; border-color: var(--line) !important; } html[data-theme="dark"] .services-table td { border-color: var(--line) !important; color: var(--ink) !important; } html[data-theme="dark"] .tab { color: var(--muted) !important; } html[data-theme="dark"] .tab:hover { background: var(--bg) !important; color: var(--ink) !important; } html[data-theme="dark"] .tab.active { background: var(--brand-soft) !important; color: var(--brand-ink) !important; } html[data-theme="dark"] .bars .bar-label { color: var(--ink) !important; } html[data-theme="dark"] .bars .bar-num { color: var(--muted) !important; } html[data-theme="dark"] .bars .bar-track { background: var(--bg) !important; } html[data-theme="dark"] .dash-divider { background: var(--line) !important; } html[data-theme="dark"] .dash-grid, html[data-theme="dark"] .dash-wrap { background: transparent !important; color: var(--ink) !important; } /* Iframe contenitore: si vede comunque il dark intorno */ html[data-theme="dark"] iframe { background: var(--bg) !important; color-scheme: dark; } /* Exports table (lista file Run precedenti in Gestione): hover hardcoded #fafbff */ html[data-theme="dark"] .exports-table-wrap { background: var(--bg-2) !important; border-color: var(--line) !important; } html[data-theme="dark"] .exports-table { color: var(--ink) !important; } html[data-theme="dark"] .exports-table th { background: var(--bg) !important; color: var(--muted) !important; border-color: var(--line) !important; } html[data-theme="dark"] .exports-table td { color: var(--ink) !important; border-color: var(--line) !important; } html[data-theme="dark"] .exports-table tbody tr:hover { background: rgba(107,128,232,0.08) !important; } html[data-theme="dark"] .exports-table code { background: var(--bg) !important; color: var(--brand-ink) !important; padding: 2px 5px; border-radius: 3px; } /* ── Storico modifiche (tab Storico) ── */ html[data-theme="dark"] .history-list { background: var(--bg-2) !important; border-color: var(--line) !important; } html[data-theme="dark"] .hist-item { color: var(--ink) !important; border-color: var(--line) !important; } html[data-theme="dark"] .hist-item:hover { background: rgba(107,128,232,0.08) !important; } html[data-theme="dark"] .hist-when, html[data-theme="dark"] .hist-target { color: var(--muted) !important; } html[data-theme="dark"] .hist-summary { color: var(--ink) !important; } html[data-theme="dark"] .hist-src.creator { color: #91a0f0 !important; } html[data-theme="dark"] .hist-src.updator { color: #ffb84a !important; } html[data-theme="dark"] .hist-src.gestionale { color: #51cf66 !important; } html[data-theme="dark"] .hist-src.hub { color: var(--muted) !important; } html[data-theme="dark"] .hist-src.system { color: var(--muted) !important; } html[data-theme="dark"] .hist-action.insert { background: rgba(47,158,68,0.18) !important; color: #51cf66 !important; } html[data-theme="dark"] .hist-action.update { background: rgba(202,138,4,0.18) !important; color: #ffd966 !important; } html[data-theme="dark"] .hist-action.delete { background: rgba(201,42,42,0.18) !important; color: #ff6b6b !important; } html[data-theme="dark"] .hist-action.geocode, html[data-theme="dark"] .hist-action.import, html[data-theme="dark"] .hist-action.note { background: rgba(107,128,232,0.18) !important; color: var(--brand-ink) !important; } html[data-theme="dark"] .hist-toolbar select { background: var(--bg-2) !important; color: var(--ink) !important; border-color: var(--line) !important; } /* ── Header barra "Target aggiornati · running …" (arricchimento attivo) ── */ html[data-theme="dark"] .enrich-results { background: var(--bg-2) !important; border-color: var(--line) !important; } html[data-theme="dark"] .enrich-results-head { background: linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%) !important; border-color: var(--line) !important; } html[data-theme="dark"] .enrich-results-head strong { color: var(--brand-ink) !important; } /* Bottoni "Salva ora" / "Annulla job" hanno inline style con colori light */ html[data-theme="dark"] #btn-enrich-merge-now { background: #1e2a55 !important; color: var(--brand-ink) !important; border-color: var(--brand) !important; } html[data-theme="dark"] #btn-enrich-merge-now:hover { background: #2a3870 !important; } html[data-theme="dark"] #btn-enrich-cancel { background: rgba(201,42,42,0.18) !important; color: #ff6b6b !important; border-color: rgba(201,42,42,0.4) !important; } html[data-theme="dark"] #btn-enrich-cancel:hover { background: rgba(201,42,42,0.28) !important; } html[data-theme="dark"] #btn-enrich-results-close { background: var(--bg-2) !important; color: var(--ink) !important; border-color: var(--line) !important; } html[data-theme="dark"] #btn-enrich-results-close:hover { background: var(--bg) !important; } /* Card di arricchimento (grid: ogni target trovato) */ html[data-theme="dark"] .enrich-card { background: var(--bg-2) !important; border-color: var(--line) !important; color: var(--ink) !important; } html[data-theme="dark"] .enrich-change { background: var(--bg) !important; } html[data-theme="dark"] .enrich-change.new { background: rgba(47,158,68,0.10) !important; border-left-color: var(--ok) !important; } html[data-theme="dark"] .enrich-change.changed { background: rgba(230,119,0,0.10) !important; border-left-color: var(--warn) !important; } html[data-theme="dark"] .enrich-change.enrich-excluded { background: rgba(201,42,42,0.10) !important; border-left-color: var(--err) !important; } html[data-theme="dark"] .enrich-change-label { color: var(--muted) !important; } html[data-theme="dark"] .enrich-change-value, html[data-theme="dark"] .enrich-field-text { color: var(--ink) !important; } html[data-theme="dark"] .enrich-btn { background: var(--bg-2) !important; color: var(--ink) !important; border-color: var(--line) !important; } html[data-theme="dark"] .enrich-btn:hover:not(:disabled) { background: #2a3870 !important; border-color: var(--brand) !important; color: var(--brand-ink) !important; } html[data-theme="dark"] .enrich-btn-ok { background: var(--ok) !important; color: white !important; border-color: var(--ok) !important; } html[data-theme="dark"] .enrich-btn-remove:hover:not(:disabled) { background: rgba(201,42,42,0.20) !important; color: #ff6b6b !important; border-color: var(--err) !important; } html[data-theme="dark"] .enrich-card-head .enrich-card-title { color: var(--ink) !important; } html[data-theme="dark"] .enrich-field-input, html[data-theme="dark"] .enrich-rs-input { background: var(--bg-2) !important; color: var(--ink) !important; } /* Pill checkbox "Fonti" sotto la ops-bar Arricchisci (allineata visivamente ai bottoni .btn.secondary: 8px 16px / 13px / radius 6px) */ .enrich-src-pill { border: 1px solid var(--line); border-radius: 6px; padding: 8px 12px; background: var(--bg-2); color: var(--ink); font-size: 13px; font-weight: 500; text-transform: none; letter-spacing: 0; cursor: pointer; user-select: none; display: inline-flex; align-items: center; gap: 6px; line-height: 1.2; margin: 0; } .enrich-src-pill:hover { border-color: var(--brand); } .enrich-src-pill input[type=checkbox] { margin: 0; } .enrich-src-pill:has(input:checked) { background: var(--brand-soft); border-color: var(--brand); color: var(--brand-ink); } html[data-theme="dark"] .enrich-src-pill { background: var(--bg) !important; color: var(--ink) !important; } html[data-theme="dark"] .enrich-src-pill:has(input:checked) { background: #1e2a55 !important; color: var(--brand-ink) !important; border-color: var(--brand) !important; } /* ── Form controls unificati: applicati a tutta la shell, non solo alla ops-bar Arricchisci. Riferimento di design: pulsanti .btn.secondary (padding 8px 16px, font 13px/500, border 1px solid --line, radius 6px). ─────────────────────── */ /* Tutti i con testo (es. "Limite:") */ label.ops-label:has(> select) { display: inline-flex; align-items: center; gap: 6px; } /* Pill di una