[data-mock]{--mock-ease-soft:cubic-bezier(.33, 1, .68, 1);--mock-ease-glide:cubic-bezier(.45, 0, .25, 1);position:relative}@keyframes mock-lift{0%{opacity:0;transform:translateY(14px)}}@keyframes mock-write{0%{opacity:0;clip-path:inset(0 100% 0 0)}40%{opacity:1}to{opacity:1;clip-path:inset(0)}}@keyframes mock-unfold{0%{opacity:0;clip-path:inset(0 0 100%)}30%{opacity:1}to{opacity:1;clip-path:inset(0)}}@keyframes mock-select{0%,to{opacity:0}25%,65%{opacity:.12}}@keyframes mock-resolve{0%{opacity:0}}@keyframes mock-working{0%,45%{opacity:1}to{opacity:0}}@keyframes mock-saving{0%,to{opacity:0}25%,65%{opacity:1}}@keyframes mock-select-fill{0%{background-color:#0000}}.mock-replay{z-index:2;border:1px solid var(--color-ink-200);background:var(--color-white);width:44px;height:44px;color:var(--color-ink-950);cursor:pointer;transition:transform var(--transition-duration-fast) var(--ease-out-expo), color var(--transition-duration-fast) var(--ease-out-expo);border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;bottom:8px;right:8px}.mock-replay:focus-visible{outline:2px solid var(--color-accent-600);outline-offset:3px}.mock-replay:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.mock-replay:hover{color:var(--color-accent-600);transform:rotate(-20deg)}}@media (prefers-reduced-motion:no-preference){[data-mock-interactive] .mock-replay{display:flex}[data-mock] [data-mock-part=summary-text]{display:inline-block}[data-mock] [data-mock-part=created-ticket]{position:relative}[data-mock] [data-mock-part=created-ticket]:after,[data-mock] [data-mock-event]:after{border:1px solid var(--color-accent-600);background:var(--color-accent-600);opacity:0;content:"";pointer-events:none;border-radius:4px;position:absolute;inset:-3px}[data-mock] [data-mock-event=review]:after{border-color:var(--color-brand-emerald);background:var(--color-brand-emerald)}[data-mock-idle] [data-mock-part=board],[data-mock-idle] [data-mock-part=request]{opacity:.65;transform:translateY(16px)scale(.98)}[data-mock-idle] [data-mock-part=ticket-form],[data-mock-idle] [data-mock-part=hour-bank],[data-mock-idle] [data-mock-part=activity],[data-mock-idle] [data-mock-part=review-status],[data-mock-idle] [data-mock-part=approved-estimate]{opacity:0}[data-mock-idle] [data-mock-part=used],[data-mock-idle] [data-mock-part=committed]{transform:scaleX(0)}[data-mock][data-mock-armed]:not([data-mock-idle]) [data-mock-part=board],[data-mock][data-mock-armed]:not([data-mock-idle]) [data-mock-part=request]{animation:mock-surface var(--transition-duration-move) var(--ease-out-expo) backwards}[data-mock][data-mock-armed]:not([data-mock-idle]) [data-mock-part=ticket-form]{transform-origin:85% 0;animation:mock-pop var(--transition-duration-reveal) var(--ease-out-expo) .22s backwards}[data-mock][data-mock-armed]:not([data-mock-idle]) [data-mock-part=project-field]{animation:mock-field var(--transition-duration-move) var(--ease-out-expo) .42s backwards}[data-mock][data-mock-armed]:not([data-mock-idle]) [data-mock-part=summary-field]{animation:mock-field var(--transition-duration-move) var(--ease-out-expo) .52s backwards}[data-mock] [data-mock-part=hour-bank] .promise-track>span[data-mock-part]{animation:none}[data-mock][data-mock-armed]:not([data-mock-idle]) [data-mock-part=summary-text]{animation:1.1s steps(42,end) .65s backwards mock-type}[data-mock][data-mock-armed]:not([data-mock-idle]) [data-mock-part=new-ticket-button]{animation:mock-press var(--transition-duration-fast) var(--ease-out-expo) .12s}[data-mock][data-mock-armed]:not([data-mock-idle]) [data-mock-part=create-button]{animation:mock-press var(--transition-duration-fast) var(--ease-out-expo) 1.95s}[data-mock][data-mock-armed]:not([data-mock-idle]) [data-mock-part=created-ticket]:after{animation:mock-highlight var(--transition-duration-reveal) var(--ease-out-expo) 2.1s}[data-mock][data-mock-armed]:not([data-mock-idle]) [data-mock-part=hour-bank]{animation:mock-bank var(--transition-duration-reveal) var(--ease-out-expo) .18s backwards}[data-mock][data-mock-armed]:not([data-mock-idle]) [data-mock-part=activity]{transform-origin:0;animation:mock-field var(--transition-duration-move) var(--ease-out-expo) var(--mock-delay) backwards}[data-mock][data-mock-armed]:not([data-mock-idle]) [data-mock-event]:after{animation:mock-highlight var(--transition-duration-reveal) var(--ease-out-expo) var(--mock-delay)}[data-mock][data-mock-armed]:not([data-mock-idle]) [data-mock-part=review-status]{animation:mock-badge var(--transition-duration-move) var(--ease-out-expo) 1.57s backwards}[data-mock][data-mock-armed]:not([data-mock-idle]) [data-mock-part=approved-estimate]{transform-origin:0;animation:mock-badge var(--transition-duration-move) var(--ease-out-expo) 1.67s backwards}[data-mock][data-mock-armed]:not([data-mock-idle]) [data-mock-part=used]{animation:mock-fill var(--transition-duration-reveal) var(--ease-out-expo) 1.45s backwards}[data-mock][data-mock-armed]:not([data-mock-idle]) [data-mock-part=committed]{animation:mock-fill var(--transition-duration-reveal) var(--ease-out-expo) 1.59s backwards}}@keyframes mock-surface{0%{opacity:.65;transform:translateY(16px)scale(.98)}}@keyframes mock-pop{0%{opacity:0;transform:translate(14px,-18px)scale(.88)}65%{opacity:1;transform:translateY(2px)scale(1.025)}to{opacity:1;transform:none}}@keyframes mock-bank{0%{opacity:0;transform:translateY(22px)scale(.9)}65%{opacity:1;transform:translateY(-3px)scale(1.018)}to{opacity:1;transform:none}}@keyframes mock-field{0%{opacity:0;transform:translate(-12px)scale(.97)}}@keyframes mock-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes mock-press{50%{transform:scale(.92)}}@keyframes mock-highlight{0%,to{opacity:0}25%{opacity:.14}}@keyframes mock-badge{0%{opacity:0;transform:scale(.65)}65%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:none}}@keyframes mock-fill{0%{transform:scaleX(0)}}@keyframes mock-fade{0%{opacity:0}}@keyframes mock-switch-knob{0%{transform:translate(-12px)}}@keyframes mock-switch-track{0%{background-color:var(--color-ink-200)}}
