/* ============================= iuready | tools.css | v13 | 2026-10-19 ===================================================== */ /* v13 2026-10-19 Panoramica live con il solo titolo quando ricavi e costi sono zero (roiDashEmpty); campi e bottoni */ /* attivi senza contorno ne' ombra, con lo stesso bordo di quelli a riposo. */ /* v12 2026-10-19 Strumento bloccato finche' non si scrive il nome (roiLocked): campi, schede e bottoni disattivati in */ /* grigio, pannello Redditivita' attenuato e non cliccabile. */ /* v11 2026-10-19 Bottone "Carica demo" accanto ad AGGIORNAMENTO LIVE, con la stessa altezza dell'etichetta. */ /* v10 2026-10-17 ROI versione 2: colonne Valuta costo (Prodotti) e Mese (Costi) con le relative larghezze e soglie */ /* @container 760/830px; due ROI affiancati, errori accanto al campo, profilo vendite, assi della */ /* matrice e bordo della soglia di pareggio, statistiche del cash flow, storico analisi AI, pannello */ /* "I miei progetti", stato del salvataggio; stampa del solo report completo. */ /* v9 2026-10-17 Celle della matrice di sensibilita tolte dalla regola con sfondo e testo !important che copriva */ /* il verde/rosso calcolato da tools.js (le celle uscivano tutte bianche). */ /* v8 2026-10-17 Importa / Salva JSON / Stampa senza riquadro (solo icona e testo); Quantita 84px per 9999999, */ /* colonna 98px e soglia @container Prodotti 660px. */ /* v7 2026-10-17 Campi alti 38px con margine interno 10px a destra e a sinistra, campi numerici senza frecce; */ /* larghezze ricalcolate (Valuta 76, Quantita 106, Prezzo/Costo 97, Sconto 76, Valore 132...), soglie */ /* @container 680/770px, intestazioni numeriche padding-right 25px, X allineata al bordo destro. */ /* v6 2026-10-17 Cifre allineate a destra in tutti i campi numerici (29 campi) e intestazioni Quantita, Prezzo u., */ /* Costo u., Sconto %, Valore allineate sopra l'ultima cifra. */ /* v5 2026-10-17 Prezzo u. e Costo u. dimensionati per importi fino a 999999.99: colonne da 172px a 137px (campo 123px). */ /* v4 2026-10-17 Campi ridimensionati sul contenuto massimo (LIMITS di tools.js, 2 decimali): Valuta 92px, Incoterm 92px, */ /* mesi/giorni 76px, capitali 160px; tabelle Prodotti e Costi in px quando lo spazio basta (@container), */ /* altrimenti le percentuali di prima. Valore dei Costi allargato a 158px. */ /* v3 2026-10-17 Sezione "UTILITA - CSS dedicato": .utilitaDash / .utiDashHead / .utiDashTitle con i valori di Conto, */ /* dimensione del titolo nella variabile --utiTitleSize (usata anche per la riga dei bottoni). Tolte tutte */ /* le regole che agganciavano .walletDash / .walDashHead / .walDashTitle; stampa rinominata. */ /* v2 2026-10-17 Blocco finale "2026-10-17 v2": Utilita / Calcolo ROI resi come Dashboard_ROI_di_iureadyStudio.png. */ /* Font Inter, pannello --elisa-bg-panel come Conto, titolo 28px, bottoni sulla riga di "Calcolo ROI", */ /* card con bordo senza ombra, colonne 1.43/1, campi 46px, chip verde, barre nero/grigi/verde, */ /* Equilibrio apribile. I blocchi precedenti non sono stati toccati. */ /* v1 2026-10-17 Versione ricevuta (caricata come utilita.css, servita come css/tools.css?v=20261017-v1). */ /* ========================================================================================================================== */ #cntUtilitaTools .iuready-roi{font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:#162538;background:#f6f8fb;font-size:14px;font-synthesis:none} #cntUtilitaTools .iuready-roi, #cntUtilitaTools .iuready-roi *{box-sizing:border-box} #cntUtilitaTools .iuready-roi{margin:0} #cntUtilitaTools .iuready-roi button, #cntUtilitaTools .iuready-roi input, #cntUtilitaTools .iuready-roi select, #cntUtilitaTools .iuready-roi textarea{font:inherit} #cntUtilitaTools .iuready-roi button{cursor:pointer} #cntUtilitaTools .iuready-roi button:disabled{cursor:wait;opacity:.55} #cntUtilitaTools .iuready-roi input, #cntUtilitaTools .iuready-roi select, #cntUtilitaTools .iuready-roi textarea{color:#14263e} #cntUtilitaTools .iuready-roi input:focus, #cntUtilitaTools .iuready-roi select:focus, #cntUtilitaTools .iuready-roi textarea:focus{outline:2px solid #9cb3f7;outline-offset:1px} #cntUtilitaTools .iuready-roi button:focus-visible{outline:3px solid #9cb3f7;outline-offset:2px} #cntUtilitaTools .iuready-roi [hidden]{display:none!important} #cntUtilitaTools .iuready-roi .print-report{display:none} #cntUtilitaTools .iuready-roi .app{min-height:100vh} #cntUtilitaTools .iuready-roi .topbar{height:68px;border-bottom:1px solid #e9edf2;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(26px,calc((100vw - 1500px)/2))} #cntUtilitaTools .iuready-roi .brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:850;letter-spacing:-.4px} #cntUtilitaTools .iuready-roi .brandmark{height:32px;width:32px;display:grid;place-items:center;background:#172e50;color:#fff;border-radius:9px;font:italic 800 27px Georgia} #cntUtilitaTools .iuready-roi .brand em{font-style:normal;color:#8290a4;font-weight:500} #cntUtilitaTools .iuready-roi .topright{display:flex;align-items:center;gap:19px} #cntUtilitaTools .iuready-roi .modeltag{font-size:11px;color:#70829a} #cntUtilitaTools .iuready-roi .led{width:7px;height:7px;background:#29b68c;display:inline-block;border-radius:50%;margin-right:6px} #cntUtilitaTools .iuready-roi .topavatar{border:1px solid #d4dfed;border-radius:12px;font-size:10px;font-weight:800;padding:9px;color:#1b497d} #cntUtilitaTools .iuready-roi .main{max-width:1528px;margin:auto;padding:40px 30px 25px} #cntUtilitaTools .iuready-roi .intro{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:34px} #cntUtilitaTools .iuready-roi .eyebrow{color:#6e81a1;font-size:10px;letter-spacing:2px;font-weight:800} #cntUtilitaTools .iuready-roi .intro h1{font-size:clamp(29px,3vw,43px);line-height:1.17;letter-spacing:-1.55px;margin:12px 0} #cntUtilitaTools .iuready-roi .intro h1 span{color:#5275af} #cntUtilitaTools .iuready-roi .intro p{max-width:650px;color:#77869c;line-height:1.7;margin:0} #cntUtilitaTools .iuready-roi .heroactions{display:flex;gap:9px;flex-wrap:wrap} #cntUtilitaTools .iuready-roi .button{border:1px solid #d8e1eb;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;font-weight:700;font-size:12px;white-space:nowrap;transition:background .18s,color .18s} #cntUtilitaTools .iuready-roi .button:hover{filter:brightness(.97)} #cntUtilitaTools .iuready-roi .button.ghost{color:#415776;background:#fff} #cntUtilitaTools .iuready-roi .button.solid{background:#214b87;border-color:#214b87;color:#fff} #cntUtilitaTools .iuready-roi .button.subtle{color:#2f5d9b;background:#eff4fb;border-color:#e3ebf7} #cntUtilitaTools .iuready-roi .button.wide{width:100%;padding:14px} #cntUtilitaTools .iuready-roi .workspace{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(340px,.8fr);align-items:start;gap:20px} #cntUtilitaTools .iuready-roi .editor, #cntUtilitaTools .iuready-roi .dashboard{background:#fff;border:1px solid #e5ebf2;border-radius:16px;box-shadow:0 8px 30px rgba(21,47,79,.035);overflow:hidden} #cntUtilitaTools .iuready-roi .tabs{display:flex;overflow-x:auto;border-bottom:1px solid #e8edf3;background:#fcfdff;padding:0 14px;scrollbar-width:thin} #cntUtilitaTools .iuready-roi .tab{background:transparent;border:0;border-bottom:3px solid transparent;padding:19px 12px 17px;color:#8796a9;font-size:12px;font-weight:750;white-space:nowrap} #cntUtilitaTools .iuready-roi .tab.active{color:#1f518a;border-color:#326cb0} #cntUtilitaTools .iuready-roi .pane{min-height:530px;padding:27px 25px 33px} #cntUtilitaTools .iuready-roi .section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:27px} #cntUtilitaTools .iuready-roi .section-head h2, #cntUtilitaTools .iuready-roi .dashboard h2{font-size:23px;letter-spacing:-.65px;margin:7px 0 8px;color:#1c3454} #cntUtilitaTools .iuready-roi .section-head p{font-size:12px;line-height:1.7;color:#8290a1;margin:0;max-width:540px} #cntUtilitaTools .iuready-roi .hint{border:1px solid #ddece7;background:#f6fcf9;color:#399a77;font-weight:750;font-size:9px;white-space:nowrap;padding:7px 9px;border-radius:6px} #cntUtilitaTools .iuready-roi .field-grid{display:grid;gap:15px;margin:17px 0 21px} #cntUtilitaTools .iuready-roi .field-grid.two{grid-template-columns:1.5fr .7fr} #cntUtilitaTools .iuready-roi .field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))} #cntUtilitaTools .iuready-roi .field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#60708a;font-weight:750} #cntUtilitaTools .iuready-roi .field input, #cntUtilitaTools .iuready-roi .field select, #cntUtilitaTools .iuready-roi .field textarea{min-width:0;width:100%;border:1px solid #dae3ed;border-radius:9px;padding:12px;background:#fff;font-weight:550;resize:vertical} #cntUtilitaTools .iuready-roi .field textarea{line-height:1.6} #cntUtilitaTools .iuready-roi .table-wrap{overflow-x:auto;max-width:100%} #cntUtilitaTools .iuready-roi .entry-table{width:100%;border-collapse:separate;border-spacing:0;min-width:590px;text-align:left;margin-bottom:17px} #cntUtilitaTools .iuready-roi .entry-table thead th{background:#f6f8fb;color:#8190a4;font-size:10px;letter-spacing:.6px;text-transform:uppercase;padding:12px 9px;border-block:1px solid #e9eef4} #cntUtilitaTools .iuready-roi .entry-table thead th:first-child{border-left:1px solid #e9eef4;border-radius:8px 0 0 8px} #cntUtilitaTools .iuready-roi .entry-table thead th:last-child{border-right:1px solid #e9eef4;border-radius:0 8px 8px 0} #cntUtilitaTools .iuready-roi .entry-table tbody td{border-bottom:1px solid #eff2f6;padding:10px 5px} #cntUtilitaTools .iuready-roi .entry-table input, #cntUtilitaTools .iuready-roi .entry-table select{min-width:0;width:100%;border:1px solid #e0e6ed;border-radius:7px;padding:10px 7px;background:#fff;font-size:12px} #cntUtilitaTools .iuready-roi .entry-table .delete{border:0;color:#9ca8b8;background:transparent;font-size:20px;padding:4px 7px} #cntUtilitaTools .iuready-roi .entry-table .delete:hover{color:#bb3d43} #cntUtilitaTools .iuready-roi .entry-table.cost-table{min-width:680px} #cntUtilitaTools .iuready-roi .cost-table input[type=checkbox]{width:16px;height:16px;accent-color:#214b87;cursor:pointer} #cntUtilitaTools .iuready-roi .info-strip{margin-top:27px;border:1px solid #e4ebf6;border-radius:11px;background:#f6f9ff;padding:14px 16px;color:#67809e;font-size:11px;line-height:1.7} #cntUtilitaTools .iuready-roi .legend-rows{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:23px;color:#8092a6;font-size:10px} #cntUtilitaTools .iuready-roi .legend-rows span:before{content:"•";color:#7294bc;margin-right:6px} #cntUtilitaTools .iuready-roi .pane h3{font-size:13px;color:#27405e;margin:26px 0 10px} #cntUtilitaTools .iuready-roi .caption{font-size:11px;color:#8191a5} #cntUtilitaTools .iuready-roi .dashboard{padding:24px 24px 18px;position:sticky;top:18px} #cntUtilitaTools .iuready-roi .dashboard-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px} #cntUtilitaTools .iuready-roi .dashboard h2{margin-bottom:0} #cntUtilitaTools .iuready-roi .chip{border-radius:30px;background:#eaf7f0;color:#32936a;padding:8px 9px;font-size:10px;font-weight:800} #cntUtilitaTools .iuready-roi .chip.bad{background:#fff0ec;color:#bb4c3f} #cntUtilitaTools .iuready-roi .primary-roi{border-radius:14px;background:linear-gradient(120deg,#1c345b,#285990);color:#fff;padding:20px 22px 17px;position:relative;overflow:hidden} #cntUtilitaTools .iuready-roi .primary-roi:after{position:absolute;content:"";height:200px;width:200px;border-radius:50%;border:28px solid rgba(255,255,255,.035);right:-55px;top:-88px} #cntUtilitaTools .iuready-roi .primary-roi>span{font-size:12px;color:#bfd2e8} #cntUtilitaTools .iuready-roi .primary-roi strong{display:block;margin:7px 0;font-size:39px;font-weight:850;letter-spacing:-1.8px} #cntUtilitaTools .iuready-roi .primary-roi small{font-size:10px;color:#abc6e7} #cntUtilitaTools .iuready-roi .roimark{height:5px;background:#456993;border-radius:4px;margin-top:17px;max-width:92%;overflow:hidden} #cntUtilitaTools .iuready-roi .roimark i{display:block;background:#9ce3bd;height:100%;transition:width .3s;width:0} #cntUtilitaTools .iuready-roi .kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px} #cntUtilitaTools .iuready-roi .kpi{border:1px solid #e9edf4;padding:15px 12px;border-radius:11px;min-width:0} #cntUtilitaTools .iuready-roi .kpi span{font-size:10px;color:#8a99aa;display:block} #cntUtilitaTools .iuready-roi .kpi strong{display:block;margin-top:8px;color:#264768;font-weight:800;font-size:19px;letter-spacing:-.55px;overflow-wrap:anywhere} #cntUtilitaTools .iuready-roi .dashboard-section{border-top:1px solid #ecf0f5;padding-top:20px;margin-top:21px} #cntUtilitaTools .iuready-roi .dashhead{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:16px} #cntUtilitaTools .iuready-roi .dashhead strong{font-size:12px;color:#2c3b50} #cntUtilitaTools .iuready-roi .dashhead span{font-size:10px;color:#91a1b4} #cntUtilitaTools .iuready-roi .bar-row{margin:0 0 13px} #cntUtilitaTools .iuready-roi .bar-meta{display:flex;justify-content:space-between;color:#8291a4;font-size:10px;margin-bottom:7px} #cntUtilitaTools .iuready-roi .bar-meta b{font-weight:750;color:#516984} #cntUtilitaTools .iuready-roi .track{height:7px;background:#edf2f7;border-radius:50px;overflow:hidden} #cntUtilitaTools .iuready-roi .track i{height:100%;display:block;border-radius:50px} #cntUtilitaTools .iuready-roi .statlist{display:grid;gap:13px} #cntUtilitaTools .iuready-roi .statlist>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px} #cntUtilitaTools .iuready-roi .statlist span{color:#7a8a9d} #cntUtilitaTools .iuready-roi .statlist b{font-size:12px;color:#23446d} #cntUtilitaTools .iuready-roi .micro{font-size:10px;color:#9eacbb;line-height:1.6;margin:14px 0 0} #cntUtilitaTools .iuready-roi .risk{display:flex;align-items:flex-start;gap:9px;margin:0 0 11px;color:#775a3f;font-size:11px;line-height:1.55} #cntUtilitaTools .iuready-roi .risk:before{content:"!";height:16px;min-width:16px;display:grid;place-items:center;background:#fff2df;color:#b87923;border-radius:50%;font-size:10px;font-weight:800} #cntUtilitaTools .iuready-roi .risk.ok{color:#3a8967} #cntUtilitaTools .iuready-roi .risk.ok:before{content:"✓";background:#e8f7ed;color:#3a8967} #cntUtilitaTools .iuready-roi .bottom-actions{display:flex;gap:9px;margin-top:22px} #cntUtilitaTools .iuready-roi .bottom-actions button{flex:1} #cntUtilitaTools .iuready-roi .scenario-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px} #cntUtilitaTools .iuready-roi .scenario-box{border:1px solid #e7edf5;border-radius:11px;padding:15px} #cntUtilitaTools .iuready-roi .scenario-box h3{margin:0 0 15px} #cntUtilitaTools .iuready-roi .scenario-grid{display:grid;grid-template-columns:1fr 82px;align-items:center;gap:8px 9px} #cntUtilitaTools .iuready-roi .scenario-grid label{font-size:11px;color:#718096} #cntUtilitaTools .iuready-roi .scenario-grid input{width:100%;padding:8px;border:1px solid #d9e2ed;border-radius:7px} #cntUtilitaTools .iuready-roi .scenario-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px} #cntUtilitaTools .iuready-roi .scenario-card{background:#f6f9fd;border:1px solid #e4edf6;padding:16px 10px;border-radius:10px} #cntUtilitaTools .iuready-roi .scenario-card small{display:block;font-size:10px;color:#7f90a4} #cntUtilitaTools .iuready-roi .scenario-card strong{display:block;font-size:19px;margin-top:8px;color:#263f60} #cntUtilitaTools .iuready-roi .scenario-card span{display:block;margin-top:6px;font-size:10px;color:#8290a0} #cntUtilitaTools .iuready-roi .heat-table{border-collapse:separate;border-spacing:4px;width:100%;min-width:450px;text-align:center;font-size:11px} #cntUtilitaTools .iuready-roi .heat-table th{font-size:10px;color:#798da5;padding:10px} #cntUtilitaTools .iuready-roi .heat-table td{border-radius:7px;padding:11px 5px;font-weight:700} #cntUtilitaTools .iuready-roi .chartFrame{background:#fafbfd;border:1px solid #edf0f3;border-radius:12px;overflow:hidden;padding:8px;margin-top:20px} #cntUtilitaTools .iuready-roi .chartFrame svg{max-width:100%;height:auto} #cntUtilitaTools .iuready-roi .mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} #cntUtilitaTools .iuready-roi .mini-stat{border:1px solid #e6edf4;border-radius:10px;padding:12px} #cntUtilitaTools .iuready-roi .mini-stat span{color:#8997a7;font-size:10px;display:block} #cntUtilitaTools .iuready-roi .mini-stat strong{font-size:19px;color:#24496d;display:block;margin-top:8px} #cntUtilitaTools .iuready-roi .flow-table{border-collapse:collapse;width:100%;font-size:11px} #cntUtilitaTools .iuready-roi .flow-table th{background:#f5f8fc;color:#647993;text-align:right;padding:10px 8px} #cntUtilitaTools .iuready-roi .flow-table td{text-align:right;padding:9px 8px;border-bottom:1px solid #edf0f4;white-space:nowrap} #cntUtilitaTools .iuready-roi .flow-table td:first-child, #cntUtilitaTools .iuready-roi .flow-table th:first-child{text-align:left} #cntUtilitaTools .iuready-roi .ai-hero{display:flex;align-items:center;gap:15px;background:#f1f5fc;border-radius:12px;padding:18px;margin-bottom:19px} #cntUtilitaTools .iuready-roi .ai-hero p{font-size:11px;line-height:1.7;color:#71849e;margin-bottom:0} #cntUtilitaTools .iuready-roi .ai-emblem{font-size:32px;background:#fff;color:#346cbb;border-radius:13px;padding:10px 15px} #cntUtilitaTools .iuready-roi .ai-result{padding:18px 0;color:#7589a0;font-size:12px;line-height:1.7} #cntUtilitaTools .iuready-roi .ai-result h3{color:#244e80} #cntUtilitaTools .iuready-roi .ai-result ul{padding-left:22px} #cntUtilitaTools .iuready-roi .ai-result li{margin-bottom:8px} #cntUtilitaTools .iuready-roi .ai-result p{line-height:1.8} #cntUtilitaTools .iuready-roi .ai-result .ai-banner{padding:13px;border:1px solid #cbdaf0;background:#f5f9ff;border-radius:9px;color:#23405b} #cntUtilitaTools .iuready-roi .ai-result code{color:#23588b} #cntUtilitaTools .iuready-roi .toast-visible{opacity:1!important;transform:translateY(0)!important} #cntUtilitaTools .iuready-roi #toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%,10px);background:#1e3652;color:#fff;padding:10px 20px;border-radius:9px;box-shadow:0 9px 32px #2342;font-size:12px;z-index:5;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none} #cntUtilitaTools .iuready-roi .main footer{display:flex;justify-content:space-between;gap:15px;color:#a0aab9;font-size:10px;margin-top:24px} #cntUtilitaTools .iuready-roi .negative{color:#ba3d47!important} #cntUtilitaTools .iuready-roi .positive{color:#18815d!important} @media (max-width:1100px){#cntUtilitaTools .iuready-roi .workspace{grid-template-columns:1fr} #cntUtilitaTools .iuready-roi .dashboard{position:static} #cntUtilitaTools .iuready-roi .intro{align-items:flex-start;flex-direction:column} #cntUtilitaTools .iuready-roi .main{padding:29px 18px} #cntUtilitaTools .iuready-roi .topbar{padding:0 18px} #cntUtilitaTools .iuready-roi .modeltag{display:none}} @media (max-width:640px){#cntUtilitaTools .iuready-roi .main{padding:22px 11px} #cntUtilitaTools .iuready-roi .topbar{height:59px} #cntUtilitaTools .iuready-roi .intro h1{font-size:30px} #cntUtilitaTools .iuready-roi .pane{padding:21px 14px} #cntUtilitaTools .iuready-roi .dashboard{padding:20px 14px} #cntUtilitaTools .iuready-roi .field-grid.three, #cntUtilitaTools .iuready-roi .field-grid.two, #cntUtilitaTools .iuready-roi .scenario-inputs{grid-template-columns:1fr} #cntUtilitaTools .iuready-roi .section-head .hint{display:none} #cntUtilitaTools .iuready-roi .tabs{padding:0 6px} #cntUtilitaTools .iuready-roi .tab{padding:16px 10px} #cntUtilitaTools .iuready-roi .scenario-cards{gap:4px} #cntUtilitaTools .iuready-roi .scenario-card strong{font-size:16px} #cntUtilitaTools .iuready-roi .main footer{flex-direction:column} #cntUtilitaTools .iuready-roi .heroactions{gap:6px} #cntUtilitaTools .iuready-roi .button{padding:10px} #cntUtilitaTools .iuready-roi .intro{margin-bottom:22px}} @media print{#cntUtilitaTools .iuready-roi{background:white} #cntUtilitaTools .iuready-roi .topbar, #cntUtilitaTools .iuready-roi .heroactions, #cntUtilitaTools .iuready-roi .tabs, #cntUtilitaTools .iuready-roi .bottom-actions, #cntUtilitaTools .iuready-roi .pane, #cntUtilitaTools .iuready-roi .toast, #cntUtilitaTools .iuready-roi #toast, #cntUtilitaTools .iuready-roi .button{display:none!important} #cntUtilitaTools .iuready-roi .main{padding:0} #cntUtilitaTools .iuready-roi .workspace{display:block} #cntUtilitaTools .iuready-roi .editor{display:none} #cntUtilitaTools .iuready-roi .dashboard{position:relative;border:none;box-shadow:none;padding:12px} #cntUtilitaTools .iuready-roi .primary-roi{print-color-adjust:exact;-webkit-print-color-adjust:exact} #cntUtilitaTools .iuready-roi .dashboard-section, #cntUtilitaTools .iuready-roi .kpi{break-inside:avoid} #cntUtilitaTools .iuready-roi .main footer{margin:18px 12px}} @media print{#cntUtilitaTools .iuready-roi .print-report{display:block!important;padding:10px 16px;font-size:11px} #cntUtilitaTools .iuready-roi .print-report h1{font-size:25px;color:#204672;margin-bottom:2px} #cntUtilitaTools .iuready-roi .print-report h2{font-size:15px;color:#1b426c;margin-top:19px} #cntUtilitaTools .iuready-roi .print-report p{color:#43566d} #cntUtilitaTools .iuready-roi .print-report table{border-collapse:collapse;width:100%;font-size:10px;margin-top:6px} #cntUtilitaTools .iuready-roi .print-report th, #cntUtilitaTools .iuready-roi .print-report td{text-align:left;border-bottom:1px solid #dfe6ef;padding:7px} #cntUtilitaTools .iuready-roi .print-report th{background:#eff4fa} #cntUtilitaTools .iuready-roi .print-report .print-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px} #cntUtilitaTools .iuready-roi .print-report .print-kpis div{border:1px solid #d3dfeb;border-radius:6px;padding:9px} #cntUtilitaTools .iuready-roi .print-report .print-kpis b{display:block;font-size:17px} #cntUtilitaTools .iuready-roi .print-report .note{background:#f5f7fb;padding:9px;border-radius:5px} #cntUtilitaTools .iuready-roi .print-report section{break-inside:avoid} #cntUtilitaTools .iuready-roi .main footer{display:none!important} #cntUtilitaTools .iuready-roi .print-report .tiny{font-size:9px}} /* IUREADY: estetica e temi effettivi, ereditati da elisapwa.css. */ #cntUtilitaTools {display:none; width:100%; min-width:0; color:var(--elisa-text-main); background:var(--elisa-bg-main); overflow:auto; max-height:calc(100dvh - 120px); padding:12px 18px 30px; box-sizing:border-box;} #cntUtilitaTools .iuready-tools-head {display:flex;align-items:center;gap:14px; padding:13px 5px 15px; color:var(--elisa-text-main);} #cntUtilitaTools .iuready-tools-head h2{font-size:22px; font-weight:600; color:var(--elisa-text-main);margin:0;} #cntUtilitaTools .utilita-submenu{display:flex;gap:10px;flex-wrap:wrap;margin:3px 0 20px;} #cntUtilitaTools .utilita-tool-tab{background:var(--elisa-bg-panel);border:1px solid var(--elisa-border-soft);border-radius:10px;padding:11px 17px;color:var(--elisa-text-main);font-weight:650;cursor:pointer;} #cntUtilitaTools .utilita-tool-tab[aria-current="page"]{border-color:var(--elisa-accent);color:var(--elisa-accent);background:var(--elisa-accent-soft);} #cntUtilitaTools .iuready-roi{font-family:inherit;color:var(--elisa-text-main);background:transparent;font-size:14px;font-synthesis:none;} #cntUtilitaTools .iuready-roi *,#cntUtilitaTools .iuready-roi{box-sizing:border-box;} #cntUtilitaTools .iuready-roi .main{max-width:1600px;padding:4px 0 30px;} #cntUtilitaTools .iuready-roi .editor,#cntUtilitaTools .iuready-roi .dashboard,#cntUtilitaTools .iuready-roi .kpi,#cntUtilitaTools .iuready-roi .scenario-box,#cntUtilitaTools .iuready-roi .mini-stat,#cntUtilitaTools .iuready-roi .chartFrame{background:var(--elisa-bg-panel);border-color:var(--elisa-border-soft);box-shadow:var(--elisa-shadow-soft);} #cntUtilitaTools .iuready-roi .tabs,#cntUtilitaTools .iuready-roi .scenario-card,#cntUtilitaTools .iuready-roi .entry-table thead th,#cntUtilitaTools .iuready-roi .flow-table th{background:var(--elisa-bg-panel-soft);border-color:var(--elisa-border-soft);} #cntUtilitaTools .iuready-roi .field input,#cntUtilitaTools .iuready-roi .field select,#cntUtilitaTools .iuready-roi .field textarea,#cntUtilitaTools .iuready-roi .entry-table input,#cntUtilitaTools .iuready-roi .entry-table select,#cntUtilitaTools .iuready-roi .scenario-grid input{background:var(--elisa-bg-main);border-color:var(--elisa-border-soft);color:var(--elisa-text-main);} #cntUtilitaTools .iuready-roi .intro h1,#cntUtilitaTools .iuready-roi .section-head h2,#cntUtilitaTools .iuready-roi .dashboard h2,#cntUtilitaTools .iuready-roi .pane h3,#cntUtilitaTools .iuready-roi .dashhead strong,#cntUtilitaTools .iuready-roi .kpi strong,#cntUtilitaTools .iuready-roi .statlist b,#cntUtilitaTools .iuready-roi .scenario-card strong,#cntUtilitaTools .iuready-roi .mini-stat strong{color:var(--elisa-text-main);} #cntUtilitaTools .iuready-roi .intro p,#cntUtilitaTools .iuready-roi .section-head p,#cntUtilitaTools .iuready-roi .field,#cntUtilitaTools .iuready-roi .caption,#cntUtilitaTools .iuready-roi .micro,#cntUtilitaTools .iuready-roi .dashhead span,#cntUtilitaTools .iuready-roi .statlist span,#cntUtilitaTools .iuready-roi .kpi span,#cntUtilitaTools .iuready-roi .eyebrow{color:var(--elisa-text-secondary);} #cntUtilitaTools .iuready-roi .button.ghost,#cntUtilitaTools .iuready-roi .button.subtle{background:var(--elisa-bg-panel-soft);color:var(--elisa-text-main);border-color:var(--elisa-border-soft);} #cntUtilitaTools .iuready-roi .button.solid{background:var(--elisa-control-primary-bg);border-color:var(--elisa-control-primary-bg);color:var(--elisa-text-inverse);} #cntUtilitaTools .iuready-roi .tab.active{color:var(--elisa-accent);border-bottom-color:var(--elisa-accent);} #cntUtilitaTools .iuready-roi .primary-roi{background:var(--elisa-accent-soft);color:var(--elisa-text-main);border:1px solid var(--elisa-border-soft);} #cntUtilitaTools .iuready-roi .primary-roi span,#cntUtilitaTools .iuready-roi .primary-roi small{color:var(--elisa-text-secondary);} #cntUtilitaTools .iuready-roi .primary-roi strong{color:var(--elisa-accent);} #cntUtilitaTools .iuready-roi .info-strip,#cntUtilitaTools .iuready-roi .ai-hero,#cntUtilitaTools .iuready-roi .ai-result .ai-banner{background:var(--elisa-bg-panel-soft);border-color:var(--elisa-border-soft);color:var(--elisa-text-secondary);} #cntUtilitaTools .iuready-roi .ai-hero p,#cntUtilitaTools .iuready-roi .ai-result{color:var(--elisa-text-secondary);} #cntUtilitaTools .iuready-roi .tab{color:var(--elisa-text-secondary);} #cntUtilitaTools .iuready-roi .tab.active{color:var(--elisa-accent);} #cntUtilitaTools .iuready-roi .intro h1 span{color:var(--elisa-accent);} #cntUtilitaTools .iuready-roi [hidden]{display:none!important;} @media(max-width:650px){#cntUtilitaTools{padding:8px 8px 85px;max-height:calc(100dvh - 104px);}} /* Stampa del solo report ROI, senza la navigazione della PWA. */ @media print{body.iuready-print-roi #topBar,body.iuready-print-roi #appMenu,body.iuready-print-roi #cntLanding,body.iuready-print-roi #cntData,body.iuready-print-roi #cntUtil,body.iuready-print-roi #cntChatStory,body.iuready-print-roi #cntChatStoryLawyer{display:none!important;} body.iuready-print-roi #cntUtilitaTools{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;} body.iuready-print-roi #cntUtilitaTools .iuready-tools-head,body.iuready-print-roi #cntUtilitaTools .utilita-submenu{display:none!important;}} /* Revisione temi: nessuna palette chiara imposta ai pannelli secondari. */ #cntUtilitaTools .iuready-roi .dashboard-top, #cntUtilitaTools .iuready-roi .section-head, #cntUtilitaTools .iuready-roi .dashhead, #cntUtilitaTools .iuready-roi .statlist, #cntUtilitaTools .iuready-roi .flow-table td, #cntUtilitaTools .iuready-roi .entry-table td {color:var(--elisa-text-main);border-color:var(--elisa-border-soft)} #cntUtilitaTools .iuready-roi .scenario-card, #cntUtilitaTools .iuready-roi .heat-table td, #cntUtilitaTools .iuready-roi .info-strip, #cntUtilitaTools .iuready-roi .hint {background:var(--elisa-bg-panel-soft);color:var(--elisa-text-main);border-color:var(--elisa-border-soft)} #cntUtilitaTools .iuready-roi .scenario-card small, #cntUtilitaTools .iuready-roi .scenario-card span, #cntUtilitaTools .iuready-roi .kpi span, #cntUtilitaTools .iuready-roi .statlist span, #cntUtilitaTools .iuready-roi .legend-rows, #cntUtilitaTools .iuready-roi .risk, #cntUtilitaTools .iuready-roi .ai-result p, #cntUtilitaTools .iuready-roi .ai-result li, #cntUtilitaTools .iuready-roi .mini-stat span, #cntUtilitaTools .iuready-roi footer {color:var(--elisa-text-secondary)} #cntUtilitaTools .iuready-roi .ai-result h3, #cntUtilitaTools .iuready-roi .ai-banner strong, #cntUtilitaTools .iuready-roi .ai-emblem, #cntUtilitaTools .iuready-roi .info-strip strong {color:var(--elisa-accent)} #cntUtilitaTools .iuready-roi .ai-emblem {background:var(--elisa-bg-panel)} #cntUtilitaTools .iuready-roi .chartFrame svg {background:var(--elisa-bg-panel)} #cntUtilitaTools .iuready-roi .negative {color:var(--elisa-danger)!important} #cntUtilitaTools .iuready-roi .positive {color:var(--elisa-success)!important} #cntUtilitaTools .iuready-roi .button:focus-visible, #cntUtilitaTools .iuready-roi input:focus, #cntUtilitaTools .iuready-roi select:focus, #cntUtilitaTools .iuready-roi textarea:focus {outline-color:var(--elisa-accent)} /* Layout del tool integrato: il componente non utilizza il wrapper .main della vecchia demo. */ #cntUtilitaTools .iuready-roi{max-width:1600px;margin:0 auto;padding:4px 0 30px} #cntUtilitaTools .iuready-roi>footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:11px;line-height:1.5;margin-top:20px;color:var(--elisa-text-secondary)} @media print{body.iuready-print-roi #cntUtilitaTools .iuready-roi>footer{display:none!important}} /* 2026-10-15 - Revisione layout Utilità aderente al FE IUREADY */ #cntUtilitaTools{ overflow:hidden !important; height:calc(100dvh - 24px); max-height:calc(100dvh - 24px) !important; padding:12px 18px 14px !important; background:var(--elisa-bg-panel-soft) !important; } #cntUtilitaTools .iuready-tools-head{padding:8px 2px 8px !important;} #cntUtilitaTools .utilita-submenu{margin:0 0 14px !important;gap:8px !important;} #cntUtilitaTools .utilita-tool-tab{ padding:3px 0 7px !important; border:none !important; border-bottom:2px solid transparent !important; border-radius:0 !important; background:transparent !important; color:var(--elisa-text-secondary) !important; font-weight:600 !important; line-height:1.2 !important; min-height:0 !important; } #cntUtilitaTools .utilita-tool-tab[aria-current="page"]{ border-bottom-color:var(--elisa-border-hard) !important; background:transparent !important; color:var(--elisa-text-main) !important; } #cntUtilitaTools [data-cliente-tool]{height:calc(100% - 78px);min-height:0;} #cntUtilitaTools .iuready-roi{height:100%;display:flex;flex-direction:column;min-height:0;} #cntUtilitaTools .iuready-roi .intro{ display:flex !important; gap:12px !important; align-items:center !important; margin:-37px 0 12px !important; height:37px; justify-content:flex-end; position:relative; pointer-events:none; } #cntUtilitaTools .iuready-roi .intro h1{display:none !important;} #cntUtilitaTools .iuready-roi .intro .eyebrow, #cntUtilitaTools .iuready-roi .intro p{display:none !important;} #cntUtilitaTools .iuready-roi .heroactions{gap:8px !important;flex-wrap:wrap;justify-content:flex-end;pointer-events:auto;} #cntUtilitaTools .iuready-roi .button.ghost, #cntUtilitaTools .iuready-roi .button.subtle{ background:var(--elisa-bg-panel) !important; border-color:var(--elisa-border-soft) !important; color:var(--elisa-text-main) !important; } #cntUtilitaTools .iuready-roi .button.solid{ background:var(--elisa-border-hard) !important; border-color:var(--elisa-border-hard) !important; color:var(--elisa-text-inverse) !important; } #cntUtilitaTools .iuready-roi .workspace{ flex:1 1 auto; min-height:0; gap:18px !important; grid-template-columns:minmax(0,1.45fr) minmax(300px,.95fr) !important; } #cntUtilitaTools .iuready-roi .editor, #cntUtilitaTools .iuready-roi .dashboard{ height:100%; min-height:0; display:flex; flex-direction:column; overflow:hidden; background:var(--elisa-bg-main) !important; border:1px solid var(--elisa-border-soft) !important; box-shadow:0 2px 8px rgba(0,0,0,.045) !important; border-radius:14px !important; } #cntUtilitaTools .iuready-roi .tabs{ flex:0 0 auto; background:transparent !important; padding:0 18px !important; } #cntUtilitaTools .iuready-roi .tab{ color:var(--elisa-text-secondary) !important; border-bottom-width:2px !important; padding:15px 10px 13px !important; font-size:11px !important; } #cntUtilitaTools .iuready-roi .tab.active{ color:var(--elisa-text-main) !important; border-bottom-color:var(--elisa-border-hard) !important; } #cntUtilitaTools .iuready-roi .pane{ flex:1 1 auto; min-height:0 !important; overflow:auto !important; padding:18px 22px 22px !important; } #cntUtilitaTools .iuready-roi .dashboard{padding:16px 16px 14px !important;overflow:auto !important;} #cntUtilitaTools .iuready-roi .section-head{margin-bottom:14px !important;align-items:flex-start !important;} #cntUtilitaTools .iuready-roi .section-head h2, #cntUtilitaTools .iuready-roi .dashboard h2{font-size:16px !important;letter-spacing:0 !important;margin:2px 0 4px !important;color:var(--elisa-text-main) !important;} #cntUtilitaTools .iuready-roi .section-head p{font-size:11px !important;line-height:1.45 !important;margin:0 !important;max-width:unset !important;} #cntUtilitaTools .iuready-roi .section-head .eyebrow, #cntUtilitaTools .iuready-roi .dashboard .eyebrow{font-size:10px !important;letter-spacing:.8px !important;color:var(--elisa-text-secondary) !important;} #cntUtilitaTools .iuready-roi .hint{ background:transparent !important; border:1px solid var(--elisa-border-soft) !important; color:var(--elisa-text-secondary) !important; } #cntUtilitaTools .iuready-roi .field-grid{gap:12px !important;margin:12px 0 16px !important;} #cntUtilitaTools .iuready-roi input:focus, #cntUtilitaTools .iuready-roi select:focus, #cntUtilitaTools .iuready-roi textarea:focus, #cntUtilitaTools .iuready-roi .button:focus-visible{outline:none !important;} #cntUtilitaTools .iuready-roi .field{font-size:10px !important;gap:5px !important;color:var(--elisa-text-secondary) !important;} #cntUtilitaTools .iuready-roi .field input, #cntUtilitaTools .iuready-roi .field select, #cntUtilitaTools .iuready-roi .field textarea, #cntUtilitaTools .iuready-roi .entry-table input, #cntUtilitaTools .iuready-roi .entry-table select{ background:var(--elisa-bg-main) !important; border:1px solid var(--elisa-border-soft) !important; color:var(--elisa-text-main) !important; } #cntUtilitaTools .iuready-roi .table-wrap{margin-bottom:10px !important;} #cntUtilitaTools .iuready-roi .entry-table{margin-bottom:10px !important;min-width:0;table-layout:fixed;} /* Larghezze proporzionali al contenuto, con più spazio per le descrizioni. */ #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(1){width:40% !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(2){width:12% !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(3){width:15% !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(4){width:15% !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(5){width:12% !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(6){width:6% !important;} #cntUtilitaTools .iuready-roi .entry-table.cost-table{min-width:0;} #cntUtilitaTools .iuready-roi .cost-table .delete{padding:4px 2px !important;max-width:100%;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(1){width:30%;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(2){width:20%;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(3){width:21%;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(4){width:14%;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(5){width:11%;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(6){width:4%;} #cntUtilitaTools .iuready-roi .entry-table input[data-p="qty"]{max-width:82px;} #cntUtilitaTools .iuready-roi .entry-table input[data-p="price"], #cntUtilitaTools .iuready-roi .entry-table input[data-p="cost"]{max-width:102px;} #cntUtilitaTools .iuready-roi .entry-table input[data-p="discount"]{max-width:80px;} #cntUtilitaTools .iuready-roi .cost-table input[data-f="value"]{max-width:108px;} #cntUtilitaTools .iuready-roi .field-grid.two{grid-template-columns:minmax(0,1fr) 155px;} #cntUtilitaTools .iuready-roi .field #incoterm{max-width:125px;} #cntUtilitaTools .iuready-roi .field-grid.three input[type=number]{width:100%;max-width:116px;} #cntUtilitaTools .iuready-roi .field-grid.three #workingCapital, #cntUtilitaTools .iuready-roi .field-grid.three #loanPrincipal{max-width:175px;} #cntUtilitaTools .iuready-roi .field-grid.three #incomeTaxPct, #cntUtilitaTools .iuready-roi .field-grid.three #returnsPct, #cntUtilitaTools .iuready-roi .field-grid.three #vatSalesPct, #cntUtilitaTools .iuready-roi .field-grid.three #vatPurchasePct, #cntUtilitaTools .iuready-roi .field-grid.three #loanAprPct{max-width:96px;} #cntUtilitaTools .iuready-roi .scenario-grid input[type=number]{max-width:78px;} #cntUtilitaTools .iuready-roi .entry-table thead th, #cntUtilitaTools .iuready-roi .flow-table th{ background:transparent !important; border:none !important; padding:0 8px 6px 0 !important; color:var(--elisa-text-secondary) !important; font-size:10px !important; letter-spacing:.35px !important; } #cntUtilitaTools .iuready-roi .entry-table thead th:first-child, #cntUtilitaTools .iuready-roi .entry-table thead th:last-child{border:none !important;border-radius:0 !important;} #cntUtilitaTools .iuready-roi .entry-table tbody td{padding:6px 5px 8px 0 !important;border-bottom:1px solid var(--elisa-border-soft) !important;} #cntUtilitaTools .iuready-roi .entry-table input, #cntUtilitaTools .iuready-roi .entry-table select{padding:8px 7px !important;font-size:12px !important;min-width:0 !important;} #cntUtilitaTools .iuready-roi .entry-table input[type=number]{font-variant-numeric:tabular-nums;} #cntUtilitaTools .iuready-roi .cost-table input[type=checkbox]{accent-color:var(--elisa-border-hard) !important;} #cntUtilitaTools .iuready-roi .info-strip, #cntUtilitaTools .iuready-roi .ai-hero, #cntUtilitaTools .iuready-roi .scenario-card, #cntUtilitaTools .iuready-roi .mini-stat, #cntUtilitaTools .iuready-roi .chartFrame, #cntUtilitaTools .iuready-roi .flow-table th{ background:var(--elisa-bg-panel-soft) !important; border-color:var(--elisa-border-soft) !important; color:var(--elisa-text-main) !important; } #cntUtilitaTools .iuready-roi .legend-rows, #cntUtilitaTools .iuready-roi .caption, #cntUtilitaTools .iuready-roi .micro, #cntUtilitaTools .iuready-roi .ai-result, #cntUtilitaTools .iuready-roi .ai-result p, #cntUtilitaTools .iuready-roi .ai-result li, #cntUtilitaTools .iuready-roi .ai-hero p, #cntUtilitaTools .iuready-roi .kpi span, #cntUtilitaTools .iuready-roi .dashhead span, #cntUtilitaTools .iuready-roi .statlist span{color:var(--elisa-text-secondary) !important;} #cntUtilitaTools .iuready-roi .primary-roi{ background:var(--elisa-bg-panel-soft) !important; border:1px solid var(--elisa-border-soft) !important; color:var(--elisa-text-main) !important; } #cntUtilitaTools .iuready-roi .primary-roi:after{display:none !important;} #cntUtilitaTools .iuready-roi .dashboard > *{flex-shrink:0;} #cntUtilitaTools .iuready-roi .kpi{background:var(--elisa-bg-main) !important;border-color:var(--elisa-border-soft) !important;box-shadow:none !important;} #cntUtilitaTools .iuready-roi .kpi strong{font-weight:700 !important;} #cntUtilitaTools .iuready-roi .tab{font-weight:600 !important;} #cntUtilitaTools .iuready-roi .primary-roi strong{font-size:34px !important;font-weight:700 !important;} #cntUtilitaTools .iuready-roi .primary-roi strong, #cntUtilitaTools .iuready-roi .kpi strong, #cntUtilitaTools .iuready-roi .dashhead strong, #cntUtilitaTools .iuready-roi .statlist b{color:var(--elisa-text-main) !important;} #cntUtilitaTools .iuready-roi .roimark{background:var(--elisa-border-soft) !important;} #cntUtilitaTools .iuready-roi .roimark i{background:var(--elisa-text-main) !important;} #cntUtilitaTools .iuready-roi #economicBars .bar-row:first-child .track i{background:var(--elisa-text-main) !important;} #cntUtilitaTools .iuready-roi #cashSvg polyline{stroke:var(--elisa-border-hard) !important;} #cntUtilitaTools .iuready-roi #cashSvg circle{fill:var(--elisa-border-hard) !important;} #cntUtilitaTools .iuready-roi .ai-emblem{color:var(--elisa-text-main) !important;} #cntUtilitaTools .iuready-roi .ai-result h3, #cntUtilitaTools .iuready-roi .ai-banner strong, #cntUtilitaTools .iuready-roi .info-strip strong{color:var(--elisa-text-main) !important;} #cntUtilitaTools .iuready-roi .bar-meta, #cntUtilitaTools .iuready-roi .bar-meta b, #cntUtilitaTools .iuready-roi .ai-result code{color:var(--elisa-text-secondary) !important;} #cntUtilitaTools .iuready-roi .track{background:var(--elisa-bg-panel) !important;} #cntUtilitaTools .iuready-roi .legend-rows span:before{color:var(--elisa-text-secondary) !important;} #cntUtilitaTools .iuready-roi .heroactions .button{filter:grayscale(1) !important;} #cntUtilitaTools .iuready-roi .chip{ background:var(--elisa-bg-panel-soft) !important; border:1px solid var(--elisa-border-soft) !important; color:var(--elisa-text-secondary) !important; } #cntUtilitaTools .iuready-roi > footer{ display:none !important; } @media (max-width:1023px){ #cntUtilitaTools{height:calc(100dvh - 104px);max-height:calc(100dvh - 104px) !important;padding:10px 10px 82px !important;} #cntUtilitaTools [data-cliente-tool]{height:calc(100% - 72px);} #cntUtilitaTools .iuready-roi .workspace{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:minmax(0,1.1fr) minmax(0,.8fr) !important;} #cntUtilitaTools .iuready-roi .intro{margin:0 0 10px !important;height:auto;justify-content:flex-start;} #cntUtilitaTools .iuready-roi .dashboard{max-height:none;} } @media (max-width:640px){ #cntUtilitaTools .iuready-roi .intro{grid-template-columns:1fr !important;align-items:flex-start !important;} #cntUtilitaTools .iuready-roi .heroactions{justify-content:flex-start !important;} #cntUtilitaTools .iuready-roi .field-grid.two, #cntUtilitaTools .iuready-roi .field-grid.three{grid-template-columns:1fr !important;} #cntUtilitaTools .iuready-roi .pane{padding:14px !important;} #cntUtilitaTools .iuready-roi .tabs{padding:0 10px !important;} #cntUtilitaTools .iuready-roi .field-grid.three input[type=number]{max-width:100%;} #cntUtilitaTools .iuready-roi .field-grid.three #workingCapital, #cntUtilitaTools .iuready-roi .field-grid.three #loanPrincipal{max-width:100%;} } /* IUREADY Utilità — quattro riferimenti REALI di Wallet: 1 #cntWallet -> #cntUtilitaTools 2 .auth-deco -> .auth-deco (riuso nativo) 3 .walDashTitle -> .utiDashTitle (classe dedicata, vedi blocco UTILITÀ - CSS dedicato) 4 .walGrid -> #roiToolView (area contenuti) Struttura e proprietà verificabili in elisapwa.css. */ /* 1. Stesso rettangolo esterno di Wallet, stessi padding e breakpoint. */ #cntUtilitaTools{ position:absolute !important; top:60px !important; left:2% !important; width:96% !important; height:calc(100% - 120px) !important; max-height:none !important; margin:auto !important; padding:16px !important; overflow:hidden !important; border-radius:12px !important; background:var(--elisa-bg-panel) !important; box-sizing:border-box !important; } html:not([data-elisa-nav="left"]) #cntUtilitaTools{ padding:0 !important; background:transparent !important; } html[data-elisa-nav="left"] #cntUtilitaTools{ top:60px !important; left:0 !important; width:calc(100% - 24px) !important; height:calc(100% - 84px) !important; padding:16px !important; border-radius:10px !important; } /* 2 e 3. Righette e titolo ereditano ESATTAMENTE le classi Wallet. */ /* La tab del tool occupa il gap Wallet fra intestazione e area interna. Non sposta il quarto rettangolo. */ #cntUtilitaTools .utilita-submenu{ position:absolute !important; top:100% !important; left:0 !important; display:flex !important; gap:18px !important; align-items:center !important; margin:3px 0 0 !important; padding:0 !important; min-height:0 !important; height:auto !important; z-index:1 !important; } #cntUtilitaTools .utilita-tool-tab, #cntUtilitaTools .utilita-tool-tab[aria-current="page"]{ border:0 !important; border-bottom:2px solid transparent !important; border-radius:0 !important; background:transparent !important; padding:0 0 3px !important; min-height:0 !important; margin:0 !important; font-size:12px !important; line-height:1.15 !important; font-weight:700 !important; color:var(--elisa-text-main) !important; } #cntUtilitaTools .utilita-tool-tab[aria-current="page"]{ border-bottom-color:var(--elisa-text-main) !important; } /* 4. Stesso bounding box dell'area .walGrid: nasce dopo il gap nativo 24px, allineato al titolo e termina al margine interno di Wallet. */ #cntUtilitaTools #roiToolView{ flex:1 1 auto !important; width:100% !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; overflow:hidden !important; } #cntUtilitaTools .iuready-roi{ display:flex !important; flex-direction:column !important; width:100% !important; height:100% !important; max-width:none !important; min-height:0 !important; margin:0 !important; padding:0 !important; background:transparent !important; font-family:'Zen Kaku Gothic Antique',sans-serif !important; } /* Le azioni restano nell'area interna Wallet, le card subito sotto. */ #cntUtilitaTools .iuready-roi .intro{ flex:0 0 auto !important; display:flex !important; justify-content:flex-end !important; align-items:center !important; width:100% !important; height:37px !important; min-height:0 !important; margin:0 0 10px !important; position:relative !important; pointer-events:auto !important; } #cntUtilitaTools .iuready-roi .intro > div:first-child{display:none !important;} #cntUtilitaTools .iuready-roi .heroactions{display:flex !important;justify-content:flex-end !important;pointer-events:auto !important;} #cntUtilitaTools .iuready-roi .workspace{ flex:1 1 auto !important; display:grid !important; grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr) !important; align-items:stretch !important; gap:22px !important; width:100% !important; min-height:0 !important; height:100% !important; margin:0 !important; } #cntUtilitaTools .iuready-roi .editor, #cntUtilitaTools .iuready-roi .dashboard{ height:100% !important; min-height:0 !important; min-width:0 !important; overflow:hidden !important; background:var(--elisa-bg-main) !important; border:1px solid rgba(0,0,0,.05) !important; border-radius:14px !important; box-shadow:0 2px 8px rgba(0,0,0,.045) !important; } #cntUtilitaTools .iuready-roi .tabs, #cntUtilitaTools .iuready-roi .pane{background:var(--elisa-bg-main) !important;} #cntUtilitaTools .iuready-roi .pane{flex:1 1 auto !important;min-height:0 !important;overflow-y:auto !important;overflow-x:hidden !important;} #cntUtilitaTools .iuready-roi .dashboard{overflow-y:auto !important;overflow-x:hidden !important;} #cntUtilitaTools .iuready-roi .button.solid{background:var(--elisa-border-hard) !important;border-color:var(--elisa-border-hard) !important;color:var(--elisa-text-inverse) !important;} @media(max-width:1023px){ #cntUtilitaTools{padding:16px !important;} #cntUtilitaTools .iuready-roi .workspace{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;gap:16px !important;} } @media(max-width:640px){ #cntUtilitaTools .iuready-roi .intro{height:auto !important;min-height:37px !important;} #cntUtilitaTools .iuready-roi .heroactions{flex-wrap:wrap !important;} #cntUtilitaTools .iuready-roi .table-wrap{max-width:100% !important;overflow-x:auto !important;} } @media print{ body.iuready-print-roi #cntUtilitaTools{position:static !important;height:auto !important;max-height:none !important;overflow:visible !important;} body.iuready-print-roi #cntUtilitaTools > .utilitaDash{height:auto !important;overflow:visible !important;} body.iuready-print-roi #cntUtilitaTools .utiDashHead{display:none !important;} body.iuready-print-roi #cntUtilitaTools #roiToolView{height:auto !important;overflow:visible !important;} body.iuready-print-roi #cntUtilitaTools .iuready-roi{height:auto !important;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .workspace{display:block !important;height:auto !important;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .editor{display:none !important;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .dashboard{height:auto !important;overflow:visible !important;} } /* 2026-10-17 - Allineamento visuale Utilità al layout Wallet + titolo richiesto */ #cntUtilitaTools{ position:absolute !important; top:60px !important; left:2% !important; width:96% !important; height:calc(100% - 120px) !important; max-height:none !important; padding:0 !important; overflow:hidden !important; border-radius:12px !important; background:transparent !important; box-sizing:border-box !important; } #cntUtilitaTools .utilita-submenu{ position:static !important; display:flex !important; align-items:center !important; gap:18px !important; margin:0 0 4px !important; padding:0 !important; flex:0 0 auto !important; min-height:0 !important; height:auto !important; } #cntUtilitaTools .utilita-tool-tab, #cntUtilitaTools .utilita-tool-tab[aria-current="page"]{ border:0 !important; border-bottom:2px solid transparent !important; border-radius:0 !important; background:transparent !important; padding:0 0 3px !important; margin:0 !important; min-height:0 !important; font-size:12px !important; line-height:1.15 !important; font-weight:700 !important; color:var(--elisa-text-main) !important; } #cntUtilitaTools .utilita-tool-tab[aria-current="page"]{border-bottom-color:var(--elisa-text-main) !important;} #cntUtilitaTools #roiToolView{ flex:1 1 auto !important; width:100% !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; } #cntUtilitaTools [data-cliente-tool]{height:auto !important;} #cntUtilitaTools .iuready-roi{ display:flex !important; flex-direction:column !important; width:100% !important; height:100% !important; min-height:0 !important; max-width:none !important; margin:0 !important; padding:0 !important; background:transparent !important; font-family:'Zen Kaku Gothic Antique',sans-serif !important; } #cntUtilitaTools .iuready-roi .intro{ flex:0 0 auto !important; display:flex !important; justify-content:flex-end !important; align-items:center !important; gap:12px !important; width:100% !important; min-height:38px !important; height:auto !important; margin:0 0 12px !important; pointer-events:auto !important; } #cntUtilitaTools .iuready-roi .intro > div:first-child{display:none !important;} #cntUtilitaTools .iuready-roi .heroactions{display:flex !important;gap:8px !important;justify-content:flex-end !important;flex-wrap:wrap !important;} #cntUtilitaTools .iuready-roi .workspace{ flex:1 1 auto !important; display:grid !important; grid-template-columns:minmax(0,1.62fr) minmax(0,.93fr) !important; align-items:stretch !important; gap:16px !important; width:100% !important; height:100% !important; min-height:0 !important; margin:0 !important; } #cntUtilitaTools .iuready-roi .editor, #cntUtilitaTools .iuready-roi .dashboard{ display:flex !important; flex-direction:column !important; min-width:0 !important; min-height:0 !important; height:100% !important; overflow:hidden !important; background:var(--elisa-bg-main) !important; border:1px solid rgba(0,0,0,.05) !important; border-radius:14px !important; box-shadow:0 2px 8px rgba(0,0,0,.045) !important; } #cntUtilitaTools .iuready-roi .tabs, #cntUtilitaTools .iuready-roi .pane{background:var(--elisa-bg-main) !important;} #cntUtilitaTools .iuready-roi .tabs{padding:0 18px !important;} #cntUtilitaTools .iuready-roi .pane{flex:1 1 auto !important;min-height:0 !important;overflow-y:auto !important;overflow-x:hidden !important;padding:18px 20px 20px !important;} #cntUtilitaTools .iuready-roi .dashboard{padding:18px 18px 14px !important;overflow-y:auto !important;overflow-x:hidden !important;} #cntUtilitaTools .iuready-roi .field-grid.two{grid-template-columns:minmax(0,1fr) 255px !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(1){width:42% !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(2){width:12% !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(3), #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(4){width:14% !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(5){width:12% !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(6){width:6% !important;} #cntUtilitaTools .iuready-roi .entry-table input[data-p="qty"]{max-width:76px !important;} #cntUtilitaTools .iuready-roi .entry-table input[data-p="price"], #cntUtilitaTools .iuready-roi .entry-table input[data-p="cost"]{max-width:88px !important;} #cntUtilitaTools .iuready-roi .entry-table input[data-p="discount"]{max-width:70px !important;} #cntUtilitaTools .iuready-roi > footer{display:none !important;} @media (max-width: 1023px){ #cntUtilitaTools{height:calc(100dvh - 104px) !important;} #cntUtilitaTools .iuready-roi .workspace{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;gap:16px !important;} } @media (max-width: 640px){ #cntUtilitaTools .iuready-roi .field-grid.two, #cntUtilitaTools .iuready-roi .field-grid.three{grid-template-columns:1fr !important;} #cntUtilitaTools .iuready-roi .field-grid.two{grid-template-columns:1fr !important;} } @media print{ body.iuready-print-roi #cntUtilitaTools{position:static !important;height:auto !important;overflow:visible !important;} body.iuready-print-roi #cntUtilitaTools > .utilitaDash{height:auto !important;overflow:visible !important;background:transparent !important;padding:0 !important;} body.iuready-print-roi #cntUtilitaTools .utiDashHead, body.iuready-print-roi #cntUtilitaTools .utilita-submenu{display:none !important;} body.iuready-print-roi #cntUtilitaTools .iuready-roi{height:auto !important;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .workspace{display:block !important;height:auto !important;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .editor{display:none !important;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .dashboard{height:auto !important;overflow:visible !important;} } /* ============================================================================================================================= UTILITÀ - CSS dedicato del contenitore, stessi valori di Conto (walletDash / walDashHead / walDashTitle in elisapwa.css): .utilitaDash = .walletDash (+ i 16px di #cntListaWal, che Utilità non ha) .utiDashHead = .walDashHead .utiDashTitle = .walDashTitle Le righette restano .auth-deco, la classe del login che usa anche Conto. ============================================================================================================================= */ .utilitaDash { --utiTitleSize: clamp(1.25rem, 0.95rem + 1.3vw, 1.5rem); --roi-line: color-mix(in srgb, var(--elisa-border-soft) 55%, var(--elisa-bg-main)); position: relative; width: 100%; height: 100%; min-height: 0; box-sizing: border-box; display: flex; flex-direction: column; gap: 0; padding: 16px; overflow: hidden; background: var(--elisa-bg-panel); border-radius: 12px; font-family: 'Zen Kaku Gothic Antique', sans-serif; } .utilitaDash .utiDashHead, .utilitaDash h2 { box-sizing: border-box; } .utilitaDash h2.utiDashTitle { margin: 0; padding: 0; border: 0; letter-spacing: normal; text-transform: none; } .utiDashHead { display: flex; flex-direction: column; gap: 10px; } .utiDashTitle { margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: var(--utiTitleSize); font-weight: 400; line-height: 1.2; color: var(--elisa-text-main); letter-spacing: normal; } @media (max-width: 480px) { .utilitaDash { padding: 12px; } } /* 2026-10-17 v2 - Resa della schermata Utilità / Calcolo ROI come Dashboard_ROI_di_iureadyStudio.png. Blocco finale: prevale sui blocchi precedenti. Colori dai token del tema (chiaro/scuro). */ #cntUtilitaTools .utilita-submenu{ min-height:44px !important; align-items:flex-end !important; margin:2px 0 22px !important; } #cntUtilitaTools .utilita-tool-tab, #cntUtilitaTools .utilita-tool-tab[aria-current="page"]{ font-family:Inter,'Segoe UI',Arial,sans-serif !important; font-size:17px !important; font-weight:400 !important; line-height:1.2 !important; padding:0 0 6px !important; color:var(--elisa-text-main) !important; } #cntUtilitaTools .iuready-roi{font-family:Inter,'Segoe UI',Arial,sans-serif !important;} @media (min-width:1024px){ #cntUtilitaTools .iuready-roi .intro{ position:absolute !important; top:calc(62px + 1.2 * var(--utiTitleSize)) !important; right:16px !important; width:auto !important; height:44px !important; min-height:0 !important; margin:0 !important; z-index:2 !important; } } #cntUtilitaTools .iuready-roi .heroactions{gap:14px !important;} #cntUtilitaTools .iuready-roi .heroactions .button{filter:none !important;} #cntUtilitaTools .iuready-roi .button{ gap:9px !important; height:44px !important; padding:0 18px !important; border-radius:8px !important; font-size:13px !important; font-weight:600 !important; } #cntUtilitaTools .iuready-roi .button .roiIco{ width:17px;height:17px;flex:0 0 auto; fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; } #cntUtilitaTools .iuready-roi .button.ghost, #cntUtilitaTools .iuready-roi .button.subtle{ background:var(--elisa-bg-main) !important; border:1px solid var(--roi-line) !important; color:var(--elisa-text-main) !important; } #cntUtilitaTools .iuready-roi .button.solid{ padding:0 20px !important; background:var(--elisa-border-hard) !important; border-color:var(--elisa-border-hard) !important; color:var(--elisa-text-inverse) !important; } #cntUtilitaTools .iuready-roi .workspace{gap:16px !important;} @media (min-width:1024px){ #cntUtilitaTools .iuready-roi .workspace{grid-template-columns:minmax(0,1.43fr) minmax(0,1fr) !important;} } #cntUtilitaTools .iuready-roi .editor, #cntUtilitaTools .iuready-roi .dashboard{ border:1px solid var(--roi-line) !important; border-radius:10px !important; box-shadow:none !important; } /* Linguette 01 - 06 */ #cntUtilitaTools .iuready-roi .tabs{padding:0 22px !important;gap:12px;border-bottom:1px solid var(--roi-line) !important;} #cntUtilitaTools .iuready-roi .tab{ font-size:13px !important; font-weight:400 !important; padding:19px 8px 16px !important; color:var(--elisa-text-secondary) !important; } #cntUtilitaTools .iuready-roi .tab.active{ font-weight:600 !important; color:var(--elisa-text-main) !important; border-bottom:2px solid var(--elisa-text-main) !important; } /* Intestazione della sezione */ #cntUtilitaTools .iuready-roi .pane{padding:26px 30px 26px !important;} #cntUtilitaTools .iuready-roi .section-head{margin-bottom:26px !important;} #cntUtilitaTools .iuready-roi .eyebrow, #cntUtilitaTools .iuready-roi .section-head .eyebrow, #cntUtilitaTools .iuready-roi .dashboard .eyebrow{ font-size:11px !important; font-weight:600 !important; letter-spacing:1.4px !important; color:var(--elisa-text-secondary) !important; } #cntUtilitaTools .iuready-roi .section-head h2, #cntUtilitaTools .iuready-roi .dashboard h2{ font-size:20.5px !important; font-weight:500 !important; line-height:1.3 !important; margin:6px 0 8px !important; } #cntUtilitaTools .iuready-roi .section-head p{font-size:12.5px !important;line-height:1.5 !important;color:var(--elisa-text-secondary) !important;} #cntUtilitaTools .iuready-roi .hint{ font-size:10px !important; font-weight:600 !important; padding:10px 13px !important; border-radius:7px !important; background:var(--elisa-bg-main) !important; color:var(--elisa-text-main) !important; } /* Campi */ #cntUtilitaTools .iuready-roi .field-grid{gap:16px !important;margin:0 0 26px !important;} #cntUtilitaTools .iuready-roi .field-grid.two{grid-template-columns:minmax(0,1fr) auto !important;} #cntUtilitaTools .iuready-roi .field #currency{width:76px !important;} @media (min-width:641px){ #cntUtilitaTools .iuready-roi .field #incoterm{max-width:79px !important;} #cntUtilitaTools .iuready-roi .field-grid.three #durationMonths, #cntUtilitaTools .iuready-roi .field-grid.three #collectionDays, #cntUtilitaTools .iuready-roi .field-grid.three #paymentDays, #cntUtilitaTools .iuready-roi .field-grid.three #loanMonths{max-width:50px !important;} #cntUtilitaTools .iuready-roi .field-grid.three #workingCapital, #cntUtilitaTools .iuready-roi .field-grid.three #loanPrincipal{max-width:132px !important;} } #cntUtilitaTools .iuready-roi .field{ font-size:14px !important; font-weight:500 !important; gap:10px !important; color:var(--elisa-text-main) !important; } #cntUtilitaTools .iuready-roi .field input, #cntUtilitaTools .iuready-roi .field select, #cntUtilitaTools .iuready-roi .entry-table input, #cntUtilitaTools .iuready-roi .entry-table select{ height:38px !important; padding:0 10px !important; border-radius:7px !important; font-size:14px !important; font-weight:500 !important; } #cntUtilitaTools .iuready-roi .field textarea{padding:8px 10px !important;border-radius:7px !important;font-size:14px !important;} /* La regola globale input:focus di elisapwa.css porta font-size e padding a valori diversi: qui restano quelli a riposo. */ #cntUtilitaTools .iuready-roi .field input:focus, #cntUtilitaTools .iuready-roi .field select:focus, #cntUtilitaTools .iuready-roi .entry-table input:focus, #cntUtilitaTools .iuready-roi .entry-table select:focus{font-size:14px !important;padding:0 10px !important;} #cntUtilitaTools .iuready-roi .field textarea:focus{font-size:14px !important;padding:8px 10px !important;} /* Righe prodotto */ #cntUtilitaTools .iuready-roi .entry-table thead th, #cntUtilitaTools .iuready-roi .flow-table th{ padding:0 14px 10px 0 !important; font-size:14px !important; font-weight:500 !important; letter-spacing:0 !important; text-transform:none !important; color:var(--elisa-text-main) !important; } #cntUtilitaTools .iuready-roi .entry-table tbody td{padding:0 14px 10px 0 !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(1){width:26% !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(2){width:14% !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(3){width:14% !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(4){width:14% !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(5){width:12% !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(6){width:12% !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(7){width:8% !important;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(1){width:26% !important;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(2){width:16% !important;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(3){width:15% !important;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(4){width:15% !important;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(5){width:8% !important;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(6){width:12% !important;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(7){width:8% !important;} #cntUtilitaTools .iuready-roi .entry-table input[data-p]{max-width:none !important;} /* Campi numerici dimensionati sul valore massimo accettato da tools.js (LIMITS) con 2 decimali, piu' le frecce del campo: Quantita' 9999999.99, Prezzo / Costo / Valore 9999999999.99, Sconto 99.99. La descrizione prende lo spazio che resta. Valgono quando la tabella ha spazio per tutte le colonne a quella misura; sotto restano le percentuali qui sopra. */ #cntUtilitaTools .iuready-roi .table-wrap{container-type:inline-size;} @container (min-width:760px){ #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(1){width:auto !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(2){width:98px !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(3){width:111px !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(4){width:111px !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(5){width:98px !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(6){width:90px !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(7){width:44px !important;} } @container (min-width:830px){ #cntUtilitaTools .iuready-roi .cost-table th:nth-child(1){width:auto !important;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(2){width:155px !important;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(3){width:131px !important;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(4){width:146px !important;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(5){width:64px !important;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(6){width:90px !important;} #cntUtilitaTools .iuready-roi .cost-table th:nth-child(7){width:44px !important;} #cntUtilitaTools .iuready-roi .cost-table input[data-f="value"]{max-width:none !important;} } #cntUtilitaTools .iuready-roi .entry-table .delete{font-size:24px !important;font-weight:300 !important;color:var(--elisa-text-secondary) !important;padding:0 !important;width:100%;} #cntUtilitaTools .iuready-roi .table-wrap{margin-bottom:18px !important;} /* Bordi chiari come nel riferimento: campi, KPI, etichetta "Aggiornamento live", separatore della riga prodotto */ #cntUtilitaTools .iuready-roi .field input, #cntUtilitaTools .iuready-roi .field select, #cntUtilitaTools .iuready-roi .field textarea, #cntUtilitaTools .iuready-roi .entry-table input, #cntUtilitaTools .iuready-roi .entry-table select, #cntUtilitaTools .iuready-roi .kpi, #cntUtilitaTools .iuready-roi .hint{border-color:var(--roi-line) !important;} #cntUtilitaTools .iuready-roi .entry-table tbody td{border-bottom-color:var(--roi-line) !important;} /* Riquadro informativo con icona */ #cntUtilitaTools .iuready-roi .info-strip{ display:flex !important; align-items:center !important; gap:12px !important; margin-top:26px !important; padding:17px 18px !important; border:1px solid var(--roi-line) !important; border-radius:8px !important; background:var(--elisa-bg-main) !important; color:var(--elisa-text-secondary) !important; font-size:12px !important; line-height:1.5 !important; } #cntUtilitaTools .iuready-roi .info-strip::before{ content:""; flex:0 0 17px; width:17px;height:17px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 11v6M12 7.5v.2'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 11v6M12 7.5v.2'/%3E%3C/svg%3E") center/contain no-repeat; } /* Pannello Redditività */ #cntUtilitaTools .iuready-roi .dashboard{padding:21px 26px 18px !important;} #cntUtilitaTools .iuready-roi .dashboard-top{margin-bottom:14px !important;align-items:flex-start !important;} #cntUtilitaTools .iuready-roi .chip{ padding:10px 15px !important; border-radius:999px !important; font-size:11.5px !important; font-weight:500 !important; background:color-mix(in srgb,var(--elisa-success) 9%,var(--elisa-bg-main)) !important; border:1px solid color-mix(in srgb,var(--elisa-success) 20%,var(--elisa-bg-main)) !important; color:var(--elisa-text-main) !important; } #cntUtilitaTools .iuready-roi .chip.bad{ background:color-mix(in srgb,var(--elisa-danger) 9%,var(--elisa-bg-main)) !important; border-color:color-mix(in srgb,var(--elisa-danger) 22%,var(--elisa-bg-main)) !important; } #cntUtilitaTools .iuready-roi .primary-roi{ padding:16px 20px 20px !important; border-radius:10px !important; background:var(--elisa-bg-panel) !important; border:1px solid var(--roi-line) !important; } #cntUtilitaTools .iuready-roi .primary-roi > span{font-size:13px !important;color:var(--elisa-text-main) !important;} #cntUtilitaTools .iuready-roi .primary-roi strong{font-size:31px !important;font-weight:700 !important;letter-spacing:-.02em !important;margin:9px 0 5px !important;} #cntUtilitaTools .iuready-roi .primary-roi small{font-size:13px !important;} #cntUtilitaTools .iuready-roi .roimark{max-width:none !important;height:6px !important;margin-top:11px !important;border-radius:6px !important;} #cntUtilitaTools .iuready-roi .roimark i{border-radius:6px !important;} #cntUtilitaTools .iuready-roi .kpi-grid{gap:12px !important;margin-top:12px !important;} #cntUtilitaTools .iuready-roi .kpi{padding:15px 18px 14px !important;border-radius:8px !important;} #cntUtilitaTools .iuready-roi .kpi span{font-size:12px !important;color:var(--elisa-text-main) !important;} #cntUtilitaTools .iuready-roi .kpi strong{font-size:21px !important;font-weight:700 !important;margin-top:9px !important;letter-spacing:-.01em !important;} #cntUtilitaTools .iuready-roi .dashboard-section{margin-top:22px !important;padding-top:18px !important;border-top:1px solid var(--roi-line) !important;} #cntUtilitaTools .iuready-roi .dashhead{margin-bottom:14px !important;} #cntUtilitaTools .iuready-roi .dashhead strong{font-size:15px !important;font-weight:600 !important;} #cntUtilitaTools .iuready-roi .dashhead span{font-size:12px !important;} #cntUtilitaTools .iuready-roi .dashhead span b{font-weight:600;color:var(--elisa-text-main);} #cntUtilitaTools .iuready-roi .bar-row{margin:0 0 12px !important;} #cntUtilitaTools .iuready-roi .bar-meta{font-size:13px !important;margin-bottom:6px !important;color:var(--elisa-text-secondary) !important;} #cntUtilitaTools .iuready-roi .bar-meta b{font-weight:600 !important;color:var(--elisa-text-main) !important;} #cntUtilitaTools .iuready-roi .track{height:8px !important;background:var(--elisa-bg-panel) !important;} #cntUtilitaTools .iuready-roi #economicBars .bar-row:nth-child(1) .track i{background:var(--elisa-text-main) !important;} #cntUtilitaTools .iuready-roi #economicBars .bar-row:nth-child(2) .track i{background:color-mix(in srgb,var(--elisa-text-main) 68%,var(--elisa-bg-main)) !important;} #cntUtilitaTools .iuready-roi #economicBars .bar-row:nth-child(3) .track i{background:color-mix(in srgb,var(--elisa-text-main) 42%,var(--elisa-bg-main)) !important;} #cntUtilitaTools .iuready-roi #economicBars .bar-row:nth-child(4) .track i{background:color-mix(in srgb,var(--elisa-success) 75%,var(--elisa-bg-main)) !important;} /* Equilibrio dell'operazione: riga apribile con freccia */ #cntUtilitaTools .iuready-roi .roiCollapse > summary{list-style:none;cursor:pointer;margin-bottom:0 !important;} #cntUtilitaTools .iuready-roi .roiCollapse > summary::-webkit-details-marker{display:none;} #cntUtilitaTools .iuready-roi .roiCollapse > summary::after{ content:"";width:9px;height:9px;margin-right:4px; border-right:2px solid var(--elisa-text-main);border-bottom:2px solid var(--elisa-text-main); transform:translateY(-3px) rotate(45deg);transition:transform .2s; } #cntUtilitaTools .iuready-roi .roiCollapse[open] > summary{margin-bottom:14px !important;} #cntUtilitaTools .iuready-roi .roiCollapse[open] > summary::after{transform:translateY(2px) rotate(225deg);} /* Cifre allineate a destra in tutti i campi numerici; intestazioni delle colonne numeriche sopra l'ultima cifra (14px distacco colonna + 15px margine interno del campo + 1px bordo). */ #cntUtilitaTools .iuready-roi input[type=number]{text-align:right !important;} #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(2), #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(3), #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(4), #cntUtilitaTools .iuready-roi .entry-table:not(.cost-table) th:nth-child(6), #cntUtilitaTools .iuready-roi .cost-table th:nth-child(4), #cntUtilitaTools .iuready-roi .cost-table th:nth-child(5){text-align:right !important;padding-right:25px !important;} /* Campi numerici senza frecce: margine interno uguale a destra e a sinistra (si scrive e si usano i tasti freccia). */ #cntUtilitaTools .iuready-roi input[type=number]{-moz-appearance:textfield;appearance:textfield;} #cntUtilitaTools .iuready-roi input[type=number]::-webkit-inner-spin-button, #cntUtilitaTools .iuready-roi input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;} /* Percentuali dei Parametri (99.99) e campi degli Scenari (-99.99) sul contenuto massimo, ora senza frecce. */ @media (min-width:641px){ #cntUtilitaTools .iuready-roi .field-grid.three #returnsPct, #cntUtilitaTools .iuready-roi .field-grid.three #incomeTaxPct, #cntUtilitaTools .iuready-roi .field-grid.three #vatSalesPct, #cntUtilitaTools .iuready-roi .field-grid.three #vatPurchasePct, #cntUtilitaTools .iuready-roi .field-grid.three #loanAprPct{max-width:62px !important;} } #cntUtilitaTools .iuready-roi .scenario-grid input[type=number]{max-width:64px !important;} /* Colonna della X senza distacco a destra: la X finisce sul bordo destro, come Aggiornamento live. */ #cntUtilitaTools .iuready-roi .entry-table th:last-child, #cntUtilitaTools .iuready-roi .entry-table td:last-child{padding-right:0 !important;} #cntUtilitaTools .iuready-roi .entry-table .delete{text-align:right !important;} /* Importa progetto / Salva JSON / Stampa: solo icona e testo, senza riquadro; testo sulla riga di "Calcolo ROI", l'ultimo finisce sul bordo destro del pannello Redditivita'. */ #cntUtilitaTools .iuready-roi .heroactions{height:100% !important;align-items:flex-end !important;gap:24px !important;} #cntUtilitaTools .iuready-roi .heroactions .button, #cntUtilitaTools .iuready-roi .heroactions .button.ghost, #cntUtilitaTools .iuready-roi .heroactions .button.solid{height:auto !important;padding:0 0 8px !important;background:transparent !important;border-color:transparent !important;color:var(--elisa-text-main) !important;box-shadow:none !important;} /* ===== ROI versione 2: elementi nuovi ===== */ /* Stato del salvataggio sulla riga dei bottoni */ #cntUtilitaTools .iuready-roi .roiSaveState{align-self:flex-end;padding-bottom:9px;font-size:12px;color:var(--elisa-text-secondary);white-space:nowrap;} #cntUtilitaTools .iuready-roi .roiSaveState.negative{color:var(--elisa-danger) !important;} /* Due ROI affiancati, stessa grandezza */ #cntUtilitaTools .iuready-roi .roi-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} #cntUtilitaTools .iuready-roi .roi-pair .primary-roi{display:flex;flex-direction:column;padding:16px 16px 18px !important;} #cntUtilitaTools .iuready-roi .roi-pair .primary-roi strong{font-size:28px !important;margin:8px 0 6px !important;overflow-wrap:anywhere;} #cntUtilitaTools .iuready-roi .roi-pair .primary-roi small{font-size:12px !important;line-height:1.4;} #cntUtilitaTools .iuready-roi .roi-pair .primary-roi small.roiBase{margin-top:6px;color:var(--elisa-text-main) !important;font-weight:500;} #cntUtilitaTools .iuready-roi .roi-pair .roimark{margin-top:auto !important;} #cntUtilitaTools .iuready-roi .roi-pair .roiBase + .roimark{margin-top:12px !important;} @media (max-width:1300px){#cntUtilitaTools .iuready-roi .roi-pair{grid-template-columns:1fr;}} /* Errori accanto al campo */ #cntUtilitaTools .iuready-roi .roiInvalid{border-color:var(--elisa-danger) !important;} #cntUtilitaTools .iuready-roi .roiErrMsg{display:block;margin-top:4px;font-size:11px;line-height:1.35;font-weight:500;color:var(--elisa-danger);} #cntUtilitaTools .iuready-roi .scenario-grid .roiErrMsg{grid-column:1 / -1;margin-top:-4px;} /* Nuovi campi dei Parametri sul contenuto massimo */ @media (min-width:641px){ #cntUtilitaTools .iuready-roi .field-grid.three #returnsRecoveryPct, #cntUtilitaTools .iuready-roi .field-grid.three #discountRatePct{max-width:62px !important;} #cntUtilitaTools .iuready-roi .field-grid.three #taxMonth{max-width:50px !important;} #cntUtilitaTools .iuready-roi .field #vatPeriod{max-width:122px !important;} #cntUtilitaTools .iuready-roi .field #salesProfile{max-width:145px !important;} #cntUtilitaTools .iuready-roi .field #loanType{max-width:138px !important;} #cntUtilitaTools .iuready-roi #fxRates input{max-width:90px !important;} } /* Mese dei costi disattivato quando la base non e' "Importo" */ #cntUtilitaTools .iuready-roi .cost-table input:disabled{opacity:.4;} /* Profilo vendite personalizzato */ #cntUtilitaTools .iuready-roi .salesProfileBox{margin:-8px 0 22px;} #cntUtilitaTools .iuready-roi .salesProfileGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;} #cntUtilitaTools .iuready-roi .salesProfileGrid input{max-width:76px !important;} /* Assi della matrice e soglia di pareggio */ #cntUtilitaTools .iuready-roi .sensAxes{display:flex;gap:16px;margin:0 0 8px;} #cntUtilitaTools .iuready-roi .sensAxes select{width:130px !important;} #cntUtilitaTools .iuready-roi .heat-table td.be{outline:2px solid var(--elisa-text-main);outline-offset:-2px;} /* Statistiche del cash flow */ #cntUtilitaTools .iuready-roi .mini-stats{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;} #cntUtilitaTools .iuready-roi .flow-table td.negative{color:var(--elisa-danger) !important;} /* Storico analisi AI */ #cntUtilitaTools .iuready-roi .aiHistory{margin-top:18px;display:flex;flex-direction:column;gap:6px;} #cntUtilitaTools .iuready-roi .aiHistItem{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid var(--roi-line);border-radius:7px;background:var(--elisa-bg-main);color:var(--elisa-text-main);text-align:left;cursor:pointer;} #cntUtilitaTools .iuready-roi .aiHistItem span{color:var(--elisa-text-secondary);font-size:12px;} /* Pannello "I miei progetti" */ #cntUtilitaTools .iuready-roi .roiProjects{position:fixed;inset:0;z-index:9500;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;background:rgba(0,0,0,.28);} #cntUtilitaTools .iuready-roi .roiProjects[hidden]{display:none !important;} #cntUtilitaTools .iuready-roi .roiProjPanel{width:min(680px,92vw);max-height:76vh;display:flex;flex-direction:column;background:var(--elisa-bg-main);color:var(--elisa-text-main);border:1px solid var(--roi-line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.22);} #cntUtilitaTools .iuready-roi .roiProjHead{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--roi-line);} #cntUtilitaTools .iuready-roi .roiProjHead h2{flex:1 1 auto;margin:0 !important;font-size:18px !important;} #cntUtilitaTools .iuready-roi .roiProjHead .button{height:36px !important;} #cntUtilitaTools .iuready-roi .roiProjClose{width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:var(--elisa-text-secondary);font-size:22px;line-height:1;cursor:pointer;} #cntUtilitaTools .iuready-roi .roiProjList{overflow-y:auto;padding:6px 18px 14px;} #cntUtilitaTools .iuready-roi .roiProjRow{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--roi-line);} #cntUtilitaTools .iuready-roi .roiProjRow:last-child{border-bottom:0;} #cntUtilitaTools .iuready-roi .roiProjRow.current .roiProjName b::after{content:" · aperto";font-weight:400;color:var(--elisa-text-secondary);} #cntUtilitaTools .iuready-roi .roiProjName{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;} #cntUtilitaTools .iuready-roi .roiProjName b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #cntUtilitaTools .iuready-roi .roiProjName small{font-size:12px;color:var(--elisa-text-secondary);} #cntUtilitaTools .iuready-roi .roiProjActions{display:flex;gap:4px;flex:0 0 auto;} #cntUtilitaTools .iuready-roi .roiProjActions button{border:0;background:transparent;color:var(--elisa-text-main);font-size:12px;font-weight:600;padding:6px 8px;border-radius:6px;cursor:pointer;} #cntUtilitaTools .iuready-roi .roiProjActions button:hover, #cntUtilitaTools .iuready-roi .roiProjClose:hover{background:var(--elisa-bg-panel);} #cntUtilitaTools .iuready-roi .roiProjActions button[data-act="del"]{color:var(--elisa-danger);} /* Report di stampa: solo il report, senza la pagina */ @media print{ /* il corpo pagina e il contenitore della sezione hanno altezza fissa e nascondono il resto: in stampa si allungano */ body.iuready-print-roi{height:auto !important;overflow:visible !important;} body.iuready-print-roi .section.full:has(#cntUtilitaTools){position:static !important;height:auto !important;overflow:visible !important;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .workspace, body.iuready-print-roi #cntUtilitaTools .iuready-roi .intro, body.iuready-print-roi #cntUtilitaTools .iuready-roi .roiProjects{display:none !important;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .print-report{display:block !important;color:#111;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .print-report .rp-cover{border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:6px;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .print-report .rp-kicker{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#555;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .print-report .print-kpis span{display:block;font-size:9px;color:#555;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .print-report .print-kpis small{display:block;font-size:8px;color:#777;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .print-report td.num, body.iuready-print-roi #cntUtilitaTools .iuready-roi .print-report th.num{text-align:right;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .print-report .rp-chart svg{width:100%;height:auto;max-height:230px;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .print-report .rp-break{break-before:page;} body.iuready-print-roi #cntBigTitle{display:none !important;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .print-report h3{font-size:12px;margin:12px 0 4px;color:#1b426c;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .print-report ul{margin:4px 0 8px;padding-left:18px;} body.iuready-print-roi #cntUtilitaTools .iuready-roi .print-report .heat-table td{print-color-adjust:exact;-webkit-print-color-adjust:exact;text-align:center;} } /* Bottone "Carica demo" accanto all'etichetta AGGIORNAMENTO LIVE, stessa altezza e stesso testo */ #cntUtilitaTools .iuready-roi .section-head-actions{display:flex;align-items:stretch;gap:8px;flex:0 0 auto;} #cntUtilitaTools .iuready-roi .section-head-actions #btnDemo{height:auto !important;padding:10px 13px !important;border-radius:7px !important;font-size:10px !important;font-weight:600 !important;line-height:normal;white-space:nowrap;} /* Strumento bloccato finche' non si scrive il nome del progetto (classe roiLocked messa da tools.js) */ #cntUtilitaTools .iuready-roi.roiLocked :is(input, select, textarea, button):disabled{opacity:.45 !important;cursor:not-allowed !important;} #cntUtilitaTools .iuready-roi.roiLocked .tabs .tab:not(.active){opacity:.45;} #cntUtilitaTools .iuready-roi.roiLocked .dashboard{opacity:.55;pointer-events:none;} /* Panoramica live con il solo titolo finche' ricavi e costi sono zero (classe roiDashEmpty messa da tools.js) */ #cntUtilitaTools .iuready-roi .dashboard.roiDashEmpty > *:not(.dashboard-top), #cntUtilitaTools .iuready-roi .dashboard.roiDashEmpty .chip{display:none !important;} /* Campi e bottoni attivi identici a quelli a riposo: niente contorno, niente ombra, stesso bordo (il campo con errore tiene il bordo rosso). La regola generale dell'app toglie il bordo e assottiglia il testo al focus: qui no. */ #cntUtilitaTools .iuready-roi :is(input, select, textarea):focus{outline:none !important;box-shadow:none !important;} #cntUtilitaTools .iuready-roi :is(input, select, textarea):not(.roiInvalid):not([type=checkbox]):focus{border:1px solid var(--roi-line) !important;} #cntUtilitaTools .iuready-roi :is(button, .button):is(:focus, :focus-visible){outline:none !important;box-shadow:none !important;} /* Campi degli scenari e note: al focus restano bordo, corpo, spessore e margini che hanno a riposo. */ #cntUtilitaTools .iuready-roi .scenario-grid input:not(.roiInvalid):focus{border-color:var(--elisa-border-soft) !important;font-size:14px !important;padding:8px !important;} #cntUtilitaTools .iuready-roi .field textarea:focus{font-weight:550 !important;}