/* Preventivi Smart DEMO — barra, inviti al contatto e filigrana. */
:root{--demo-bar-h:46px;--demo-wa:#1fa855;--demo-wa-dark:#168a45;--demo-ink:#0d2a33;--demo-violet:#6b4de6}
body{padding-top:var(--demo-bar-h)}
aside{top:var(--demo-bar-h)!important}
.demo-bar{position:fixed;inset:0 0 auto 0;height:var(--demo-bar-h);z-index:900;display:flex;align-items:center;gap:12px;padding:0 16px;
 background:linear-gradient(90deg,#0d2a33,#123d4a 55%,#2a2f6b);color:#e8f3f5;font:500 13.5px/1.2 Inter,Segoe UI,Arial,sans-serif;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.demo-pill{background:linear-gradient(90deg,#18c3a5,#6b4de6);color:#fff;font-weight:800;letter-spacing:.08em;font-size:11px;padding:4px 8px;border-radius:999px}
.demo-bar-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-bar-actions{display:flex;align-items:center;gap:6px;flex:none}
.demo-link{background:none;border:0;color:#bfe9f0;font:inherit;cursor:pointer;text-decoration:none;padding:7px 9px;border-radius:8px}
.demo-link:hover{background:rgba(255,255,255,.08);color:#fff}
.demo-wa{display:inline-flex;align-items:center;gap:8px;background:var(--demo-wa);color:#fff!important;text-decoration:none;font-weight:700;border-radius:10px;padding:12px 18px;border:0;box-shadow:0 6px 16px rgba(31,168,85,.3);transition:transform .15s,background .15s}
.demo-wa:hover{background:var(--demo-wa-dark);transform:translateY(-1px)}
.demo-wa-small{padding:7px 12px;font-size:13px;box-shadow:none}
.demo-fab{position:fixed;right:18px;bottom:18px;z-index:899;display:flex;align-items:center;gap:8px;background:var(--demo-wa);color:#fff;text-decoration:none;font:700 14px Inter,Segoe UI,Arial,sans-serif;padding:13px 18px;border-radius:999px;box-shadow:0 10px 26px rgba(0,0,0,.22);animation:demo-pop .5s 1.5s both}
.demo-fab svg{width:22px;height:22px}
.demo-fab:hover{background:var(--demo-wa-dark)}
@keyframes demo-pop{from{transform:scale(.6) translateY(20px);opacity:0}to{transform:none;opacity:1}}
/* La progettazione a schermo pieno resta libera: il pulsante si nasconde. */
body:has(dialog[open]:not(.demo-cta)) .demo-fab{display:none}
dialog.demo-cta{border:0;border-radius:20px;padding:30px 30px 22px;max-width:460px;width:calc(100% - 32px);color:var(--demo-ink);box-shadow:0 30px 80px rgba(8,30,38,.35);font-family:Inter,Segoe UI,Arial,sans-serif;animation:demo-in .25s ease-out}
dialog.demo-cta::backdrop{background:rgba(8,30,38,.55);backdrop-filter:blur(2px)}
@keyframes demo-in{from{transform:translateY(14px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.demo-cta-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;background:linear-gradient(90deg,#0aa58f,#6b4de6);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}
.demo-cta h2{margin:0 0 10px;font-size:23px;line-height:1.2}
.demo-cta p{margin:0 0 14px;color:#4a5f67;line-height:1.5}
.demo-cta-points{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:7px}
.demo-cta-points li{padding-left:26px;position:relative;font-weight:600;font-size:14.5px}
.demo-cta-points li::before{content:"✓";position:absolute;left:0;top:-1px;width:19px;height:19px;border-radius:50%;background:#e2f6ef;color:#0a8f6b;font-size:12px;display:grid;place-items:center}
.demo-cta-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.demo-secondary,.demo-danger{border:1px solid #d5e0e4;background:#fff;color:var(--demo-ink);border-radius:10px;padding:12px 16px;font:600 14px Inter,Segoe UI,Arial,sans-serif;cursor:pointer}
.demo-danger{background:#c0392b;border-color:#c0392b;color:#fff}
.demo-cta small{color:#7a8c93}
.demo-cta-x{position:absolute;top:12px;right:14px;border:0;background:none;font-size:24px;line-height:1;color:#7a8c93;cursor:pointer}
.demo-cta-small{max-width:400px}
/* Funzioni della versione completa non presenti nella demo */
.platform-entry,#open-surveys,.demo-privacy-notice,aside [data-page="media"],aside [data-page="purchaseOrders"],aside [data-page="trash"],.logout-button,[data-action="survey"],[data-action="purchase-order"],[data-action="installation-report"],[data-action="email"],[data-action="email-quote"]{display:none!important}
/* Filigrana sui documenti stampati */
@media print{
 .demo-bar,.demo-fab{display:none!important}
 body{padding-top:0}
 #document-dialog::after{content:"DEMO · Creato con Preventivi Smart — rsa-system.it";position:fixed;left:0;right:0;bottom:6mm;text-align:center;font:600 9pt Inter,Arial,sans-serif;color:#6b4de6}
 #document-dialog::before{content:"DEMO";position:fixed;top:42%;left:0;right:0;text-align:center;font:900 140pt Inter,Arial,sans-serif;color:rgba(107,77,230,.07);transform:rotate(-28deg);z-index:9999;pointer-events:none}
}
@media (max-width:760px){
 :root{--demo-bar-h:52px}
 .demo-bar-text,.demo-bar .demo-wa-small{display:none}
 .demo-bar-actions{flex:1;justify-content:flex-end;white-space:nowrap}
 .demo-link{padding:7px 6px;font-size:13px}
 .demo-fab span{display:none}
 .demo-fab{padding:14px}
}