/* Klepsia · widget "Segnala problema" (overlay additivo, vedi bugreport.js). Self-contained, prefisso .kbug-* per non collidere col bundle React. */ /* Il widget è iniettato a livello , che NON ha font-family (la imposta solo il root React) → senza questo erediterebbe il serif di default del browser. */ .kbug-fab, .kbug-ov, .kbug-toast{ font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; } :root{ --kbug-navy:#15223C; --kbug-navy2:#1d2f50; --kbug-green:#3DCB9A; --kbug-green-d:#2faa80; --kbug-ink:#16203a; --kbug-mut:#6b7689; --kbug-line:#e3e8ef; --kbug-red:#e5484d; --kbug-amber:#f5a623; } /* Pulsante flottante */ .kbug-fab{ position:fixed; right:16px; bottom:16px; z-index:99980; display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; letter-spacing:-.01em; color:#fff; background:linear-gradient(135deg,var(--kbug-navy),var(--kbug-navy2)); border:1px solid rgba(255,255,255,.14); border-radius:999px; padding:10px 15px; cursor:pointer; box-shadow:0 10px 26px -12px rgba(21,34,60,.6); -webkit-tap-highlight-color:transparent; transition:transform .12s ease, box-shadow .12s ease, opacity .2s ease; } .kbug-fab:hover{ transform:translateY(-1px); box-shadow:0 14px 30px -12px rgba(21,34,60,.7); } .kbug-fab:active{ transform:translateY(0); } .kbug-fab svg{ flex-shrink:0; } .kbug-fab .kbug-lbl{ white-space:nowrap; } @media (max-width:520px){ .kbug-fab{ bottom:calc(16px + env(safe-area-inset-bottom,0px)); padding:11px; } .kbug-fab .kbug-lbl{ display:none; } /* solo icona su mobile, non copre i contenuti */ } /* Overlay + scheda */ .kbug-ov{ position:fixed; inset:0; z-index:99990; display:none; background:rgba(15,22,40,.5); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); align-items:flex-end; justify-content:center; padding:0; } .kbug-ov.kbug-show{ display:flex; } @media (min-width:560px){ .kbug-ov{ align-items:center; padding:16px; } } .kbug-card{ background:#fff; color:var(--kbug-ink); width:100%; max-width:480px; border-radius:18px 18px 0 0; padding:18px 18px 16px; box-shadow:0 -20px 50px -20px rgba(0,0,0,.4); max-height:92vh; overflow:auto; animation:kbug-up .18s ease; } @media (min-width:560px){ .kbug-card{ border-radius:18px; animation:kbug-pop .16s ease; } } @keyframes kbug-up{ from{ transform:translateY(24px); opacity:.6 } to{ transform:none; opacity:1 } } @keyframes kbug-pop{ from{ transform:scale(.97); opacity:.6 } to{ transform:none; opacity:1 } } .kbug-head{ display:flex; align-items:center; gap:10px; margin-bottom:4px; } .kbug-head .kbug-ic{ width:34px;height:34px;border-radius:10px;background:#eef1f5;display:grid;place-items:center;color:var(--kbug-navy);flex-shrink:0 } .kbug-head h3{ margin:0; font-size:16.5px; font-weight:800; letter-spacing:-.02em; flex:1 } .kbug-x{ border:none;background:transparent;color:var(--kbug-mut);cursor:pointer;padding:6px;border-radius:8px;line-height:0 } .kbug-x:hover{ background:#f1f4f8; color:var(--kbug-ink) } .kbug-sub{ font-size:12.5px; color:var(--kbug-mut); margin:0 0 14px; line-height:1.4 } .kbug-l{ display:block; font-size:12px; font-weight:700; color:var(--kbug-mut); margin:12px 0 6px; } .kbug-card input[type=text], .kbug-card textarea{ width:100%; font:inherit; font-size:14px; color:var(--kbug-ink); padding:11px 12px; border:1.5px solid var(--kbug-line); border-radius:11px; background:#fff; outline:none; resize:vertical; } .kbug-card input[type=text]:focus, .kbug-card textarea:focus{ border-color:var(--kbug-green); } .kbug-card textarea{ min-height:96px; line-height:1.45; } /* Chip severità (niente