/* ══════════════════════════════════════════════════════════════════════════════════════════════
   I PANNELLI VERI DELL'ASSISTENTE DI SI.SCO (27/09/2026): la Home con «Aiuto» aperto e il pannello «Report».
   Il CSS qui sotto è quello del PROGRAMMA, estratto dai .razor.css con Documenti\Brochure\Estrai-CSS-Assistente.ps1
   (parti\03x-css-ia.html) e copiato tale e quale; in coda la cornice: le schermate si costruiscono alla misura
   vera (Home 1100 px, pannello 440 px) e si riducono con transform: scale, come nella brochure.
   Caricato solo dove serve: la home e /sisco (App.razor). NON si corregge a mano: si rilancia lo script.
   ══════════════════════════════════════════════════════════════════════════════════════════════ */


/* ---------- griglia.css ---------- */
.ia-sch .og { flex: 1; min-height: 0; display: flex; flex-direction: column; font-family: var(--sans); margin: -22px -26px -28px; }
.ia-sch .og.og-sospesa > *:not(.og-topbar) { pointer-events: none; user-select: none; opacity: .55; filter: grayscale(.55); }
.ia-sch .og.og-sospesa { position: relative; }
.ia-sch .og.og-sospesa::after { content: attr(data-sospesa); position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); z-index: 61; background: #FDF6E7; border: 1px solid #F0DFB4; color: #8A5A00; font-size: 12px; font-weight: 700; border-radius: 16px; padding: 6px 14px; box-shadow: 0 10px 24px -12px rgba(16,24,40,.4); white-space: nowrap; pointer-events: none; }
.ia-sch .og.og-sospesa:not([data-sospesa])::after, .ia-sch .og.og-sospesa[data-sospesa=""]::after { display: none; }
.ia-sch .og.og-sospesa > .av-scrim { pointer-events: auto; user-select: auto; opacity: 1; }
.ia-sch .og-topbar { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 14px; padding: 11px 22px; background: linear-gradient(180deg, #223A5E 0%, #1B2E4D 100%); color: #fff; }
.ia-sch .og-titolo { font-size: 17px; font-weight: 500; color: #fff; white-space: nowrap; }
.ia-sch .og-pill { display: inline-block; margin-left: 9px; vertical-align: 2px; font-size: 10.5px; font-weight: 800; letter-spacing: .04em; padding: 2px 9px; border-radius: 20px; background: rgba(255,255,255,.2); color: #fff; white-space: nowrap; }
.ia-sch .og-titolo-freccia > .og-pill { margin-left: 0; }
.ia-sch .og-pill.manca { background: #F0A62B; color: #3B2A05; }
.ia-sch .og-selconto { font-size: 13.5px; color: rgba(255,255,255,.82); white-space: nowrap; margin-right: 4px; }
.ia-sch .og-selconto b { color: #fff; font-weight: 800; }
.ia-sch .og-strumenti { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px; flex: 1 1 auto; min-width: 0; }
.ia-sch .og-btn { display: inline-flex; align-items: center; gap: 7px; border-radius: 9px; padding: 8px 13px; font-family: inherit; font-size: 13px; font-weight: 700; cursor: pointer; border: 1px solid transparent; white-space: nowrap; }
.ia-sch .og-btn.chiaro { background: transparent; color: rgba(255,255,255,.85); border-color: rgba(255,255,255,.28); font-weight: 600; }
.ia-sch .og-btn.chiaro:hover { background: rgba(255,255,255,.12); color: #fff; }
.ia-sch .og-btn.primary { background: var(--accent); color: #fff; }
.ia-sch .og-btn.primary:hover { background: #1B9A56; }
.ia-sch .og-btn.chiudi { background: transparent; color: rgba(255,255,255,.85); border-color: rgba(255,255,255,.28); font-weight: 600; }
.ia-sch .og-btn.chiudi:hover { background: rgba(224,90,58,.9); border-color: transparent; color: #fff; }
.ia-sch .og-btn.rosso { background: transparent; color: #FFA391; border-color: rgba(224,90,58,.45); font-weight: 600; }
.ia-sch .og-btn.rosso:hover { background: #C0392B; color: #fff; border-color: transparent; }
.ia-sch .og-btn.scarto { background: transparent; color: #D9C6F2; border-color: rgba(150,110,220,.5); font-weight: 600; }
.ia-sch .og-btn.scarto:hover { background: #6D4AA8; color: #fff; border-color: transparent; }
.ia-sch .og-card { flex: 1; min-height: 0; margin: 16px 22px 20px; display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; box-shadow: 0 6px 18px -14px rgba(16,24,40,.2); }
.ia-sch .og-corpo { flex: 1; min-height: 0; overflow: auto; }
.ia-sch .og-piede { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; padding: 9px 18px; border-top: 1px solid var(--border); font-size: 12.5px; color: var(--muted); }
.ia-sch .mg-seg { display: flex; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); border-radius: 10px; padding: 3px; }
.ia-sch .mg-seg button { border: 0; background: transparent; color: #C9D4E5; font-family: inherit; font-size: 12.5px; font-weight: 700; padding: 7px 14px; border-radius: 8px; cursor: pointer; white-space: nowrap; }
.ia-sch .mg-seg button.on { background: var(--accent); color: #fff; }
.ia-sch .mg-seg button:disabled { opacity: .45; cursor: default; }
.ia-sch .og-chips { display: flex; gap: 6px; }
.ia-sch .og-fchip { padding: 6px 12px; border-radius: 20px; font-size: 12.5px; font-weight: 600; border: 1px solid var(--border-forte); background: var(--surface); color: var(--muted); cursor: pointer; }
.ia-sch .og-fchip.on { background: var(--ink); color: #fff; border-color: var(--ink); }
.ia-sch .og-fchip:hover:not(.on) { background: #F2F4F7; color: var(--ink); }
.ia-sch .og-selname { font-size: 14px; font-weight: 650; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 420px; }
.ia-sch .pd-stat { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; background: #F4F6FA; border: 1px solid var(--border); border-radius: 9px; padding: 5px 14px; }
.ia-sch .pd-stat b { font-size: 15.5px; color: var(--ink); font-variant-numeric: tabular-nums; line-height: 1.15; }
.ia-sch .pd-stat span { font-size: 9.5px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; color: var(--faint); }
.ia-sch .pd-stat.verde b { color: var(--accent); }
.ia-sch .og-titolo-freccia { display: flex; align-items: center; gap: 12px; }
.ia-sch .og-indietro { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.25); border-radius: 10px; background: rgba(255,255,255,.10); color: #fff; cursor: pointer; flex-shrink: 0; }
.ia-sch .og-indietro:hover { background: rgba(255,255,255,.22); }
.ia-sch .og-tit-aiuto { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 18px; height: 18px; margin-left: 8px; padding: 0; vertical-align: middle; position: relative; top: -1px; border-radius: 50%; border: 1px solid rgba(255,255,255,.5); background: rgba(255,255,255,.1); color: rgba(255,255,255,.9); font-family: inherit; font-size: 11px; font-weight: 800; line-height: 1; cursor: pointer; }
.ia-sch .og-tit-aiuto:hover { background: rgba(255,255,255,.26); border-color: #fff; color: #fff; }
.ia-sch .og-tit-aiuto.su-chiaro { border-color: var(--border); background: var(--surface); color: var(--muted); }
.ia-sch .og-tit-aiuto.su-chiaro:hover { background: var(--accent-tenue); border-color: var(--accent); color: var(--accent); }
.ia-sch .og-btn.assistente { background: linear-gradient(150deg, #43b84f, var(--accent)); border-color: rgba(255,255,255,.25); color: #fff; box-shadow: 0 0 0 3px rgba(63,190,119,.35); }
.ia-sch .og-btn.assistente:hover { background: linear-gradient(150deg, #4cc558, #1B9A56); }
.ia-sch .og-btn.assistente svg { width: 15px; height: 15px; flex: none; }
.ia-sch .og-btn.report { background: #2F5DA8; border-color: rgba(255,255,255,.25); color: #fff; }
.ia-sch .og-btn.report:hover { background: #3A6CBD; }
.ia-sch .og-btn.report svg { width: 15px; height: 15px; flex: none; }
/* ---------- Home.razor.css ---------- */
.ia-sch .app { display: flex; flex-direction: column; height: 100vh; background: #F4F8F5; font-family: var(--sans); }
.ia-sch .schermo { position: relative; flex: 1; min-height: 0; display: flex; }
.ia-sch .laterale { width: 250px; flex-shrink: 0; background: linear-gradient(180deg, #182A4A 0%, #101B31 100%); border-right: 1px solid #0C1424; display: flex; flex-direction: column; padding: 16px 12px; }
.ia-sch .marchio { display: flex; align-items: center; gap: 11px; padding: 8px 10px 20px; }
.ia-sch .m-mark { width: 40px; height: 40px; flex-shrink: 0; border-radius: 11px; display: grid; place-items: center; color: #fff; background: linear-gradient(150deg, #43b84f, #137A43); box-shadow: 0 8px 18px -8px rgba(19,122,67,.7); }
.ia-sch .m-mark svg { width: 24px; height: 24px; }
.ia-sch .m-txt { display: flex; flex-direction: column; line-height: 1.12; }
.ia-sch .m-sisco { font-size: 20px; font-weight: 700; letter-spacing: -.3px; color: #fff; }
.ia-sch .m-sl { font-size: 14px; font-weight: 600; color: #3FBE77; }
.ia-sch .voci { flex: 1; display: flex; flex-direction: column; gap: 3px; overflow-y: auto; }
.ia-sch .voce { display: flex; align-items: center; gap: 12px; width: 100%; padding: 11px 12px; border: none; background: transparent; border-radius: 10px; font-family: inherit; font-size: 13.5px; font-weight: 600; color: #B7C2D8; text-align: left; cursor: pointer;  }
.ia-sch .voce svg { flex-shrink: 0; }
.ia-sch .ico { flex-shrink: 0; width: 20px; height: 20px; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; }
.ia-sch .tx { flex: 1; }
.ia-sch .chev { color: #5A6B88; font-size: 15px; }
.ia-sch .sez { padding: 14px 12px 6px; font-size: 10.5px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #5A6B88; }
.ia-sch .voce:hover { background: rgba(255,255,255,.05); color: #EAF0FA; }
.ia-sch .voce.attiva { background: rgba(63,190,119,.16); color: #fff; box-shadow: inset 3px 0 0 #3FBE77; }
.ia-sch .centrale { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ia-sch .stato { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: rgba(255,255,255,.8); }
.ia-sch .pallino { width: 9px; height: 9px; border-radius: 50%; background: #3FBE77; box-shadow: 0 0 0 3px rgba(63,190,119,.25); }
.ia-sch .data { font-size: 13px; font-weight: 600; color: rgba(255,255,255,.5); }
.ia-sch .schede { height: 52px; flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 20px; background: #182A4A; border-bottom: 1px solid #0C1424; }
.ia-sch .tabs { display: flex; align-items: center; gap: 6px; min-width: 0; overflow-x: auto; }
.ia-sch .tab { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 10px 0 12px; border-radius: 9px; border: 1px solid transparent; font-size: 13px; font-weight: 500; color: rgba(255,255,255,.6); white-space: nowrap; cursor: pointer; user-select: none; }
.ia-sch .tab:hover { background: rgba(255,255,255,.08); }
.ia-sch .tab.on { background: var(--surface); color: #16263F; font-weight: 600; border-color: transparent; box-shadow: 0 2px 6px -3px rgba(4,10,22,.4); }
.ia-sch .tab svg { flex-shrink: 0; }
.ia-sch .tab-x { display: inline-grid; place-items: center; width: 19px; height: 19px; border-radius: 6px; font-size: 11px; color: rgba(255,255,255,.4); }
.ia-sch .tab.on .tab-x { color: rgba(22,38,63,.45); }
.ia-sch .tab-x:hover { background: rgba(224,90,58,.9); color: #fff; }
.ia-sch .barra-info { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.ia-sch .corpo { flex: 1; overflow-y: auto; padding: 22px 26px 28px; display: flex; flex-direction: column; gap: 16px; }
.ia-sch .corpo.cruscotto { padding: 10px; gap: 0; }
.ia-sch .finestra { flex: 1; min-height: 0; flex-direction: column; }
.ia-sch .pie { flex-shrink: 0; height: 40px; display: flex; align-items: center; justify-content: center; background: #101B31; border-top: 1px solid #0C1424; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; color: rgba(255,255,255,.5); }
.ia-sch .op-nome { font-weight: 700; color: #fff; }
.ia-sch .op-esci { margin: 0 10px 0 8px; border: none; background: transparent; color: #3FBE77; font-family: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.ia-sch .op-esci:hover { text-decoration: underline; }
/* ---------- PannelloAssistente.razor.css ---------- */
.ia-sch .as-velo { position: fixed; inset: 52px 0 40px 250px; z-index: 100; background: rgba(16,24,40,.28); }
.ia-sch .as-pan { position: fixed; top: 52px; right: 0; bottom: 40px; z-index: 101; width: 440px; max-width: 100%; display: flex; flex-direction: column; background: #fff; border-left: 1px solid #D8DEE6; box-shadow: -18px 0 40px -20px rgba(10,20,40,.45); font-family: var(--sans); color: var(--ink);  }
.ia-sch .as-pan svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.ia-sch .as-testa { flex-shrink: 0; height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; border-bottom: 1px solid var(--border); }
.ia-sch .as-tit { display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 800; color: #16263F; }
.ia-sch .as-ico { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; flex: none; background: linear-gradient(150deg, #43b84f, var(--accent)); }
.ia-sch .as-ico svg { stroke: #fff; }
.ia-sch .as-dove { font-size: 11px; color: var(--muted); font-weight: 600; }
.ia-sch .as-x { width: 32px; height: 32px; border-radius: 8px; border: 1px solid var(--border); background: #fff; display: grid; place-items: center; color: var(--muted); cursor: pointer; }
.ia-sch .as-x:hover { background: rgba(224,90,58,.9); border-color: transparent; color: #fff; }
.ia-sch .as-comandi { display: flex; align-items: center; gap: 8px; }
.ia-sch .as-nuova { height: 32px; padding: 0 11px; border-radius: 8px; border: 1px solid #CBE6D4; background: var(--accent-tenue); color: var(--accent); display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; white-space: nowrap; cursor: pointer; }
.ia-sch .as-nuova:hover:not(:disabled) { background: var(--accent); border-color: transparent; color: #fff; }
.ia-sch .as-nuova:disabled { opacity: .5; cursor: default; }
.ia-sch .as-scorre { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column-reverse; background: #FBFCFD; }
.ia-sch .as-corpo { padding: 14px; display: flex; flex-direction: column; gap: 12px; }
.ia-sch .as-dom { align-self: flex-end; max-width: 85%; background: #16263F; color: #fff; border-radius: 12px 12px 3px 12px; padding: 10px 13px; font-size: 13.5px; line-height: 1.55; overflow-wrap: anywhere; }
.ia-sch .as-risp { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 13px 14px; }
.ia-sch .as-testo { font-size: 13.5px; line-height: 1.7; color: #2B3648; }
.ia-sch .as-testo p { margin: 0 0 6px; }
.ia-sch .as-testo p:last-child { margin-bottom: 0; }
.ia-sch .as-testo b { color: #16263F; }
.ia-sch .as-testo ol { margin: 8px 0 4px; padding-left: 20px; line-height: 1.75; }
.ia-sch .as-testo li { margin-bottom: 3px; }
.ia-sch .as-tipo { display: inline-block; margin-bottom: 6px; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.ia-sch .as-vai { width: 100%; margin-top: 12px; display: flex; align-items: center; justify-content: center; gap: 8px; height: 44px; border: none; border-radius: 10px; background: var(--accent); color: #fff; font-family: inherit; font-size: 14px; font-weight: 800; cursor: pointer; }
.ia-sch .as-vai:hover { background: #1B9A56; }
.ia-sch .as-vai.blu { background: #2F5DA8; }
.ia-sch .as-vai.blu:hover { background: #3A6CBD; }
.ia-sch .as-fonti { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 11px; align-items: center; }
.ia-sch .as-fonti-tit { font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.ia-sch .as-fonte { display: inline-flex; align-items: center; gap: 5px; border: 1px solid #CBE6D4; background: var(--accent-tenue); color: var(--accent); border-radius: 8px; padding: 4px 10px; font-family: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.ia-sch .as-fonte:hover { border-color: var(--accent); }
.ia-sch .as-pie { display: flex; justify-content: flex-end; align-items: center; gap: 6px; margin-top: 10px; padding-top: 9px; border-top: 1px dashed var(--border); font-size: 11.5px; color: var(--muted); }
.ia-sch .as-ambra .as-pie { border-top-color: #F2E3C6; color: #7A5A18; }
.ia-sch .as-pollice { width: 30px; height: 30px; border-radius: 8px; border: 1px solid var(--border); background: #fff; display: grid; place-items: center; color: var(--muted); cursor: pointer; }
.ia-sch .as-pollice:hover { border-color: var(--accent); color: var(--accent); }
.ia-sch .as-pollice.on { background: var(--accent-tenue); border-color: var(--accent); color: var(--accent); }
.ia-sch .as-pollice.giu.on { background: #FBEDEA; border-color: #C0392B; color: #C0392B; }
.ia-sch .as-attesa { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 13px; padding: 4px 2px; }
.ia-sch .as-punti { display: flex; gap: 4px; }
.ia-sch .as-punti i { width: 6px; height: 6px; border-radius: 50%; background: #3FBE77;  }
.ia-sch .as-punti i:nth-child(2) { animation-delay: .15s; }
.ia-sch .as-punti i:nth-child(3) { animation-delay: .3s; }
.ia-sch .as-ambra { background: #FFFBF2; border: 1px solid #F2E3C6; border-radius: 12px; padding: 12px 14px; font-size: 13.5px; line-height: 1.7; color: #7A5A18; }
.ia-sch .as-ambra b, .ia-sch .as-ambra b { color: #5C430F; }
.ia-sch .as-grigio { background: #F8F9FB; border: 1px solid var(--border); border-radius: 12px; padding: 12px 14px; font-size: 13.5px; line-height: 1.7; color: var(--muted); }
.ia-sch .as-grigio b { color: #16263F; }
.ia-sch .as-errore { background: #FBEDEA; border: 1px solid #F0CFC8; border-radius: 12px; padding: 12px 14px; font-size: 13px; line-height: 1.6; color: #A5301F; }
.ia-sch .as-campo { flex-shrink: 0; border-top: 1px solid var(--border); padding: 11px 12px 10px; background: #fff; }
.ia-sch .as-esempi { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 9px; }
.ia-sch .as-esempio { border: 1px solid var(--border); border-radius: 20px; padding: 5px 11px; background: #fff; font-family: inherit; font-size: 11.5px; color: var(--muted); cursor: pointer; text-align: left; }
.ia-sch .as-esempio:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); }
.ia-sch .as-esempio:disabled { opacity: .55; cursor: default; }
.ia-sch .as-riga { display: flex; gap: 8px; align-items: flex-end; border: 1px solid #CBD2DC; border-radius: 11px; padding: 6px 6px 6px 12px; }
.ia-sch .as-riga:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-tenue); }
.ia-sch .as-inp { flex: 1; min-width: 0; border: none; outline: none; background: transparent; font-family: inherit; font-size: 13.5px; line-height: 1.45; color: var(--ink); resize: none; field-sizing: content; min-height: calc(1.45em + 16px); max-height: calc(6 * 1.45em + 16px); overflow-y: auto; padding: 8px 0; }
.ia-sch .as-inp::placeholder { color: #9AA4B2; }
.ia-sch .as-chiedi { height: 38px; padding: 0 16px; border: none; border-radius: 9px; background: var(--accent); color: #fff; font-family: inherit; font-size: 13px; font-weight: 800; cursor: pointer; }
.ia-sch .as-chiedi:disabled { background: #D7DDE4; color: #98A2B3; cursor: default; }
.ia-sch .as-quota { margin-top: 8px; font-size: 11px; color: #98A2B3; display: flex; justify-content: space-between; gap: 10px; }
/* ---------- PannelloReport.razor.css ---------- */
.ia-sch .rp-velo { position: fixed; inset: 52px 0 40px 250px; z-index: 100; background: rgba(16,24,40,.28); }
.ia-sch .rp-pan { --blu: #2F5DA8; --blu-tenue: #E8EFFA; position: fixed; top: 52px; right: 0; bottom: 40px; z-index: 101; width: 440px; max-width: 100%; display: flex; flex-direction: column; background: #fff; border-left: 1px solid #D8DEE6; box-shadow: -18px 0 40px -20px rgba(10,20,40,.45); font-family: var(--sans); color: var(--ink);  }
.ia-sch .rp-pan svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.ia-sch .rp-testa { flex-shrink: 0; height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; border-bottom: 1px solid var(--border); }
.ia-sch .rp-tit { display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 800; color: #16263F; }
.ia-sch .rp-ico { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; flex: none; background: var(--blu); }
.ia-sch .rp-ico svg { stroke: #fff; }
.ia-sch .rp-dove { font-size: 11px; color: var(--muted); font-weight: 600; }
.ia-sch .rp-x { width: 32px; height: 32px; border-radius: 8px; border: 1px solid var(--border); background: #fff; display: grid; place-items: center; color: var(--muted); cursor: pointer; }
.ia-sch .rp-x:hover { background: rgba(224,90,58,.9); border-color: transparent; color: #fff; }
.ia-sch .rp-scorre { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column-reverse; background: #FBFCFD; }
.ia-sch .rp-corpo { padding: 13px; display: flex; flex-direction: column; gap: 10px; }
.ia-sch .rp-dom { align-self: flex-end; max-width: 88%; background: #16263F; color: #fff; border-radius: 12px 12px 3px 12px; padding: 9px 12px; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.ia-sch .rp-risp { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 12px 13px; font-size: 13px; line-height: 1.65; color: #2B3648; }
.ia-sch .rp-testo { font-size: 13px; line-height: 1.65; color: #2B3648; margin-bottom: 4px; }
.ia-sch .rp-titolo { display: block; color: #16263F; font-size: 13.5px; }
.ia-sch .rp-par { font-size: 12px; color: var(--muted); }
.ia-sch .rp-tipo { display: inline-flex; align-items: center; gap: 5px; margin-bottom: 7px; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; border-radius: 6px; padding: 3px 8px; background: var(--blu-tenue); color: var(--blu); }
.ia-sch .rp-tipo svg { width: 12px; height: 12px; }
.ia-sch .rp-tipo.grigio { background: #F2F4F7; color: var(--muted); }
.ia-sch .rp-scelte { display: flex; flex-direction: column; gap: 7px; margin-top: 9px; }
.ia-sch .rp-scelta { border: 1px solid #CBD2DC; border-radius: 10px; padding: 9px 12px; display: flex; justify-content: space-between; align-items: center; background: #fff; min-height: 48px; font-family: inherit; text-align: left; cursor: pointer; color: inherit; }
.ia-sch .rp-scelta b { display: block; font-size: 13px; color: #16263F; }
.ia-sch .rp-scelta small { font-size: 11.5px; color: var(--muted); }
.ia-sch .rp-scelta:hover:not(:disabled) { border-color: var(--blu); }
.ia-sch .rp-scelta.on { border-color: var(--blu); box-shadow: inset 0 0 0 1px var(--blu); background: var(--blu-tenue); }
.ia-sch .rp-scelta.on svg { color: var(--blu); }
.ia-sch .rp-scelta:disabled { cursor: default; }
.ia-sch .rp-scelta:disabled:not(.on) { opacity: .6; }
.ia-sch .rp-lav { display: flex; flex-direction: column; gap: 7px; margin-top: 6px; }
.ia-sch .rp-lav div { display: flex; align-items: center; gap: 9px; font-size: 12.5px; color: #475467; }
.ia-sch .rp-lav .ok { color: var(--accent); }
.ia-sch .rp-lav .ora { color: var(--blu); font-weight: 700; }
.ia-sch .rp-lav .dopo { color: #B0B8C4; }
.ia-sch .rp-punti { display: inline-flex; gap: 3px; width: 15px; justify-content: center; flex: none; }
.ia-sch .rp-punti i { width: 4px; height: 4px; border-radius: 50%; background: var(--blu);  }
.ia-sch .rp-punti i:nth-child(2) { animation-delay: .15s; }
.ia-sch .rp-punti i:nth-child(3) { animation-delay: .3s; }
.ia-sch .rp-tes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 9px; }
.ia-sch .rp-tes div { border: 1px solid var(--border); border-radius: 9px; padding: 7px 9px; background: #fff; min-width: 0; }
.ia-sch .rp-tes span { display: block; font-size: 10px; font-weight: 800; color: var(--muted); letter-spacing: .05em; text-transform: uppercase; overflow-wrap: anywhere; }
.ia-sch .rp-tes b { font-size: 16px; color: #16263F; }
.ia-sch .rp-tes small { font-size: 11px; color: var(--muted); }
.ia-sch .rp-mini-box { overflow-x: auto; margin-top: 9px; }
.ia-sch .rp-mini { width: 100%; border-collapse: collapse; font-size: 11.5px; }
.ia-sch .rp-mini th { font-size: 9.5px; font-weight: 800; color: var(--muted); letter-spacing: .05em; text-transform: uppercase; text-align: left; padding: 5px 6px; border-bottom: 1px solid var(--border); background: #F8F9FB; }
.ia-sch .rp-mini td { padding: 5px 6px; border-bottom: 1px solid #F0F2F5; color: #475467; }
.ia-sch .rp-mini .r { text-align: right; white-space: nowrap; }
.ia-sch .rp-mini tr.altre td { color: var(--muted); font-style: italic; }
.ia-sch .rp-mini tr.tot td { font-weight: 800; color: #16263F; border-bottom: 0; border-top: 1px solid var(--border); }
.ia-sch .rp-vuoto { margin-top: 9px; font-size: 12.5px; color: var(--muted); }
.ia-sch .rp-conto { background: var(--blu-tenue); border-radius: 9px; padding: 9px 11px; font-size: 12.5px; line-height: 1.6; color: #2B3F66; margin-top: 8px; }
.ia-sch .rp-conto b { color: #1D3A6E; }
.ia-sch .rp-azioni { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 10px; }
.ia-sch .rp-az { height: 42px; border-radius: 10px; display: flex; align-items: center; justify-content: center; gap: 7px; font-family: inherit; font-size: 13px; font-weight: 800; border: 1px solid #CBD2DC; background: #fff; color: #16263F; cursor: pointer; }
.ia-sch .rp-az.pri { background: var(--accent); border-color: var(--accent); color: #fff; }
.ia-sch .rp-az.blu { background: var(--blu); border-color: var(--blu); color: #fff; }
.ia-sch .rp-az:disabled { opacity: .55; cursor: default; }
.ia-sch .rp-costo { font-size: 11px; color: #98A2B3; text-align: right; margin-top: 7px; }
.ia-sch .rp-ambra { background: #FFFBF2; border: 1px solid #F2E3C6; border-radius: 12px; padding: 12px 14px; font-size: 13.5px; line-height: 1.7; color: #7A5A18; }
.ia-sch .rp-ambra b, .ia-sch .rp-ambra b { color: #5C430F; }
.ia-sch .rp-grigio { background: #F8F9FB; border: 1px solid var(--border); border-radius: 12px; padding: 12px 14px; font-size: 13.5px; line-height: 1.7; color: var(--muted); }
.ia-sch .rp-grigio b { color: #16263F; }
.ia-sch .rp-errore { background: #FBEDEA; border: 1px solid #F0CFC8; border-radius: 12px; padding: 12px 14px; font-size: 13px; line-height: 1.6; color: #A5301F; }
.ia-sch .rp-esito { border-radius: 10px; padding: 9px 12px; font-size: 12.5px; }
.ia-sch .rp-esito.ok { background: var(--accent-tenue); color: var(--accent); border: 1px solid #CBE6D4; }
.ia-sch .rp-esito.err { background: #FBEDEA; color: #A5301F; border: 1px solid #F0CFC8; margin-top: 9px; }
.ia-sch .rp-campo { flex-shrink: 0; border-top: 1px solid var(--border); padding: 9px 11px; background: #fff; }
.ia-sch .rp-riga { display: flex; gap: 8px; align-items: flex-end; border: 1px solid #CBD2DC; border-radius: 11px; padding: 6px 6px 6px 12px; }
.ia-sch .rp-riga:focus-within { border-color: var(--blu); box-shadow: 0 0 0 3px var(--blu-tenue); }
.ia-sch .rp-inp { flex: 1; min-width: 0; border: none; outline: none; background: transparent; font-family: inherit; font-size: 13px; line-height: 1.45; color: var(--ink); resize: none; field-sizing: content; min-height: calc(1.45em + 16px); max-height: calc(6 * 1.45em + 16px); overflow-y: auto; padding: 8px 0; }
.ia-sch .rp-inp::placeholder { color: #9AA4B2; }
.ia-sch .rp-chiedi { height: 38px; padding: 0 14px; border: none; border-radius: 9px; background: var(--accent); color: #fff; font-family: inherit; font-size: 12.5px; font-weight: 800; cursor: pointer; }
.ia-sch .rp-chiedi:disabled { background: #D7DDE4; color: #98A2B3; cursor: default; }
.ia-sch .rp-quota { margin-top: 8px; font-size: 11px; color: #98A2B3; display: flex; justify-content: space-between; gap: 10px; }
.ia-sch .rp-sv-velo { position: absolute; inset: 50px 0 0 0; z-index: 5; background: rgba(16,24,40,.28); display: flex; align-items: flex-end; }
.ia-sch .rp-sv { width: 100%; max-height: 100%; overflow-y: auto; background: #fff; border-top: 1px solid var(--border); border-radius: 14px 14px 0 0; padding: 14px 16px 16px; box-shadow: 0 -16px 40px -20px rgba(10,20,40,.5); }
.ia-sch .rp-sv h3 { font-size: 15px; color: #16263F; margin: 0 0 2px; }
.ia-sch .rp-sv label { display: block; font-size: 11px; font-weight: 800; color: var(--muted); letter-spacing: .05em; text-transform: uppercase; margin: 11px 0 4px; }
.ia-sch .rp-sv-inp { width: 100%; height: 40px; border: 1px solid #CBD2DC; border-radius: 9px; padding: 0 11px; font-family: inherit; font-size: 13px; color: var(--ink); box-sizing: border-box; }
.ia-sch .rp-sv-inp:focus { outline: none; border-color: var(--blu); box-shadow: 0 0 0 3px var(--blu-tenue); }
.ia-sch .rp-seg { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #CBD2DC; border-radius: 9px; overflow: hidden; }
.ia-sch .rp-seg button { min-height: 40px; padding: 4px 8px; border: none; background: #fff; font-family: inherit; font-size: 12px; font-weight: 700; color: var(--muted); cursor: pointer; line-height: 1.3; }
.ia-sch .rp-seg button + button { border-left: 1px solid #CBD2DC; }
.ia-sch .rp-seg button.on { background: #16263F; color: #fff; }
.ia-sch .rp-gratis { margin-top: 12px; display: flex; gap: 8px; align-items: center; border: 1px dashed var(--accent); border-radius: 9px; padding: 8px 10px; font-size: 12px; color: var(--accent); font-weight: 700; }
/* ---------- MieiReport.razor.css ---------- */
.ia-sch .og { position: relative; }
.ia-sch .mr-cerca { height: 34px; width: 220px; border: 1px solid rgba(255,255,255,.28); border-radius: 9px; background: rgba(255,255,255,.08); color: #fff; padding: 0 11px; font-family: inherit; font-size: 13px; }
.ia-sch .mr-cerca::placeholder { color: rgba(255,255,255,.6); }
.ia-sch .mr-cerca:focus { outline: none; border-color: rgba(255,255,255,.6); }
.ia-sch .mr-ling { display: flex; gap: 4px; padding: 10px 22px 0; }
.ia-sch .mr-ling button { padding: 9px 16px; border: none; border-radius: 9px 9px 0 0; font-family: inherit; font-size: 12.5px; font-weight: 800; color: var(--muted); background: #E9EDF2; cursor: pointer; }
.ia-sch .mr-ling button.on { background: #fff; color: #16263F; }
.ia-sch .mr-elenco { flex: 1; min-height: 0; overflow: auto; background: #fff; margin: 0 22px 12px; border: 1px solid var(--border); border-radius: 0 11px 11px 11px; }
.ia-sch .mr-r { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) auto; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #F0F2F5; align-items: center; font-size: 12.5px; color: #475467; }
.ia-sch .mr-r > * { min-width: 0; }
.ia-sch .mr-r.h { position: sticky; top: 0; z-index: 1; font-size: 10.5px; font-weight: 800; color: var(--muted); letter-spacing: .06em; text-transform: uppercase; background: #F8F9FB; padding: 9px 16px; }
.ia-sch .mr-nome b { color: #16263F; font-size: 13px; display: block; overflow-wrap: anywhere; }
.ia-sch .mr-nome small { font-size: 11.5px; color: var(--muted); }
.ia-sch .mr-par { display: flex; gap: 5px; flex-wrap: wrap; }
.ia-sch .mr-par span { border-radius: 6px; padding: 2px 8px; font-size: 11px; font-weight: 700; background: #E8EFFA; color: #2F5DA8; }
.ia-sch .mr-par span.fix { background: #F2F4F7; color: #475467; }
.ia-sch .mr-az-g { display: flex; gap: 6px; justify-content: flex-end; align-items: center; }
.ia-sch .mr-az { height: 36px; padding: 0 12px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-family: inherit; font-size: 12px; font-weight: 800; border: 1px solid #CBD2DC; background: #fff; color: #16263F; cursor: pointer; white-space: nowrap; }
.ia-sch .mr-az.pri { background: var(--accent); border-color: var(--accent); color: #fff; }
.ia-sch .mr-az:disabled { opacity: .55; cursor: default; }
.ia-sch .mr-cestino { width: 36px; height: 36px; border-radius: 10px; border: 1px solid var(--border); background: #fff; color: var(--muted); display: grid; place-items: center; cursor: pointer; }
.ia-sch .mr-cestino:hover:not(:disabled) { border-color: #C0392B; color: #C0392B; background: #FBEDEA; }
.ia-sch .mr-vuoto { padding: 22px 16px; font-size: 13px; color: var(--muted); }
.ia-sch .mr-avviso { display: flex; align-items: center; gap: 10px; margin: 10px 12px; padding: 10px 12px; border-radius: 10px; background: #FFFBF2; border: 1px solid #F2E3C6; color: #7A5A18; font-size: 12.5px; line-height: 1.5; }
.ia-sch .mr-avviso span { flex: 1; }
.ia-sch .mr-x { border: none; background: transparent; color: #7A5A18; font-size: 18px; cursor: pointer; }
.ia-sch .mr-ok { margin: 10px 12px; padding: 9px 12px; border-radius: 10px; background: var(--accent-tenue); color: var(--accent); border: 1px solid #CBE6D4; font-size: 12.5px; }
.ia-sch .mr-piede { display: flex; justify-content: flex-end; gap: 8px; padding: 0 22px 16px; }
.ia-sch .mr-piede .pd-stat { min-width: 130px; }
.ia-sch .mr-mod { width: 460px; max-width: 100%; max-height: 88vh; overflow: hidden auto; background: #fff; border-radius: 14px; box-shadow: 0 24px 60px -24px rgba(10,20,40,.55); border: 1px solid #d8dee6; text-align: left; }
.ia-sch .mr-mod-t { padding: 14px 18px; border-bottom: 1px solid var(--border); }
.ia-sch .mr-mod-t h3 { font-size: 15px; color: #16263F; margin: 0; }
.ia-sch .mr-mod-t p { font-size: 12px; color: var(--muted); margin: 2px 0 0; }
.ia-sch .mr-mod-c { padding: 4px 18px 14px; }
.ia-sch .mr-mod-c label { display: block; font-size: 11px; font-weight: 800; color: var(--muted); letter-spacing: .05em; text-transform: uppercase; margin: 11px 0 4px; }
.ia-sch .mr-inp { width: 100%; height: 40px; border: 1px solid #CBD2DC; border-radius: 9px; padding: 0 11px; font-family: inherit; font-size: 13px; background: #fff; box-sizing: border-box; color: var(--ink); }
.ia-sch .mr-seg { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #CBD2DC; border-radius: 9px; overflow: hidden; }
.ia-sch .mr-seg button { min-height: 38px; border: none; background: #fff; font-family: inherit; font-size: 12px; font-weight: 700; color: var(--muted); cursor: pointer; }
.ia-sch .mr-seg button + button { border-left: 1px solid #CBD2DC; }
.ia-sch .mr-seg button.on { background: #16263F; color: #fff; }
.ia-sch .mr-date { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ia-sch .mr-date label { text-transform: none; letter-spacing: 0; }
.ia-sch .mr-nota { margin-top: 12px; font-size: 11.5px; color: var(--muted); }
.ia-sch .mr-rp-err { margin-top: 10px; padding: 8px 10px; border-radius: 9px; background: #FBEDEA; color: #A5301F; font-size: 12.5px; }
.ia-sch .mr-mod-p { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 18px; border-top: 1px solid var(--border); background: #FBFCFD; }
.ia-sch .mr-mod-p .mr-az { padding: 0 16px; }


/* ---------- la cornice (le misure del programma, ridotte con scale; --k cambia con la finestra in app.css) ---------- */
.ia-sch{--sans:"Segoe UI Variable Text","Segoe UI",-apple-system,system-ui,Roboto,Helvetica,Arial,sans-serif;
        --accent:#137A43;--accent-scuro:#0C5C31;--accent-tenue:#E4F2E8;--ground:#F6F8FA;--surface:#FFFFFF;
        --ink:#182230;--muted:#667085;--faint:#98A2B3;--border:#E4E7EC;--border-forte:#D0D5DD;
        position:relative;overflow:hidden;border-radius:8px;background:#F4F8F5;
        width:calc(var(--w) * var(--k));height:calc(var(--h) * var(--k))}
.ia-sch-in{position:relative;width:var(--w);height:var(--h);transform:scale(var(--k));transform-origin:top left;font-family:var(--sans);color:var(--ink);line-height:normal;text-align:left;font-size:14px}
.ia-sch.home{--w:1100px;--h:710px;--k:.6}
.ia-sch.pannello{--w:440px;--h:790px;--k:.54;border-radius:6px}
/* nel programma ogni .razor.css è isolato; qui convive con app.css: le poche correzioni che servono */
.ia-sch p,.ia-sch li{text-align:left;-webkit-hyphens:manual;hyphens:manual}
.ia-sch .marchio{font-size:inherit;letter-spacing:normal;text-transform:none;color:inherit}
.ia-sch .voci{height:auto;grid-auto-rows:auto}
.ia-sch .corpo{row-gap:16px;align-content:normal}
.ia-sch svg.ico{background:none}
.ia-sch .app{height:100%}
.ia-sch .finestra{display:flex}
.ia-sch .laterale .chiudi{margin-top:6px;color:#F19E8E}
.ia-sch.solo .og{margin:0;height:100%}
.ia-sch.solo .rp-pan{top:0;bottom:0;box-shadow:none}
.ia-sch .ia-righe{display:grid;grid-template-columns:1.6fr 1fr .8fr .8fr;font-size:13px;color:#475467}
.ia-sch .ia-righe>div{padding:11px 14px;border-bottom:1px solid #F0F2F5;white-space:nowrap;overflow:hidden}
.ia-sch .ia-righe .h{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#F8F9FB}
.ia-sch .ia-righe .n{text-align:right}
.ia-sch button{font-family:inherit}