.approvals-mock{--approvals-line:#e5e7eb;--approvals-subtle:#6b7280;--approvals-muted:#a3a3a3;--approvals-count-bg:#e5e7eb;--approvals-footer-bg:#fafafa;--approvals-pending-bg:#fffbeb;--approvals-pending-text:#b45309;--approvals-approved-bg:#f0fdf4;--approvals-approved-text:#15803d;--approvals-step-pending-border:#d4d4d4;--approvals-step-pending-bg:#f5f5f5;--approvals-active-border:oklch(62.3% 0.214 259.815);--approvals-active-bg:oklch(97% 0.014 254.604);--approvals-active-pulse:oklch(70.7% 0.165 254.624);--approvals-complete:oklch(72.3% 0.219 149.579);--approvals-label:#404040;display:flex;flex-direction:column}@media (prefers-color-scheme:dark){.approvals-mock{--approvals-line:#3f3f46;--approvals-subtle:#a1a1aa;--approvals-muted:#71717a;--approvals-count-bg:#3f3f46;--approvals-footer-bg:rgba(39,39,42,0.5);--approvals-pending-bg:rgba(180,83,9,0.15);--approvals-pending-text:#fbbf24;--approvals-approved-bg:rgba(21,128,61,0.15);--approvals-approved-text:#4ade80;--approvals-step-pending-border:#52525b;--approvals-step-pending-bg:#27272a;--approvals-active-border:oklch(70.7% 0.165 254.624);--approvals-active-bg:color-mix(in srgb,oklch(70.7% 0.165 254.624) 15%,#27272a);--approvals-label:#d4d4d4}}.approvals-mock_top-bar{display:flex;justify-content:flex-end;padding-bottom:12px;animation:approvals-mock-fade .6s ease both}.approvals-mock_request{height:28px;padding:0 10px;gap:6px;font-size:12px}.approvals-mock_card{overflow:hidden;border:1px solid var(--approvals-line);border-radius:8px;background:var(--mock-card);box-shadow:0 1px 3px rgba(0,0,0,.06)}.approvals-mock_header{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--approvals-line)}.approvals-mock_title{font-size:14px;font-weight:600}.approvals-mock_subtitle{margin-top:3px;color:var(--approvals-subtle);font-size:12px}.approvals-mock_badge{flex:none;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;transition:background-color .4s ease,color .4s ease}.approvals-mock_badge--pending{background:var(--approvals-pending-bg);color:var(--approvals-pending-text)}.approvals-mock_badge--approved{background:var(--approvals-approved-bg);color:var(--approvals-approved-text)}.approvals-mock_timeline{display:flex;align-items:flex-start;justify-content:center;padding:22px 16px;border-bottom:1px solid var(--approvals-line)}.approvals-mock_step-wrapper{display:flex;flex:none;align-items:flex-start}.approvals-mock_step{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px}.approvals-mock_circle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid var(--approvals-step-pending-border);border-radius:50%;background:var(--approvals-step-pending-bg);transition:all .4s ease}.approvals-mock_step--active .approvals-mock_circle{border-color:var(--approvals-active-border);background:var(--approvals-active-bg)}.approvals-mock_step--completed .approvals-mock_circle{border-color:var(--approvals-complete);background:var(--approvals-complete);color:#ffffff}.approvals-mock_check{font-size:14px;line-height:1}.approvals-mock_pulse{width:8px;height:8px;border-radius:50%;background:var(--approvals-active-pulse);animation:approvals-mock-pulse 1.5s ease-in-out infinite}.approvals-mock_step-label{max-width:100px;color:var(--approvals-label);font-size:12px;font-weight:500;line-height:1.3;text-align:center}.approvals-mock_connector{flex:none;width:40px;height:2px;margin-top:16px;background:var(--approvals-step-pending-border);transition:background-color .4s ease}.approvals-mock_connector--completed{background:var(--approvals-complete)}.approvals-mock_toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--approvals-line)}.approvals-mock_toggle:last-child{border-bottom:0}.approvals-mock_chevron{display:inline-block;width:12px;color:#9ca3af;font-size:10px}.approvals-mock_chevron--open{transform:rotate(90deg)}.approvals-mock_toggle-label{color:var(--approvals-subtle);font-size:12px;font-weight:500}.approvals-mock_count{padding:1px 6px;border-radius:999px;background:var(--approvals-count-bg);color:var(--approvals-subtle);font-size:10px;font-weight:600}.approvals-mock_responses{padding:0 16px 12px;border-bottom:1px solid var(--approvals-line)}.approvals-mock_row{display:grid;grid-template-columns:180px 110px 110px 1fr;align-items:center;padding:8px;border-bottom:1px solid color-mix(in srgb,var(--approvals-line) 60%,transparent);font-size:11px}.approvals-mock_row--head{padding:6px 8px;border-bottom-color:var(--approvals-line);color:var(--approvals-subtle);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.approvals-mock_approver{font-size:14px;font-weight:500}.approvals-mock_pill{display:inline-flex;padding:2px 8px;border-radius:999px;background:var(--mock-muted);color:var(--mock-subtle);font-size:10px;font-weight:600}.approvals-mock_pill--approved{background:var(--approvals-approved-bg);color:var(--approvals-approved-text)}.approvals-mock_muted{overflow:hidden;color:var(--approvals-muted);white-space:nowrap;text-overflow:ellipsis}.approvals-mock_footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px 16px;background:var(--approvals-footer-bg);font-size:12px}.approvals-mock_text-button{padding:4px 8px;color:var(--approvals-subtle);font-weight:500}.approvals-mock_approve,.approvals-mock_reject{padding:4px 14px;border-radius:6px;color:#ffffff;font-weight:600}.approvals-mock_reject{background:#ef4444}.approvals-mock_approve{background:#22c55e}@keyframes approvals-mock-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}@keyframes approvals-mock-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.approvals-mock_pulse,.approvals-mock_top-bar{animation:none}}