/* ========================================================================== TaxAi / AllTax — Demo Avatar: stili demo mode Standard cross-suite AgileHub `product-demo-protocol` v1.0.1 §4.6 Attivi solo quando ha la classe .demo-mode (aggiunta da demo-mode.js). ========================================================================== */ /* Banner fisso "Demo guidata — dati fittizi" */ body.demo-mode { padding-top: 34px !important; } body.demo-mode::before { content: '\1F6E1\FE0F Demo guidata — dati fittizi (Comune dimostrativo Valdemo)'; display: block; position: fixed; top: 0; left: 0; right: 0; z-index: 100000; background: linear-gradient(90deg, #06B6D4, #3B82F6); color: #fff; padding: 8px 16px; text-align: center; font-weight: 600; font-size: 13px; letter-spacing: 0.2px; box-shadow: 0 1px 4px rgba(0,0,0,0.15); } /* Elementi nascosti in demo mode (export reali, logout, billing, admin, share) */ body.demo-mode #btn-export-pdf, body.demo-mode #btn-import-csv-real, body.demo-mode #logout-btn, body.demo-mode .user-menu, body.demo-mode .share-button, body.demo-mode .admin-link, body.demo-mode .billing-link, body.demo-mode #feedback-fab, body.demo-mode #mvp-info-bar { display: none !important; } /* ----------------------------- Highlight ---------------------------------- */ body.demo-mode .demo-highlight-pulse-blue { animation: demoHighlightPulse 1.2s ease-in-out infinite; position: relative; z-index: 100; } @keyframes demoHighlightPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.45); } 50% { box-shadow: 0 0 0 16px rgba(59, 130, 246, 0); } } body.demo-mode .demo-highlight-halo { outline: 3px solid #3B82F6; outline-offset: 4px; border-radius: 8px; transition: outline 200ms ease; } body.demo-mode .demo-highlight-flash { animation: demoHighlightFlash 0.6s ease-in-out 2; } @keyframes demoHighlightFlash { 0%, 100% { background-color: transparent; } 50% { background-color: rgba(59, 130, 246, 0.18); } } body.demo-mode .demo-highlight-underline { box-shadow: inset 0 -3px 0 0 #3B82F6; } body.demo-mode .demo-highlight-outline-red { outline: 3px solid #ef4444; outline-offset: 3px; border-radius: 8px; } /* --------------------------- Overlay testo -------------------------------- */ .demo-overlay-text { position: fixed; left: 50%; transform: translateX(-50%); z-index: 100001; background: rgba(17, 24, 39, 0.92); color: #fff; padding: 10px 18px; border-radius: 10px; font-size: 14px; font-weight: 500; max-width: 80vw; text-align: center; box-shadow: 0 6px 24px rgba(0,0,0,0.25); display: none; } .demo-overlay-text[data-pos="bottom"] { bottom: 24px; } .demo-overlay-text[data-pos="top"] { top: 48px; } .demo-overlay-text[data-pos="center"] { top: 50%; transform: translate(-50%, -50%); }