.appr{border-radius:var(--radius-xl);background:var(--white);width:100%;max-width:380px;box-shadow:var(--shadow-sm);font-family:var(--font-body,inherit);transition:box-shadow var(--dur-base) var(--ease-standard);flex-direction:column;gap:12px;padding:16px;display:flex;position:relative}.appr.is-pulsing{animation:appr-pulse .6s var(--ease-standard)}@keyframes appr-pulse{0%{box-shadow:var(--shadow-sm), 0 0 0 0 color-mix(in srgb, var(--lime) 80%, transparent)}40%{box-shadow:var(--shadow-sm), 0 0 0 6px color-mix(in srgb, var(--lime) 55%, transparent)}to{box-shadow:var(--shadow-sm), 0 0 0 12px color-mix(in srgb, var(--lime) 0%, transparent)}}.appr__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.appr__title{color:var(--ink-dark);margin:0;font-size:13px;font-weight:700;line-height:1.3}.appr__status{border-radius:var(--radius-pill);letter-spacing:.02em;transition:background-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard);flex-shrink:0;align-items:center;gap:5px;padding:4px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.appr__status-dot{border-radius:var(--radius-pill);background:currentColor;width:6px;height:6px}.appr__status--review{background:var(--status-pending-soft);color:var(--status-pending-ink)}.appr__status--approved{background:var(--status-scheduled-soft);color:var(--status-scheduled-ink)}.appr__steps{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.appr__step{align-items:center;gap:4px;min-width:0;display:inline-flex}.appr__step:not(:last-child):after{content:"";border-radius:var(--radius-pill);background:var(--neutral-200);flex-shrink:0;width:8px;height:1.5px;margin-left:2px}.appr__step-dot{border-radius:var(--radius-pill);width:16px;height:16px;transition:background-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard);flex-shrink:0;place-items:center;font-size:8.5px;font-weight:700;display:grid}.appr__step-dot svg{width:10px;height:10px}.appr__step-label{white-space:nowrap;transition:color var(--dur-base) var(--ease-standard);font-size:9.5px;font-weight:600}.appr__step--done .appr__step-dot{background:var(--status-scheduled);color:var(--white)}.appr__step--done .appr__step-label{color:var(--status-scheduled-ink)}.appr__step--current .appr__step-dot{background:var(--purple-500);color:var(--white)}.appr__step--current .appr__step-label{color:var(--purple-500)}.appr__step--todo .appr__step-dot{background:var(--neutral-100);color:var(--neutral-600)}.appr__step--todo .appr__step-label{color:var(--neutral-600)}.appr__step--done .appr__step-label,.appr__step--todo .appr__step-label{display:none}.appr__card{border-radius:var(--radius-lg);border:1px solid var(--neutral-100);background:var(--neutral-50);transition:border-color var(--dur-base) var(--ease-standard), background-color var(--dur-base) var(--ease-standard);padding:12px;position:relative}.appr__card.is-approved{border-color:var(--status-scheduled-soft);background:var(--green-25,var(--neutral-50))}.appr__card-head{align-items:center;gap:7px;margin-bottom:5px;display:flex}.appr__tag{border-radius:var(--radius-sm);background:var(--pink-500,var(--purple-500));color:var(--white);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700}.appr__card-title{color:var(--ink-dark);min-width:0;font-size:12.5px;font-weight:700;line-height:1.25}.appr__card-body{color:var(--neutral-700);margin:0;font-size:11.5px;line-height:1.45}.appr__check{border-radius:var(--radius-pill);background:var(--status-scheduled);width:22px;height:22px;color:var(--white);opacity:0;transition:opacity var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard);flex-shrink:0;place-items:center;margin-left:auto;display:grid;transform:scale(.6)}.appr__check svg{width:14px;height:14px}.appr__check-path{stroke-dasharray:26;stroke-dashoffset:26px;transition:stroke-dashoffset .36s var(--ease-standard) .12s}.appr__card.is-approved .appr__check{opacity:1;transform:scale(1)}.appr__card.is-approved .appr__check-path{stroke-dashoffset:0}.appr__reactions{align-items:center;gap:6px;min-height:22px;margin-top:8px;display:flex}.appr__react-label{color:var(--neutral-600);font-size:9.5px;font-weight:600}.appr__react-avatars{display:flex}.appr__react-avatars .appr__avatar{border:1.5px solid var(--white);margin-left:-6px}.appr__react-avatars .appr__avatar:first-child{margin-left:0}.appr__avatar{border-radius:var(--radius-pill);background:var(--purple-500);width:22px;height:22px;color:var(--white);letter-spacing:.02em;flex-shrink:0;place-items:center;font-size:8.5px;font-weight:700;display:grid}.appr__avatar--react{animation:appr-pop .26s var(--ease-standard) both}@keyframes appr-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.appr__thread{flex-direction:column;gap:8px;display:flex}.appr__comment{border-radius:var(--radius-md);background:var(--neutral-50);align-items:flex-start;gap:8px;padding:8px;display:flex}.appr__comment .appr__avatar{background:var(--neutral-600)}.appr__comment-body{min-width:0}.appr__comment-author{color:var(--ink-dark);margin-bottom:1px;font-size:10.5px;font-weight:700;display:block}.appr__comment-text{color:var(--neutral-700);margin:0;font-size:11px;line-height:1.4}.appr__comment.just-landed{animation:appr-comment-in .36s var(--ease-standard) both}@keyframes appr-comment-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.appr__actions{gap:8px;margin-top:2px;display:flex}.appr__btn{border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);border:1px solid #0000;align-items:center;gap:5px;padding:7px 11px;font-family:inherit;font-size:11.5px;font-weight:600;display:inline-flex}.appr__btn:active{transform:scale(.97)}.appr__btn-icon{width:13px;height:13px}.appr__btn--approve{background:var(--status-scheduled);color:var(--white)}.appr__btn--approve:hover:not(:disabled){background:var(--status-scheduled-ink)}.appr__btn--approve:disabled{background:var(--status-scheduled-soft);color:var(--status-scheduled-ink);cursor:default}.appr__btn--changes{background:var(--white);color:var(--neutral-700);border-color:var(--neutral-200)}.appr__btn--changes:hover:not(:disabled){background:var(--neutral-50);color:var(--ink-dark)}.appr__btn:focus-visible{outline:2px solid var(--purple-500);outline-offset:2px}.appr__sr-live{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.appr.is-pulsing{animation:none}.appr__check,.appr__check-path,.appr__card,.appr__status,.appr__step-dot,.appr__step-label,.appr__btn{transition:none}.appr__avatar--react,.appr__comment.just-landed{animation:none}}