.opscel-mockup{--bg:#fff;--surf:#f7f9fb;--card:#fff;--ink:#141619;--ink2:#586070;--line:#e1e5ea;--chip:#f1f3f5;--ok-bg:#e4f3e9;--ok-ink:#15803d;--warn-bg:#fbf0d9;--warn-ink:#8a5a00;--bad-bg:#fbe6e4;--bad-ink:#b42318;--due-bg:#e4eff7;--due-ink:#045985;--gold:#e5a800;--stage:#efedf9;--on-accent:#fff;--accent:#026a9f;--link:#026a9f;--link-h:#014b71;color:var(--ink);background:var(--surf)}.opscel-mockup button{font-family:inherit;cursor:pointer}.opscel-mockup .mono{font-family:var(--mockup-font-mono,ui-monospace,monospace)}.opscel-mockup .hd{font-family:var(--mockup-font-heading,sans-serif);text-transform:uppercase;letter-spacing:.06em}.opscel-mockup a{color:var(--link)}.opscel-mockup a:hover{color:var(--link-h)}.opscel-mockup .defect-mockup{--scrim:rgba(20,22,25,.55)}.opscel-mockup .defect-mockup :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.opscel-mockup .defect-photo-tile{background:repeating-linear-gradient(135deg,var(--chip) 0 6px,var(--line) 6px 7px)}@media (prefers-reduced-motion:no-preference){.opscel-mockup .defect-anim-rise{animation:defect-rise .18s ease}.opscel-mockup .defect-anim-fade{animation:defect-fade .15s ease}}@keyframes defect-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes defect-fade{0%{opacity:0}to{opacity:1}}.opscel-mockup .rams-mockup :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.opscel-mockup .rams-mockup button:disabled{cursor:not-allowed;opacity:.55}.opscel-mockup .rams-mockup .rams-inert{cursor:default}@media (prefers-reduced-motion:no-preference){.opscel-mockup .rams-mockup .rams-anim-fade{animation:rams-fade .15s ease}}@keyframes rams-fade{0%{opacity:0}to{opacity:1}}