.schermo{max-width:480px;padding:var(--s-6) var(--s-4);padding-bottom:calc(var(--s-8) + env(safe-area-inset-bottom));padding-top:calc(var(--s-6) + env(safe-area-inset-top));margin:0 auto}.testata{align-items:center;gap:var(--s-4);margin-bottom:var(--s-6);display:flex}.marchio{background:var(--ink);width:52px;height:52px;color:var(--surface);border-radius:var(--r-md);font-size:var(--t-lg);flex:none;place-items:center;font-weight:600;display:grid}h1{font-size:var(--t-lg);letter-spacing:-.02em;margin:0;font-weight:600}.sottotitolo{color:var(--muted);font-size:var(--t-sm);margin:2px 0 0}.card{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-card);padding:var(--s-5);margin-bottom:var(--s-4)}.etichetta{margin:0 0 var(--s-4);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.riga{align-items:baseline;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--line);display:flex}.riga:last-of-type{border-bottom:none;padding-bottom:0}.riga__nome{font-weight:500}.riga__valore{text-align:right;color:var(--muted);font-size:var(--t-xs);margin-left:auto}.pallino{font-size:11px;line-height:1}.pallino--ok{color:var(--owed)}.pallino--errore{color:var(--danger)}.pallino--attesa{color:var(--muted)}.dettaglio{margin:var(--s-4) 0 0;padding:var(--s-3);background:var(--paper);border-radius:var(--r-sm);color:var(--muted);font-size:var(--t-xs)}.dettaglio code{font-family:var(--font-num);color:var(--ink)}.bottone{width:100%;padding:var(--s-4);background:var(--ink);color:var(--surface);font-size:var(--t-md);border-radius:var(--r-full);font-weight:600;transition:opacity .12s}.bottone:active{opacity:.7}.nota{margin:var(--s-5) 0 0;text-align:center;color:var(--muted);font-size:var(--t-xs)}:root{--paper:#f4f4f8;--surface:#fff;--ink:#17162a;--muted:#74738c;--line:#e7e6ef;--owe:#5b57e8;--owed:#12a594;--danger:#d93f3f;--r-xs:10px;--r-sm:14px;--r-md:20px;--r-lg:28px;--r-full:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-num:ui-monospace, "SF Mono", Menlo, monospace;--t-xl:32px;--t-lg:24px;--t-md:17px;--t-sm:15px;--t-xs:13px;--shadow-card:0 1px 2px #17162a0a, 0 8px 24px #17162a0a}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-ui);font-size:var(--t-md);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;line-height:1.45}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}:focus-visible{outline:2px solid var(--owe);outline-offset:2px;border-radius:var(--r-xs)}button{font:inherit;color:inherit;cursor:pointer;border-radius:var(--r-full);border:none;min-width:44px;min-height:44px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}