.saas-approval-detail{gap:var(--saas-space-md);padding:var(--saas-space-lg);min-inline-size:0;display:grid}.saas-approval-detail__head{gap:var(--saas-space-xs);display:grid}.saas-approval-detail__kicker{align-items:center;gap:var(--saas-space-sm);color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);font-weight:600;display:inline-flex}.saas-approval-detail__kicker .saas-approvals__kind{border-radius:var(--saas-radius-sm);block-size:28px;inline-size:28px}.saas-approval-detail__title{color:var(--saas-text-primary);font-size:var(--saas-font-title);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.3}.saas-approval-detail__tags{gap:var(--saas-space-xs);flex-wrap:wrap;display:flex}.saas-approval-detail__tags .saas-approvals__pill{justify-self:start}.saas-approval-detail__actions{gap:var(--saas-space-sm);grid-template-columns:1fr 1fr;display:grid}.saas-approval-detail__decide{justify-content:center;align-items:center;gap:var(--saas-space-xs);min-block-size:44px;padding-inline:var(--saas-space-md);border-radius:var(--saas-radius-md);color:var(--saas-on-accent);font:inherit;font-size:var(--saas-font-body);cursor:pointer;transition:filter var(--saas-motion-micro) var(--saas-ease-standard), transform var(--saas-motion-micro) var(--saas-ease-standard);border:0;font-weight:700;display:inline-flex}.saas-approval-detail__decide[data-tone=danger]{background:var(--saas-status-danger-fill)}.saas-approval-detail__decide[data-tone=success]{background:var(--saas-status-success-fill)}.saas-approval-detail__decide:hover{filter:brightness(1.08)}.saas-approval-detail__decide:active{transform:translateY(1px)}.saas-approval-detail__decide:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-approval-detail__standing{padding:var(--saas-space-sm) var(--saas-space-md);border-inline-start:3px solid var(--saas-approvals-ink);border-radius:var(--saas-radius-sm);background:var(--saas-approvals-wash);color:var(--saas-text-primary);font-size:var(--saas-font-body);margin:0}.saas-approval-detail__progress{gap:var(--saas-space-xs);display:grid}.saas-approval-detail__progress-label{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);font-weight:600}.saas-approval-detail__segments{gap:var(--saas-space-2xs);display:flex}.saas-approval-detail__segment{border-radius:var(--saas-radius-full);background:var(--saas-border-default);flex:1;block-size:6px}.saas-approval-detail__segment[data-state=done]{background:var(--saas-status-success-fill)}.saas-approval-detail__segment[data-state=current]{background:var(--saas-status-warning-fill)}.saas-approval-detail__segment[data-state=rejected]{background:var(--saas-status-danger-fill)}.saas-approval-detail__facts-wrap{gap:var(--saas-space-sm);display:grid}.saas-approval-detail__summary{padding:var(--saas-space-sm) var(--saas-space-md);border-radius:var(--saas-radius-md);background:var(--saas-brand-subtle);color:var(--saas-text-primary);font-size:var(--saas-font-reading);margin:0;line-height:1.5}.saas-approval-detail__facts{margin:0;display:grid}.saas-approval-detail__fact{gap:var(--saas-space-md);padding:var(--saas-space-sm);border-radius:var(--saas-radius-sm);grid-template-columns:120px minmax(0,1fr);display:grid}.saas-approval-detail__fact:nth-child(odd){background:var(--saas-bg-sunken)}.saas-approval-detail__fact dt{color:var(--saas-text-secondary);font-size:var(--saas-font-body)}.saas-approval-detail__fact dd{color:var(--saas-text-primary);font-size:var(--saas-font-body);overflow-wrap:anywhere;margin:0;font-weight:600}.saas-approval-detail__steps{gap:var(--saas-space-lg);margin:0;padding:0;list-style:none;display:grid}.saas-approval-detail__step{--saas-approval-step-ink:var(--saas-text-secondary);--saas-approval-step-wash:var(--saas-status-neutral-subtle);align-items:start;gap:var(--saas-space-sm);padding:var(--saas-space-sm) var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.saas-approval-detail__step[data-state=done]{--saas-approval-step-ink:var(--saas-status-success);--saas-approval-step-wash:var(--saas-status-success-subtle)}.saas-approval-detail__step[data-state=rejected]{--saas-approval-step-ink:var(--saas-status-danger);--saas-approval-step-wash:var(--saas-status-danger-subtle)}.saas-approval-detail__step[data-state=current]{--saas-approval-step-ink:var(--saas-status-warning);--saas-approval-step-wash:var(--saas-status-warning-subtle);border-color:var(--saas-status-warning-fill);box-shadow:0 0 0 3px var(--saas-status-warning-subtle)}.saas-approval-detail__step[data-state=skipped],.saas-approval-detail__step[data-state=upcoming]{border-style:dashed}.saas-approval-detail__step[data-state=skipped]{opacity:.6}.saas-approval-detail__step+.saas-approval-detail__step:before{content:"";inline-size:2px;block-size:calc(var(--saas-space-lg) - 4px);background:var(--saas-border-strong);position:absolute;inset-block-start:calc(-1 * var(--saas-space-lg) - 1px);inset-inline-start:33px}.saas-approval-detail__step+.saas-approval-detail__step:after{content:"";border-inline:5px solid #0000;border-block-start:6px solid var(--saas-border-strong);position:absolute;inset-block-start:-6px;inset-inline-start:29px}.saas-approval-detail__step-icon{border-radius:var(--saas-radius-md);background:var(--saas-approval-step-wash);block-size:36px;inline-size:36px;color:var(--saas-approval-step-ink);place-items:center;display:inline-grid}.saas-approval-detail__step-body{gap:2px;min-inline-size:0;display:grid}.saas-approval-detail__step-title{color:var(--saas-text-primary);font-size:var(--saas-font-body);font-weight:700}.saas-approval-detail__step-sub{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm)}.saas-approval-detail__step-note{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);overflow-wrap:anywhere}.saas-approval-detail__step-tag{padding:2px var(--saas-space-sm);border-radius:var(--saas-radius-sm);background:var(--saas-approval-step-wash);color:var(--saas-approval-step-ink);font-size:var(--saas-font-body-sm);white-space:nowrap;font-weight:700}.saas-approval-detail__trail{margin:0;padding:0;list-style:none;display:grid}.saas-approval-detail__event{gap:var(--saas-space-md);--saas-approvals-ink:var(--saas-status-info-fill);grid-template-columns:64px 18px minmax(0,1fr);padding-block-end:var(--saas-space-md);display:grid;position:relative}.saas-approval-detail__event[data-tone=success]{--saas-approvals-ink:var(--saas-status-success-fill)}.saas-approval-detail__event[data-tone=danger]{--saas-approvals-ink:var(--saas-status-danger-fill)}.saas-approval-detail__event[data-tone=neutral]{--saas-approvals-ink:var(--saas-text-secondary)}.saas-approval-detail__event[data-tone=pending]{--saas-approvals-ink:var(--saas-status-warning-fill)}.saas-approval-detail__event:not(:last-child):before{content:"";background:var(--saas-border-strong);inline-size:2px;position:absolute;inset-block:22px 0;inset-inline-start:calc(64px + var(--saas-space-md) + 8px)}.saas-approval-detail__event-time{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);justify-items:end;font-weight:600;display:grid}.saas-approval-detail__event-time span{color:var(--saas-text-secondary);font-weight:500}.saas-approval-detail__event-dot{border:3px solid var(--saas-bg-surface);border-radius:var(--saas-radius-full);background:var(--saas-approvals-ink);block-size:14px;inline-size:14px;box-shadow:0 0 0 2px var(--saas-approvals-ink);justify-self:center;margin-block-start:4px}.saas-approval-detail__event[data-tone=pending] .saas-approval-detail__event-dot{background:var(--saas-bg-surface)}.saas-approval-detail__event-body{gap:2px;min-inline-size:0;display:grid}.saas-approval-detail__event-what{color:var(--saas-text-primary);font-size:var(--saas-font-body);font-weight:600}.saas-approval-detail__event-who{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm)}.saas-approval-detail__event-note{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);overflow-wrap:anywhere;font-style:italic}.saas-approval-detail__open{justify-content:center;align-items:center;gap:var(--saas-space-xs);border-radius:var(--saas-radius-md);background:var(--saas-brand-primary);min-block-size:44px;color:var(--saas-brand-on-primary);font-size:var(--saas-font-body);box-shadow:0 0 0 4px var(--saas-brand-glow);transition:background-color var(--saas-motion-micro) var(--saas-ease-standard);font-weight:700;text-decoration:none;display:inline-flex}.saas-approval-detail__open:hover{background:var(--saas-brand-primary-hover)}.saas-approval-detail__open:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}[dir=rtl] .saas-approval-detail__open svg{transform:scaleX(-1)}@media (width<=599px){.saas-approval-detail{padding:var(--saas-space-sm) 0}.saas-approval-detail__fact{grid-template-columns:minmax(0,1fr);gap:2px}}