/* SPI public carbon-copy preview — demo-only overrides. No Production module source is modified. */
html[data-demo-preview="true"] .preview-banner{border-color:rgba(53,215,241,.26);background:linear-gradient(100deg,rgba(53,215,241,.075),rgba(179,147,255,.06));}
html[data-demo-preview="true"] .preview-banner strong{color:var(--cyan);letter-spacing:.08em;margin-right:5px}
html[data-demo-preview="true"] .preview-banner .text-button{margin-left:auto;white-space:nowrap}
html[data-demo-preview="true"] .side-bottom .preview-status b{color:var(--cyan)}
html[data-demo-preview="true"] [data-demo-blocked][disabled]{opacity:.72;cursor:not-allowed}
html[data-demo-preview="true"] .demo-import-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:10px}
html[data-demo-preview="true"] .demo-import-file{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--panel-alt);margin:14px 0}
html[data-demo-preview="true"] .demo-import-file b{display:block;color:var(--ink)}
html[data-demo-preview="true"] .demo-import-file small{display:block;color:var(--muted);margin-top:3px}
html[data-demo-preview="true"] .demo-import-success{border-color:rgba(91,225,181,.32);background:rgba(91,225,181,.07)}
html[data-demo-preview="true"] .demo-reset-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:11px}
html[data-demo-preview="true"] .tally-head-art img,html[data-demo-preview="true"] .tally-launcher-art img{width:100%;height:100%;object-fit:contain}
html[data-demo-preview="true"] .demo-tally-actions{display:flex;gap:10px;padding:14px 18px 18px;flex-wrap:wrap}
html[data-demo-preview="true"] .demo-tally-actions .button{text-decoration:none;text-align:center}
html[data-demo-preview="true"] .demo-row-source{display:block;margin-top:3px;color:var(--muted);font-size:10px}
html[data-demo-preview="true"] .import-status-pill{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:11px;font-weight:800}
html[data-demo-preview="true"] .import-status-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(91,225,181,.55)}
@media(max-width:720px){html[data-demo-preview="true"] .preview-banner{align-items:flex-start}html[data-demo-preview="true"] .preview-banner .text-button{margin-left:0}}

/* P55B SPI preview parity repairs. */
html[data-demo-preview="true"] #tallyDock .tally-launcher{position:relative;overflow:visible}
html[data-demo-preview="true"] #tallyDock .tally-launcher .sparkles{position:absolute;inset:0;pointer-events:none;overflow:visible}
html[data-demo-preview="true"] #tallyDock .tally-launcher .sparkles i{font-style:normal;font-size:12px;position:absolute;color:#a17eff;text-shadow:0 0 8px rgba(118,224,255,.6);opacity:.55}
html[data-demo-preview="true"] #tallyDock .tally-launcher .sparkles i:nth-child(1){left:8%;top:1%;color:var(--cyan)}
html[data-demo-preview="true"] #tallyDock .tally-launcher .sparkles i:nth-child(2){left:43%;top:9%}
html[data-demo-preview="true"] #tallyDock .tally-launcher .sparkles i:nth-child(3){right:8%;top:2%;color:var(--pink)}
html[data-demo-preview="true"] #tallyDock .tally-launcher .sparkles i:nth-child(4){left:23%;bottom:1%}
html[data-demo-preview="true"] #tallyDock .tally-launcher .sparkles i:nth-child(5){right:27%;bottom:3%;color:var(--cyan)}
html[data-demo-preview="true"] .rate-config-card .definition-list,html[data-demo-preview="true"] .bonus-config-card .definition-list{margin-bottom:0}
html[data-demo-preview="true"] .timeline{padding-top:4px}
html[data-demo-preview="true"] .calendar-day{cursor:pointer}
html[data-demo-preview="true"] .calendar-day.outside{pointer-events:none}


/* P55D demo usability parity. */
html[data-demo-preview="true"] :is([data-demo-blocked],[data-action="new-period"],[data-action="edit-company"],[data-action="export"]){opacity:.42!important;filter:saturate(.35) grayscale(.12);box-shadow:none!important;animation:none!important;cursor:not-allowed!important;}
html[data-demo-preview="true"] :is([data-demo-blocked],[data-action="new-period"],[data-action="edit-company"],[data-action="export"])::before{animation:none!important;opacity:.16!important;}
html[data-demo-preview="true"] .button:is([data-demo-blocked],[data-action="new-period"],[data-action="edit-company"],[data-action="export"]){background:var(--surface-3)!important;border-color:var(--line)!important;color:var(--muted)!important;text-shadow:none!important;}
html[data-demo-preview="true"] #importServiceData{opacity:1!important;filter:none!important;cursor:pointer!important;}