/* ===================================================================== Di Maria CRM — Skin Salesforce (area /test) Layer di override: si attiva SOLO con . Non tocca il CRM classico. Rimovibile: basta togliere la classe/i file. ===================================================================== */ html,html.sf,html.sf body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;} /* _land_v1 */ html.sf{ --sf-brand:#105da1; --sf-brand-dark:#0b4577; --sf-brand-darker:#083253; --sf-red:#e2231a; --sf-weak:#eaf3fb; --sf-ring:rgba(16,93,161,.28); --sf-bg:#f3f3f3; --sf-card:#fff; --sf-border:#e5e5e5; --sf-border2:#dddbda; --sf-text:#181818; --sf-soft:#444; --sf-muted:#706e6b; --sf-faint:#969492; --sf-pos:#2e844a; --sf-pos-w:#eafbe6; --sf-neg:#ba0517; --sf-neg-w:#fef1ee; --sf-warn:#fe9339; --sf-warn-w:#fef5e9; --sf-purple:#7f56d9; --sf-teal:#0b827c; --sf-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; } html.sf, html.sf body{background:var(--sf-bg)!important;color:var(--sf-text);font-family:var(--sf-font)!important;} /* ---- nascondi la navigazione nativa (sidebar + header del CRM classico) ---- */ html.sf .ix-sidebar{display:none!important;} html.sf .ix-main{margin-left:0!important;} html.sf > body > header, html.sf body > header{display:none!important;} /* lascia spazio per la chrome SF fissa iniettata da sf-shell.js */ html.sf body{padding-top:94px!important;} html.sf.sfx-page-full body{padding-top:94px!important;} /* ===================== CHROME SF (iniettata via JS) ===================== */ .sfx-header{position:fixed;top:0;left:0;right:0;height:50px;background:var(--sf-brand-dark); display:flex;align-items:center;padding:0 14px;gap:12px;z-index:9000;color:#fff;} .sfx-waffle{display:grid;grid-template-columns:repeat(3,4px);grid-template-rows:repeat(3,4px);gap:3px;padding:9px;border-radius:5px;cursor:pointer;flex:0 0 auto;} .sfx-waffle:hover{background:rgba(255,255,255,.12);} .sfx-waffle i{width:4px;height:4px;background:var(--card,#fff);border-radius:1px;display:block;} .sfx-app{display:flex;align-items:center;gap:9px;flex:0 0 auto;} .sfx-app .sq{width:26px;height:26px;border-radius:6px;background:var(--sf-red);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);} .sfx-app b{font-size:15px;font-weight:600;} .sfx-app span{font-size:11px;opacity:.72;} .sfx-search{flex:1;max-width:560px;margin:0 auto;position:relative;} .sfx-search input{width:100%;height:32px;border:none;border-radius:16px;padding:0 14px 0 38px;font-size:13px;background:var(--card,#fff);color:var(--dm75,#181818);font-family:inherit;box-shadow:0 1px 2px rgba(0,0,0,.2);} .sfx-search input:focus{outline:none;box-shadow:0 0 0 3px var(--sf-ring);} .sfx-search .ic{position:absolute;left:13px;top:7px;color:var(--sf-muted);font-size:15px;} .sfx-icons{display:flex;align-items:center;gap:4px;flex:0 0 auto;} .sfx-icons .gi{width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;cursor:pointer;font-size:15px;} .sfx-icons .gi:hover{background:rgba(255,255,255,.12);} .sfx-icons .gi .dot{position:absolute;top:6px;right:7px;width:7px;height:7px;background:var(--sf-red);border-radius:50%;border:1.5px solid var(--sf-brand-dark);} .sfx-ava{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#3b7fc4,#0b4577);color:#fff;font-weight:600;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid rgba(255,255,255,.35);} .sfx-nav{position:fixed;top:50px;left:0;right:0;height:44px;background:var(--card,#fff);border-bottom:1px solid var(--sf-border); display:flex;align-items:center;padding:0 14px;gap:2px;z-index:8999;box-shadow:0 2px 3px rgba(0,0,0,.04);overflow-x:auto;} .sfx-nav .app-name{display:flex;align-items:center;gap:8px;padding-right:14px;margin-right:6px;border-right:1px solid var(--sf-border);flex:0 0 auto;} .sfx-nav .app-name .sq{width:22px;height:22px;border-radius:5px;background:var(--sf-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;} .sfx-nav .app-name b{font-size:14px;font-weight:600;} .sfx-tab{position:relative;padding:0 13px;height:44px;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--sf-soft);white-space:nowrap;text-decoration:none;flex:0 0 auto;border-radius:4px 4px 0 0;background:none;border:none;cursor:pointer;font-family:inherit;} .sfx-tab:hover{background:var(--sf-weak);color:var(--sf-brand);text-decoration:none;} .sfx-tab.on{font-weight:600;color:var(--sf-text);} .sfx-tab.on::after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:3px;background:var(--sf-brand);border-radius:2px;} .sfx-tab .ic{font-size:14px;opacity:.85;} .sfx-badge-new{background:var(--sf-pos-w);color:var(--sf-pos);font-size:9px;font-weight:700;border-radius:8px;padding:1px 5px;margin-left:2px;} /* pannello ricerca globale */ .sfx-srp{position:absolute;top:42px;left:0;right:0;background:var(--card,#fff);border:1px solid var(--sf-border);border-radius:8px;box-shadow:0 12px 34px rgba(0,0,0,.18);z-index:9500;padding:6px;display:none;max-height:70vh;overflow:auto;} .sfx-srp.open{display:block;} .sfx-srg{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--sf-muted);font-weight:600;padding:8px 10px 4px;} .sfx-sri{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:5px;cursor:pointer;color:var(--sf-text);text-decoration:none;} .sfx-sri:hover{background:var(--sf-weak);text-decoration:none;} .sfx-sri .si{width:26px;height:26px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;flex:0 0 auto;} .sfx-sri b{font-weight:600;font-size:13px;} .sfx-sri small{display:block;font-size:11px;color:var(--sf-muted);} .sfx-srp .empty{padding:14px;color:var(--sf-muted);font-size:13px;text-align:center;} /* ===================== OVERRIDE COMPONENTI ESISTENTI ===================== */ /* card */ html.sf .card,html.sf .table-wrap,html.sf .mpanel,html.sf .cli-suggest,html.sf .mesi-panel{ border-radius:6px!important;border-color:var(--sf-border)!important;box-shadow:0 1px 2px rgba(0,0,0,.04)!important;background:var(--sf-card)!important;} /* bottoni brand */ html.sf button:not(.metric-btn):not(.mesi-actions button):not(.tab):not(.sfx-tab), html.sf .btn-primary{background:var(--sf-brand);border:1px solid var(--sf-brand);color:#fff;border-radius:4px!important;font-weight:600;} html.sf button:hover:not(.metric-btn):not(.tab):not(.sfx-tab){background:var(--sf-brand-dark);border-color:var(--sf-brand-dark);} html.sf button.secondary,html.sf .adv-toggle,html.sf .btn-utenti,html.sf .mesi-btn{ background:var(--card,#fff)!important;color:var(--sf-soft)!important;border:1px solid var(--sf-border2)!important;border-radius:4px!important;} html.sf button.secondary:hover,html.sf .adv-toggle:hover,html.sf .btn-utenti:hover{background:var(--dm76,#f4f6f9)!important;} /* input/select */ html.sf input,html.sf select,html.sf textarea{border-radius:4px!important;border-color:var(--sf-border2)!important;} html.sf input:focus,html.sf select:focus{border-color:var(--sf-brand)!important;box-shadow:0 0 0 3px var(--sf-ring)!important;} /* tabelle: header SLDS */ html.sf table th{background:var(--dm41,#fafaf9)!important;color:var(--sf-muted)!important;text-transform:uppercase;font-size:11px;letter-spacing:.04em;border-bottom:1px solid var(--sf-border2)!important;} html.sf tbody tr:hover{background:var(--dm42,#f8f9fb)!important;} html.sf tfoot td{background:var(--dm77,#f7f9fc)!important;} /* accento: link, arrow, active */ html.sf a{color:var(--sf-brand);} html.sf .metric-btn.active,html.sf .tab.active,html.sf .badge{background:var(--sf-brand);} html.sf .badge{color:#fff;border-radius:999px;} html.sf .metric-btn.active{background:var(--sf-brand)!important;color:#fff!important;} /* accent-color forms */ html.sf{accent-color:var(--sf-brand);} /* main larghezza piena */ html.sf main{max-width:1440px!important;margin:0 auto!important;padding:16px 20px 60px!important;} /* ===================== PAGINE NUOVE (SF native) ===================== */ .sfx-wrap{max-width:1440px;margin:0 auto;padding:16px 20px 60px;} .sfx-phead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap;} .sfx-phead .crumb{font-size:11px;color:var(--sf-muted);margin-bottom:3px;} .sfx-phead h1{margin:0;font-size:19px;font-weight:600;display:flex;align-items:center;gap:9px;} .sfx-phead h1 .obj{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;} .sfx-phead .sub{font-size:12px;color:var(--sf-muted);margin-top:2px;} .sfx-acts{display:flex;gap:7px;align-items:center;flex-wrap:wrap;} .sfx-btn{height:32px;padding:0 14px;border-radius:4px;border:1px solid var(--sf-border2);background:var(--card,#fff);color:var(--sf-brand);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:inherit;text-decoration:none;} .sfx-btn:hover{background:var(--dm76,#f4f6f9);text-decoration:none;} .sfx-btn.brand{background:var(--sf-brand);border-color:var(--sf-brand);color:#fff;} .sfx-btn.brand:hover{background:var(--sf-brand-dark);} .sfx-btn.neutral{color:var(--sf-soft);} .sfx-card{background:var(--card,#fff);border:1px solid var(--sf-border);border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.04);margin-bottom:14px;} .sfx-card>.h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1px solid var(--sf-border);} .sfx-card>.h .t{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;} .sfx-card>.h .t .cico{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;} .sfx-card>.h .t small{font-size:11px;color:var(--sf-muted);font-weight:400;} .sfx-card>.b{padding:14px;} .sfx-card>.b.p0{padding:0;} .sfx-grid{display:grid;gap:14px;} .sfx-g4{grid-template-columns:repeat(4,1fr);}.sfx-g3{grid-template-columns:repeat(3,1fr);}.sfx-g2{grid-template-columns:repeat(2,1fr);} .sfx-split{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;} @media(max-width:1100px){.sfx-g4{grid-template-columns:repeat(2,1fr);}.sfx-g3,.sfx-g2,.sfx-split{grid-template-columns:1fr;}} .sfx-kpi{background:var(--card,#fff);border:1px solid var(--sf-border);border-radius:6px;padding:14px 15px;box-shadow:0 1px 2px rgba(0,0,0,.04);} .sfx-kpi .l{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--sf-muted);font-weight:600;display:flex;align-items:center;gap:7px;} .sfx-kpi .l .d{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;} .sfx-kpi .v{font-size:25px;font-weight:700;margin:8px 0 3px;letter-spacing:-.02em;} .sfx-kpi .tr{font-size:12px;font-weight:600;} .sfx-kpi .tr.up{color:var(--sf-pos);}.sfx-kpi .tr.down{color:var(--sf-neg);} .sfx-kpi .tr small{color:var(--sf-muted);font-weight:400;margin-left:4px;} .sfx-tbl{width:100%;border-collapse:collapse;font-size:13px;} .sfx-tbl th{background:var(--dm41,#fafaf9);text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--sf-muted);font-weight:600;padding:9px 12px;border-bottom:1px solid var(--sf-border2);white-space:nowrap;cursor:pointer;} .sfx-tbl th.num,.sfx-tbl td.num{text-align:right;font-variant-numeric:tabular-nums;} .sfx-tbl td{padding:9px 12px;border-bottom:1px solid var(--sf-border);} .sfx-tbl tbody tr:hover{background:var(--dm42,#f8f9fb);} .sfx-tbl tfoot td{font-weight:700;background:var(--dm77,#f7f9fc);border-top:2px solid var(--sf-border2);} .sfx-pos{color:var(--sf-pos);font-weight:600;}.sfx-neg{color:var(--sf-neg);font-weight:600;} .sfx-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;} .sfx-pill.blue{background:var(--sf-weak);color:var(--sf-brand);}.sfx-pill.green{background:var(--sf-pos-w);color:var(--sf-pos);} .sfx-pill.red{background:var(--sf-neg-w);color:var(--sf-neg);}.sfx-pill.orange{background:var(--sf-warn-w);color:var(--dm78,#b45309);} .sfx-pill.grey{background:var(--dm79,#f0f0f0);color:var(--sf-muted);}.sfx-pill.purple{background:var(--dm80,#f2ecfd);color:var(--sf-purple);} .sfx-bars{display:flex;flex-direction:column;gap:9px;} .sfx-bar{display:grid;grid-template-columns:160px 1fr 92px;align-items:center;gap:10px;font-size:12px;} .sfx-bar .n{color:var(--sf-soft);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .sfx-bar .trk{background:var(--dm79,#f0f0f0);border-radius:4px;height:14px;overflow:hidden;} .sfx-bar .fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--sf-brand),#3b8fd6);} .sfx-bar .val{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;} /* path chevron */ .sfx-path{display:flex;background:var(--card,#fff);border:1px solid var(--sf-border);border-radius:6px;overflow:hidden;margin-bottom:14px;} .sfx-path .st{flex:1;position:relative;padding:9px 12px 9px 26px;font-size:12px;font-weight:600;color:var(--sf-soft);background:var(--dm81,#f3f3f3);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%);margin-right:-12px;} .sfx-path .st:first-child{padding-left:16px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);} .sfx-path .st.done{background:var(--sf-weak);color:var(--sf-brand);} .sfx-path .st.cur{background:var(--sf-brand);color:#fff;} /* kanban */ .sfx-kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;} .sfx-kcol{flex:0 0 260px;background:var(--dm82,#f4f5f7);border-radius:8px;padding:8px;} .sfx-kcol .kh{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--sf-soft);} .sfx-kcol .kh .cnt{font-size:11px;color:var(--sf-muted);} .sfx-kcol .ksum{font-size:11px;color:var(--sf-muted);font-weight:500;padding:0 6px 8px;border-bottom:2px solid var(--dm83,#e3e5e9);margin-bottom:8px;} .sfx-kcard{background:var(--card,#fff);border:1px solid var(--sf-border);border-radius:6px;padding:10px;margin-bottom:8px;box-shadow:0 1px 2px rgba(0,0,0,.05);cursor:grab;} .sfx-kcard.drag{opacity:.5;} .sfx-kcol.over{background:var(--dm84,#e7f0f9);outline:2px dashed var(--sf-brand);} .sfx-kcard:hover{box-shadow:0 3px 8px rgba(0,0,0,.1);border-color:var(--sf-brand);} .sfx-kcard .kt{font-weight:600;font-size:13px;color:var(--sf-brand);margin-bottom:3px;} .sfx-kcard .km{font-size:11px;color:var(--sf-muted);margin-bottom:7px;} .sfx-kcard .kv{font-size:15px;font-weight:700;} .sfx-kcard .kr{display:flex;align-items:center;justify-content:space-between;margin-top:7px;} .sfx-kcard .kd{font-size:11px;color:var(--sf-muted);} /* timeline */ .sfx-tl{position:relative;padding-left:6px;} .sfx-tli{position:relative;padding:0 0 16px 34px;} .sfx-tli::before{content:"";position:absolute;left:11px;top:22px;bottom:-4px;width:2px;background:var(--sf-border);} .sfx-tli:last-child::before{display:none;} .sfx-tlic{position:absolute;left:0;top:0;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;} .sfx-tlc{background:var(--dm85,#fbfbfb);border:1px solid var(--sf-border);border-radius:6px;padding:9px 12px;} .sfx-tlc .top{display:flex;justify-content:space-between;gap:10px;align-items:baseline;} .sfx-tlc .ttl{font-weight:600;font-size:13px;} .sfx-tlc .dt{font-size:11px;color:var(--sf-muted);white-space:nowrap;} .sfx-tlc .ds{font-size:12px;color:var(--sf-soft);margin-top:3px;} /* record highlight */ .sfx-rh{background:var(--card,#fff);border:1px solid var(--sf-border);border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.04);border-left:5px solid var(--sf-brand);padding:14px 16px;margin-bottom:14px;} .sfx-rt{display:flex;align-items:center;gap:13px;flex-wrap:wrap;} .sfx-rt .ava{width:44px;height:44px;border-radius:8px;background:var(--sf-weak);color:var(--sf-brand);display:flex;align-items:center;justify-content:center;font-size:20px;} .sfx-rt h2{margin:0;font-size:18px;font-weight:600;} .sfx-rt .s{font-size:12px;color:var(--sf-muted);} .sfx-rf{display:grid;grid-template-columns:repeat(5,1fr);gap:14px 24px;margin-top:14px;padding-top:12px;border-top:1px solid var(--sf-border);} @media(max-width:900px){.sfx-rf{grid-template-columns:repeat(2,1fr);}} .sfx-rf .rl{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--sf-muted);font-weight:600;} .sfx-rf .rv{font-size:14px;font-weight:600;margin-top:2px;} /* report builder */ .sfx-rb{display:grid;grid-template-columns:230px 1fr;gap:14px;} @media(max-width:900px){.sfx-rb{grid-template-columns:1fr;}} .sfx-rbp{background:var(--card,#fff);border:1px solid var(--sf-border);border-radius:6px;padding:12px;} .sfx-rbp h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--sf-muted);} .sfx-fld{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--sf-border);border-radius:5px;margin-bottom:6px;font-size:12.5px;background:var(--dm85,#fbfbfb);cursor:grab;} .sfx-fld:hover{border-color:var(--sf-brand);background:var(--sf-weak);} .sfx-chip{display:inline-flex;align-items:center;gap:5px;background:var(--sf-weak);color:var(--sf-brand);border:1px solid var(--dm86,#cfe2f3);border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600;margin:0 6px 6px 0;cursor:pointer;} .sfx-dz{border:1.5px dashed var(--sf-border2);border-radius:6px;padding:10px;min-height:44px;margin-bottom:10px;} .sfx-dz.over{border-color:var(--sf-brand);background:var(--sf-weak);} .sfx-dz .dl{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--sf-muted);font-weight:600;margin-bottom:6px;} .sfx-legend{display:flex;flex-direction:column;gap:7px;} .sfx-legend .li{display:flex;align-items:center;gap:8px;font-size:12px;} .sfx-legend .li .sw{width:11px;height:11px;border-radius:3px;flex:0 0 auto;} .sfx-legend .li .lv{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums;} .sfx-mini{display:inline-flex;background:var(--dm87,#f0f1f4);border-radius:6px;padding:3px;gap:2px;} .sfx-mini button{border:none;background:none;padding:6px 13px;border-radius:4px;font-size:12.5px;font-weight:600;color:var(--sf-muted);cursor:pointer;} .sfx-mini button.on{background:var(--card,#fff);color:var(--sf-brand);box-shadow:0 1px 2px rgba(0,0,0,.1);} .sfx-note{background:var(--sf-warn-w);border:1px solid var(--dm88,#fde3c4);border-radius:6px;padding:9px 12px;font-size:12px;color:var(--dm89,#8a5210);margin-bottom:14px;} .sfx-empty{padding:40px;text-align:center;color:var(--sf-muted);font-size:13px;} .sfx-modal-bg{position:fixed;inset:0;background:rgba(8,20,35,.45);display:none;align-items:center;justify-content:center;z-index:9600;} .sfx-modal-bg.open{display:flex;} .sfx-modal{background:var(--card,#fff);border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.35);width:420px;max-width:94vw;padding:20px;} .sfx-modal h3{margin:0 0 14px;font-size:16px;} .sfx-modal label{font-size:11px;font-weight:600;color:var(--sf-soft);display:block;margin:10px 0 4px;text-transform:uppercase;letter-spacing:.03em;} .sfx-modal input,.sfx-modal select{width:100%;height:34px;border:1px solid var(--sf-border2);border-radius:4px;padding:0 10px;font-size:14px;font-family:inherit;} .sfx-modal .row{display:flex;gap:8px;justify-content:flex-end;margin-top:18px;} /* ===================================================================== FIDELITY v2 — avvicina le pagine esistenti al mockup Salesforce. Solo stile: nessuna logica toccata. Rimovibile eliminando questa sezione. ===================================================================== */ /* ---- 1. Bottoni: default SLDS "neutral" (bianco, testo blu). ---- */ html.sf button:not(.metric-btn):not(.tab):not(.sfx-tab):not(.mesi-actions button):not(.sfx-btn){ background:var(--card,#fff);border:1px solid var(--sf-border2);color:var(--sf-brand); border-radius:4px!important;font-weight:600; } html.sf button:hover:not(.metric-btn):not(.tab):not(.sfx-tab):not(.sfx-btn){ background:var(--dm76,#f4f6f9);border-color:var(--sf-border2);color:var(--sf-brand-dark); } /* stato attivo dei filtri rapidi (Tutti / In crescita / ...) */ html.sf button.on:not(.sfx-tab),html.sf button.active:not(.metric-btn):not(.tab){ background:var(--sf-brand)!important;border-color:var(--sf-brand)!important;color:#fff!important; } /* azione primaria dell'header (Aggiorna dati) resta brand */ html.sf header .actions button:not(.secondary):not(.btn-utenti){ background:var(--sf-brand);border-color:var(--sf-brand);color:#fff; } html.sf header .actions button:not(.secondary):not(.btn-utenti):hover{background:var(--sf-brand-dark);} html.sf header .actions form button{background:var(--card,#fff);border:1px solid var(--sf-border2);color:var(--sf-soft);} /* metric toggle attivo resta brand (già gestito) */ /* ---- 2. KPI card: tipografia e layout come il mockup ---- */ html.sf .kpi{ border:1px solid var(--sf-border)!important;border-radius:6px!important; box-shadow:0 1px 2px rgba(0,0,0,.04)!important;padding:14px 15px!important;background:var(--card,#fff)!important; } html.sf .kpi-value{ font-family:var(--sf-font)!important;font-weight:700!important; font-size:25px!important;letter-spacing:-.02em!important;line-height:1.15!important; } html.sf .kpi-label{ font-size:11px!important;text-transform:uppercase!important;letter-spacing:.05em!important; color:var(--sf-muted)!important;font-weight:600!important; display:inline-flex!important;align-items:center;gap:7px; } html.sf .kpi-foot{font-size:12px!important;color:var(--sf-muted)!important;} /* iconcina colorata stile mockup, per posizione card */ html.sf #kpis .kpi .kpi-label::before{ display:inline-flex;align-items:center;justify-content:center; width:22px;height:22px;border-radius:5px;color:#fff;font-size:12px; background:var(--sf-brand);content:"💶"; } html.sf #kpis .kpi:nth-child(2) .kpi-label::before{content:"📈";background:var(--sf-teal);} html.sf #kpis .kpi:nth-child(3) .kpi-label::before{content:"🏢";background:var(--sf-purple);} html.sf #kpis .kpi:nth-child(4) .kpi-label::before{content:"🏆";background:var(--sf-red);} html.sf .kpi-pill{border-radius:999px!important;font-weight:600!important;font-size:11px!important;} html.sf .kpi-value.v-neg{color:var(--sf-neg)!important;} html.sf .kpi-value.v-pos{color:var(--sf-pos)!important;} /* ---- 3. Titolo pagina con icona oggetto (come il mockup) ---- */ html.sf header h1{ font-size:19px!important;font-weight:600!important;display:inline-flex!important; align-items:center;gap:9px;letter-spacing:-.01em!important; } html.sf header h1::before{ content:"📊";display:inline-flex;align-items:center;justify-content:center; width:30px;height:30px;border-radius:7px;background:var(--sf-brand);color:#fff;font-size:15px; } html.sf header .info{font-size:11.5px!important;color:var(--sf-muted)!important;} /* ---- 4. Tabelle: numeri in Inter tabellare, look SLDS ---- */ html.sf td.num,html.sf th.num{ font-family:var(--sf-font)!important;font-variant-numeric:tabular-nums!important;font-size:13px!important; } html.sf table th{padding:9px 12px!important;} html.sf table td{padding:9px 12px!important;} html.sf tbody tr.row-agent td{background:var(--dm41,#fafaf9)!important;} html.sf .table-wrap{border-radius:6px!important;} html.sf tfoot td{font-weight:700!important;} /* ---- 5. Card filtri / summary: aria SLDS ---- */ html.sf .card{padding:14px!important;} html.sf .filters label{font-size:10.5px!important;letter-spacing:.04em!important;} html.sf .filters input,html.sf .filters select,html.sf .mesi-btn{ height:32px!important;padding:0 10px!important;border-radius:4px!important;font-size:13px!important; } html.sf .summary{font-size:12.5px!important;} html.sf .badge{border-radius:999px!important;} /* ---- 6. Dettagli minori ---- */ html.sf .ix-xbtn,html.sf .ix-favtoggle{font-size:12.5px!important;} html.sf a.agent-toggle .ag-caret{color:var(--sf-brand)!important;} html.sf .spark-bar{background:var(--sf-brand);opacity:.75;} html.sf .spark-down .spark-bar:last-child{background:var(--sf-neg);} /* ---- FIDELITY v2.1: rifiniture ---- */ /* niente doppia icona sulle KPI (l'originale era un ::before del template) */ html.sf #kpis .kpi::before,html.sf .kpi-top::before,html.sf .kpi-label .ic, html.sf #kpis .kpi .kpi-ico,html.sf #kpis .kpi .kico{display:none!important;content:none!important;} html.sf #kpis .kpi .kpi-label::before{display:inline-flex!important;} /* pagina Analisi: KPI con classi .val/.lab */ html.sf .card.kpi .val{font-family:var(--sf-font)!important;font-weight:700!important;font-size:24px!important;letter-spacing:-.02em!important;} html.sf .card.kpi.small .val{font-size:19px!important;} html.sf .card.kpi .lab{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--sf-muted)!important;font-weight:600!important;} /* sotto-tab Analisi: underline SLDS invece del blu pieno */ html.sf .tabs{border-bottom:1px solid var(--sf-border)!important;gap:2px!important;background:none!important;} html.sf .tabs .tab{background:none!important;border:none!important;color:var(--sf-soft)!important;font-weight:500!important;padding:9px 15px!important;position:relative!important;border-radius:5px 5px 0 0!important;} html.sf .tabs .tab:hover{background:var(--sf-weak)!important;color:var(--sf-brand)!important;} html.sf .tabs .tab.active{color:var(--sf-text)!important;font-weight:600!important;background:none!important;} html.sf .tabs .tab.active::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:3px;background:var(--sf-brand);border-radius:2px;} /* chip filtri attivi */ html.sf .chipbar .chip,html.sf .chip{border-radius:4px!important;} /* cardhead analisi */ html.sf .cardhead h3{font-size:14px!important;font-weight:600!important;} /* ---- FIDELITY v2.2: barra filtri Analisi in stile SLDS ---- */ html.sf .topbar{background:var(--card,#fff)!important;background-image:none!important;border-bottom:1px solid var(--sf-border)!important;box-shadow:0 1px 2px rgba(0,0,0,.04)!important;color:var(--sf-soft)!important;} html.sf .topbar .brand{display:none!important;} html.sf .topbar label,html.sf .topbar .ctrl label{color:var(--sf-muted)!important;} html.sf .topbar a.back{background:var(--card,#fff)!important;border:1px solid var(--sf-border2)!important;color:var(--sf-brand)!important;border-radius:4px!important;opacity:1!important;text-decoration:none!important;} html.sf .topbar a.back:hover{background:var(--dm76,#f4f6f9)!important;} html.sf .topbar .metric-group{border:1px solid var(--sf-border2)!important;background:var(--card,#fff)!important;} html.sf .topbar input,html.sf .topbar select,html.sf .topbar button.f{background:var(--card,#fff)!important;color:var(--sf-text)!important;border:1px solid var(--sf-border2)!important;} /* ---- FIDELITY v2.3: metric toggle leggibile su barra bianca ---- */ html.sf .topbar .metric-btn{color:var(--sf-soft)!important;background:var(--card,#fff)!important;} html.sf .topbar .metric-btn:hover{background:var(--dm76,#f4f6f9)!important;} html.sf .topbar .metric-btn.active{background:var(--sf-brand)!important;color:#fff!important;} html.sf .metric-group .metric-btn{border-right:1px solid var(--sf-border)!important;} /* ---- FIDELITY v2.4: logo aziendale nell'header (come il portale) ---- */ .sfx-app .sfx-logo{display:flex;align-items:center;opacity:1;} .sfx-logo img{height:26px;width:auto;display:block;} .sfx-app .app-sub{font-size:11px;opacity:.82;color:#fff;white-space:nowrap;border-left:1px solid rgba(255,255,255,.38);padding-left:13px;margin-left:5px;} @media(max-width:640px){.sfx-app .app-sub{display:none;}.sfx-logo img{height:22px;}} /* v2: nascondi Aggiorna dati + logout nel corpo (gia in header) */ html.sf .actions #btnRefresh, html.sf .actions form[action*="logout"]{display:none!important;} /* ===== MOBILE RESPONSIVE (telefono/tablet) ===== */ @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf main,html.sf .ix-main{min-width:0!important;max-width:100%!important;padding:12px 10px 76px!important;} html.sf .sfx-wrap,.sfx-wrap{padding:12px 10px 76px!important;} .sfx-header{padding:0 8px!important;gap:8px!important;} .sfx-waffle{display:none!important;} .sfx-app{gap:6px!important;} .sfx-app b{font-size:14px!important;} .sfx-search{flex:1 1 auto!important;min-width:0!important;} .sfx-search input{font-size:16px!important;height:34px!important;padding:0 12px 0 34px!important;} .sfx-icons{gap:1px!important;} .sfx-icons .gi{width:32px!important;height:32px!important;font-size:15px!important;} .sfx-ava{width:30px!important;height:30px!important;font-size:11px!important;} .sfx-nav{padding:0 8px!important;scrollbar-width:none!important;-ms-overflow-style:none!important;} .sfx-nav::-webkit-scrollbar{height:0!important;width:0!important;display:none!important;} .sfx-nav .app-name{padding-right:10px!important;margin-right:5px!important;} .sfx-tab{padding:0 11px!important;font-size:12.5px!important;} .sfx-badge-new{display:none!important;} .sfx-g4,.sfx-g3,.sfx-g2,.sfx-split,.sfx-rb,.sfx-rf,.sfx-grid{grid-template-columns:1fr!important;} .sfx-bar{grid-template-columns:96px 1fr 74px!important;gap:7px!important;font-size:11.5px!important;} .sfx-phead{gap:8px!important;} .sfx-phead h1{font-size:17px!important;} .sfx-acts{width:100%!important;} .sfx-acts .sfx-btn{flex:1 1 auto!important;justify-content:center!important;height:38px!important;} .sfx-modal{width:96vw!important;max-width:96vw!important;padding:14px!important;} .sfx-kanban{scrollbar-width:none!important;} .sfx-kcol{flex:0 0 78vw!important;} html.sf .table-wrap,html.sf .sfx-tblwrap,.table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;} html.sf table th,html.sf table td{padding:8px 9px!important;font-size:12px!important;} html.sf table{font-size:12px!important;} html.sf input,html.sf select,html.sf textarea{font-size:16px!important;} html.sf .filters input,html.sf .filters select,html.sf .mesi-btn,html.sf .sfx-fld,html.sf .sfx-btn{min-height:36px!important;} html.sf .card{padding:11px!important;} html.sf header h1{font-size:17px!important;} html.sf .kpi-value,html.sf .sfx-kpi .v{font-size:21px!important;} html.sf .sfx-rt h2{font-size:16px!important;} } @media (max-width:520px){ .sfx-app .app-sub{display:none!important;} html.sf main{padding:10px 8px 76px!important;} } @media (max-width:820px),(max-height:560px) and (max-width:1180px){ .sfx-logo img{height:22px!important;} html.sf header{flex-direction:column!important;align-items:stretch!important;gap:9px!important;} html.sf header .brand,html.sf header .ix-greet{flex-wrap:wrap!important;gap:5px 8px!important;align-items:baseline!important;width:100%!important;} html.sf header .info{flex:1 0 100%!important;font-size:11px!important;text-align:left!important;} html.sf header .actions{width:100%!important;flex-wrap:wrap!important;gap:7px!important;} html.sf header .actions button,html.sf header .actions a{flex:1 1 140px!important;justify-content:center!important;min-height:38px!important;} } @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf .table-wrap table,html.sf .table-wrap .ix-t{min-width:640px!important;} html.sf .table-wrap{border-radius:6px!important;} html.sf .table-wrap table td:first-child,html.sf .table-wrap table th:first-child{position:sticky!important;left:0!important;z-index:3!important;background:var(--card,#fff)!important;box-shadow:1px 0 0 var(--sf-border)!important;} html.sf .table-wrap table th:first-child{background:var(--dm41,#fafaf9)!important;z-index:4!important;} html.sf tbody tr.row-agent td:first-child{background:var(--dm41,#fafaf9)!important;} } @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf .table-wrap table,html.sf .ix-tabwrap table{min-width:760px!important;} html.sf .table-wrap td,html.sf .table-wrap th{word-break:normal!important;overflow-wrap:normal!important;} html.sf .table-wrap td:first-child,html.sf .table-wrap th:first-child{min-width:132px!important;} } @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf .tblwrap,html.sf .pvwrap,html.sf .ix-tabwrap,html.sf .sfx-tblwrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important;} html.sf .tblwrap table,html.sf .pvwrap table{min-width:640px!important;} html.sf .tblwrap td:first-child,html.sf .tblwrap th:first-child{position:sticky!important;left:0!important;z-index:3!important;background:var(--card,#fff)!important;box-shadow:1px 0 0 var(--sf-border)!important;min-width:120px!important;} html.sf .tblwrap th:first-child{background:var(--dm41,#fafaf9)!important;z-index:4!important;} html.sf .tabs,html.sf .tabbar{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;} html.sf .tabs::-webkit-scrollbar,html.sf .sfx-nav::-webkit-scrollbar{height:0!important;display:none!important;} html.sf .grid,html.sf .grid.p1,html.sf .kpirow{grid-template-columns:1fr!important;} } @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf .pv-layout{grid-template-columns:minmax(0,1fr)!important;} html.sf .pv-fields,html.sf .pv-card,html.sf .pv-layout>*{min-width:0!important;max-width:100%!important;} html.sf .pv-fields{position:static!important;} html.sf .pv-result{overflow:auto!important;-webkit-overflow-scrolling:touch!important;} html.sf .pv-result table.pvt td.lbl{position:sticky!important;left:0!important;z-index:2!important;box-shadow:1px 0 0 var(--sf-border)!important;} html.sf .pv-result table.pvt thead th:first-child{left:0!important;z-index:5!important;} html.sf .pv-zone,html.sf .pv-drop{min-height:44px!important;} } @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf .pv-result table.pvt td.lbl,html.sf .pv-result table.pvt thead th:first-child{max-width:184px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;} html.sf .pv-result table.pvt td,html.sf .pv-result table.pvt th{padding:7px 8px!important;font-size:12px!important;} } @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf .sfx-rf{grid-template-columns:repeat(2,1fr)!important;gap:10px 14px!important;} html.sf .sfx-rt h2,html.sf .sfx-rt .nm{font-size:16px!important;} html.sf .sfx-bar{grid-template-columns:104px 1fr 78px!important;} } @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf .sfx-g4{grid-template-columns:repeat(2,1fr)!important;} html.sf .sfx-kpi .v,html.sf .sfx-kpi .val{font-size:19px!important;} html.sf .sfx-path{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;} html.sf .sfx-path::-webkit-scrollbar{height:0!important;display:none!important;} html.sf .sfx-path>*{flex:0 0 auto!important;white-space:nowrap!important;} } @media (max-width:400px){ html.sf .sfx-g4{grid-template-columns:repeat(2,1fr)!important;} } @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf .sfx-g3,html.sf .sfx-g2,html.sf .sfx-split,html.sf .sfx-rb,html.sf .sfx-grid{grid-template-columns:minmax(0,1fr)!important;} html.sf .sfx-g4{grid-template-columns:repeat(2,minmax(0,1fr))!important;} html.sf .sfx-rf{grid-template-columns:repeat(2,minmax(0,1fr))!important;} html.sf .sfx-grid>*,html.sf .sfx-split>*,html.sf .sfx-rb>*,html.sf .sfx-g4>*,html.sf .sfx-g3>*,html.sf .sfx-g2>*,html.sf .grid>*,html.sf .kpirow>*{min-width:0!important;} html.sf .sfx-card,html.sf .card{min-width:0!important;max-width:100%!important;} html.sf .grid,html.sf .kpirow{grid-template-columns:minmax(0,1fr)!important;} } @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf .sfx-card>.h{flex-wrap:wrap!important;gap:8px!important;height:auto!important;padding:11px 12px!important;} html.sf .sfx-mini{flex-wrap:wrap!important;min-width:0!important;} html.sf .sfx-legend{flex-wrap:wrap!important;} } @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf section.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;} html.sf section.kpis>*{min-width:0!important;} html.sf .card.table-card{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;} } @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf section#kpis,html.sf #kpis.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;} html.sf #kpis .kpi{min-width:0!important;padding:11px!important;} html.sf #kpis .kpi-value{font-size:17px!important;line-height:1.25!important;word-break:break-word!important;} html.sf #kpis .kpi-label{font-size:10px!important;} html.sf #kpis .kpi-foot{font-size:10.5px!important;} } @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf .ix-movers-grid{grid-template-columns:minmax(0,1fr)!important;} html.sf .ix-movers-grid>*,html.sf .ix-mv-row,html.sf .ix-mv-row>*{min-width:0!important;} html.sf .ix-mv-row{flex-wrap:wrap!important;} html.sf .ix-viewtot{min-width:0!important;white-space:normal!important;flex:1 1 100%!important;} html.sf .ix-qbar{flex-wrap:wrap!important;gap:7px!important;} html.sf .kpi-top{flex-wrap:wrap!important;gap:4px!important;} html.sf .kpi-pill{flex:0 0 auto!important;} html.sf .ix-charts{grid-template-columns:minmax(0,1fr)!important;} html.sf .ix-charts>*{min-width:0!important;} } @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf body>.wrap>table,html.sf main>table,html.sf .sfx-wrap>table{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important;} html.sf body>.wrap{padding-left:10px!important;padding-right:10px!important;max-width:100%!important;} } @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf #stats,html.sf .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;} html.sf #stats>*,html.sf .stats>*{min-width:0!important;} html.sf .drawer{width:100%!important;max-width:100%!important;} } @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf .sfx-srp{position:fixed!important;top:52px!important;left:6px!important;right:6px!important;width:auto!important;max-height:72vh!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;z-index:9500!important;} } @media (max-width:480px){ html.sf .sfx-logo img{height:19px!important;} html.sf .sfx-header{padding:0 6px!important;gap:6px!important;} html.sf .sfx-icons{gap:0!important;} html.sf .sfx-icons .gi{width:29px!important;height:29px!important;font-size:14px!important;} html.sf .sfx-refresh{width:24px!important;} html.sf .sfx-ava{width:28px!important;height:28px!important;font-size:10px!important;} html.sf .sfx-search input{padding:0 8px 0 30px!important;} } /* ===== fine MOBILE RESPONSIVE ===== */ /* ===== MOBILE FIX SEARCH ===== */ @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf .sfx-search{min-width:0!important;overflow:hidden!important;} html.sf .sfx-search input{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;} } /* ===== fine MOBILE FIX SEARCH ===== */ /* ===== MOBILE FIX MODAL ===== */ @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf .modal,html.sf .dialog{width:auto!important;max-width:calc(100vw - 24px)!important;min-width:0!important;} html.sf .sfx-modal{max-width:calc(100vw - 20px)!important;min-width:0!important;} html.sf .modal-body,html.sf .sfx-modal-body{max-height:70vh!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;} html.sf .modal-foot,html.sf .modal-head{flex-wrap:wrap!important;} html.sf .modal input,html.sf .modal select,html.sf .modal textarea{max-width:100%!important;} } /* ===== fine MOBILE FIX MODAL ===== */ /* ===== MOBILE FIX KPI ===== */ @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf .cards>*{min-width:0!important;} html.sf .cards .kpi>.n,html.sf .kpi>.n{font-size:17px!important;line-height:1.25!important;word-break:break-word!important;overflow-wrap:anywhere!important;} html.sf .cards .kpi>.l,html.sf .kpi>.l{font-size:10.5px!important;line-height:1.3!important;} } /* ===== fine MOBILE FIX KPI ===== */ /* ===== MOBILE FIX CARDS ===== */ @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf .cards{flex-wrap:wrap!important;} html.sf .cards>*{flex:1 1 calc(50% - 8px)!important;min-width:0!important;} } /* ===== fine MOBILE FIX CARDS ===== */ /* ===== MOBILE FIX PVPOP ===== */ @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf #fpop,html.sf .fpop{left:8px!important;right:8px!important;width:auto!important;max-width:none!important;max-height:76vh!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;} html.sf .fpop .vlist{max-height:46vh!important;} html.sf .fpop .row button{min-height:38px!important;font-size:13px!important;} html.sf .fpop label{min-height:32px!important;font-size:13.5px!important;} } /* ===== fine MOBILE FIX PVPOP ===== */ /* ===== MOBILE FIX PVSHEET ===== */ @media (max-width:820px),(max-height:560px) and (max-width:1180px){ html.sf #fpop,html.sf .fpop{top:auto!important;bottom:0!important;left:0!important;right:0!important;width:auto!important;max-width:none!important;max-height:80vh!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:14px 14px 0 0!important;box-shadow:0 -10px 40px rgba(12,25,45,.28)!important;padding:14px 12px 18px!important;} html.sf .fpop .row{position:sticky!important;bottom:0!important;background:var(--card,#fff)!important;padding-top:8px!important;} } /* ===== fine MOBILE FIX PVSHEET ===== */ /* ================= DARK THEME (dm) ================= */ .sfx-icons .gi.sfx-theme{display:inline-flex;align-items:center;justify-content:center;} .sfx-icons .gi.sfx-theme svg{display:block;} html[data-theme="dark"]{ color-scheme:dark; --bg:#0f141b; --card:#161d26; --surface-2:#1b2330; --border:#26303d; --border-strong:#36424f; --text:#e6ebf2; --text-soft:#c3ccd8; --muted:#93a0b1; --faint:#6f7d8f; --accent:#4f9df7; --accent-hover:#79b4fa; --accent-weak:#16283d; --accent-ring:rgba(79,157,247,.32); --spark-base:#2a3a4d; --row-hover:#1b2431; --total-bg:#1a222e; --pos:#3ecf8e; --pos-weak:#122b21; --neg:#ff6b5e; --neg-weak:#331a19; --warn:#e5a23c; --warn-weak:#33280f; --brand-red:#ff5a4f; --brand-blue:#4f9df7; --teal:#2bb3a3; --red:#ff6b5e; --txt:#e6ebf2; --ink:#e6ebf2; --navy:#cfe0f5; --line:#26303d; --hdr:#161d26; --hdr2:#1b2330; --accentw:#16283d; --pv-line:#26303d; --pv-brand:#4f9df7; --pv-muted:#93a0b1; --sf-bg:#0f141b; --sf-card:#161d26; --sf-soft:#c3ccd8; --sf-border:#26303d; --sf-border2:#36424f; --sf-text:#e6ebf2; --sf-muted:#93a0b1; --sf-faint:#6f7d8f; --sf-weak:#16283d; --sf-ring:rgba(79,157,247,.32); --sf-pos:#3ecf8e; --sf-neg:#ff6b5e; --sf-warn:#e5a23c; --sf-red:#ff5a4f; --sf-teal:#2bb3a3; --sf-purple:#a98bf0; --sf-pos-w:#122b21; --sf-neg-w:#331a19; --sf-warn-w:#33280f; } html[data-theme="dark"] body{background:var(--bg);color:var(--text);} html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea{ background:var(--surface-2);color:var(--text);border-color:var(--border); } html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder{color:var(--faint);} html[data-theme="dark"] option{background:var(--surface-2);color:var(--text);} html[data-theme="dark"] img[src*="logo_gdm_bianco"]{filter:none;} /* =============== /DARK THEME (dm) ================== */ .sfx-waffle i{background:#fff;} html[data-theme="dark"]{--dm1:#344361;--dm2:#1a212b;--dm3:#bac5d2;--dm4:#acb7c6;--dm5:#293344;--dm6:#394f6a;--dm7:#202935;--dm8:#1d2531;--dm9:#31435c;--dm10:#aebbd0;--dm11:#353b52;--dm12:#1e2532;--dm13:#202936;--dm14:#1c202f;--dm15:#554e33;--dm16:#f3b189;--dm17:#23293a;--dm18:#a3acbf;--dm19:#4e472f;--dm20:#ffd881;--dm21:#1b202d;--dm22:#362420;--dm23:#203629;--dm24:#3b3323;--dm25:#263347;--dm26:#141822;--dm27:#1f2834;--dm28:#32415d;--dm29:#80a4e7;--dm30:#94b3ee;--dm31:#3f5476;--dm32:#252e3e;--dm33:#141821;--dm34:#e54a4f;--dm35:#c5c5c5;--dm36:#3f4e65;--dm37:#1d2231;--dm38:#301e1d;--dm39:#72433d;--dm40:#232a37;--dm41:#22221c;--dm42:#171d27;--dm43:#2f3749;--dm44:#604233;--dm45:#261a17;--dm46:#e98484;--dm47:#19202a;--dm48:#c8d0e2;--dm49:#c2cdda;--dm50:#1d3125;--dm51:#3a6c54;--dm52:#374967;--dm53:#191f29;--dm54:#7aa7ea;--dm55:#32425d;--dm56:#df7e74;--dm57:#2f271c;--dm58:#f0c485;--dm59:#806d45;--dm60:#28384b;--dm61:#32455e;--dm62:#151b23;--dm63:#202936;--dm64:#1b222d;--dm65:#171d26;--dm66:#131a20;--dm67:#344660;--dm68:#df706a;--dm69:#afc1d6;--dm70:#cad4e1;--dm71:#1e1e1e;--dm72:#281818;--dm73:#83bee3;--dm74:#141621;--dm75:#dddddd;--dm76:#1b222d;--dm77:#171e27;--dm78:#f8ad75;--dm79:#2e2e2e;--dm80:#241d31;--dm81:#2a2a2a;--dm82:#20242c;--dm83:#404652;--dm84:#232e3a;--dm85:#1d1d1d;--dm86:#375067;--dm87:#252832;--dm88:#675237;--dm89:#f1c48e;} html[data-theme="dark"]{--dmhdr:rgba(22,29,38,.92);} /* --- popover dm p6 --- */ html[data-theme="dark"] .sfx-sub,html[data-theme="dark"] .sfx-usermenu,html[data-theme="dark"] .sfx-panel{background:#161d26;border-color:#26303d;box-shadow:0 16px 44px rgba(0,0,0,.55);} html[data-theme="dark"] .sfx-sub a{color:#e6ebf2;} html[data-theme="dark"] .sfx-sub a:hover{background:#1b2431;color:#79b4fa;} html[data-theme="dark"] .sfx-usermenu .u{color:#e6ebf2;border-bottom-color:#26303d;} html[data-theme="dark"] .sfx-usermenu a{color:#ff6b5e;} html[data-theme="dark"] .sfx-usermenu a:hover{background:#331a19;} html[data-theme="dark"] .sfx-panel .ph{color:#e6ebf2;border-bottom-color:#26303d;} html[data-theme="dark"] .sfx-panel .it{color:#e6ebf2;} html[data-theme="dark"] .sfx-panel .it:hover{background:#1b2431;} html[data-theme="dark"] .sfx-panel .it .vv{color:#c3ccd8;} html[data-theme="dark"] .sfx-panel .up{color:#3ecf8e;} html[data-theme="dark"] .sfx-panel .dn{color:#ff6b5e;} html[data-theme="dark"] .sfx-panel .sec{color:#93a0b1;} html[data-theme="dark"] #xf-bar{background:#16283d;border-bottom-color:#26303d;color:#e6ebf2;} html[data-theme="dark"] #xf-bar .t{color:#93a0b1;} html[data-theme="dark"] #xf-bar .c{background:#1b2330;border-color:#36424f;} html[data-theme="dark"] #xf-bar .c b{color:#79b4fa;} html[data-theme="dark"] #xf-bar .c i{color:#93a0b1;}