.approval-demo{grid-column:1/-1;min-width:0}.approval-workspace{border-block:1px solid var(--color-border);isolation:isolate;grid-template-columns:5fr 7fr;display:grid;position:relative}.approval-source{gap:var(--space-phi-3);padding-block:var(--space-phi-3);padding-right:var(--space-column-gap-wide);flex-direction:column;min-width:0;display:flex}.approval-source-heading{align-items:center;gap:var(--space-phi-2);display:flex}.approval-source-heading>svg{width:24px;height:24px;color:var(--color-brand)}.approval-example{font-size:var(--type-meta);color:var(--color-muted);margin-left:auto}.approval-source blockquote{font-size:var(--type-body-lg);line-height:var(--leading-body);max-width:32ch}.approval-source mark{background:var(--color-surface-lilac);color:var(--color-ink);box-decoration-break:clone;color-scheme:light;--color-canvas:var(--color-canvas-light);--bg-canvas:var(--color-canvas);--color-ink:var(--color-on-light);--color-text-main:var(--color-ink);--color-muted:var(--color-on-light);--color-accent-inverse:var(--color-brand);--color-border:var(--color-border-on-light);--color-grid-line:var(--color-grid-on-light)}.approval-source-agreement{justify-content:space-between;align-items:baseline;gap:var(--space-phi-1);border-block:1px solid var(--color-border);padding-block:var(--space-phi-2);flex-wrap:wrap;display:flex}.approval-source-agreement>[data-approval-source-date]{font-size:var(--type-body-sm);font-weight:500}.approval-desk{background:var(--color-surface-lilac);min-width:0;padding:var(--space-phi-3);justify-content:center;gap:var(--space-phi-3);color-scheme:light;--color-canvas:var(--color-canvas-light);--bg-canvas:var(--color-canvas);--color-ink:var(--color-on-light);--color-text-main:var(--color-ink);--color-muted:var(--color-on-light);--color-accent-inverse:var(--color-brand);--color-border:var(--color-border-on-light);--color-grid-line:var(--color-grid-on-light);color:var(--color-ink);flex-direction:column;display:flex}.approval-document{min-width:0;padding:var(--space-phi-3);background:var(--color-canvas-light);color:var(--color-on-light);border:1px solid var(--color-border-on-light);color-scheme:light;--color-canvas:var(--color-canvas-light);--bg-canvas:var(--color-canvas);--color-ink:var(--color-on-light);--color-text-main:var(--color-ink);--color-muted:var(--color-on-light);--color-accent-inverse:var(--color-brand);--color-border:var(--color-border-on-light);--color-grid-line:var(--color-grid-on-light)}.approval-document-heading{justify-content:space-between;align-items:center;gap:var(--space-phi-2);margin-bottom:var(--space-phi-2);display:flex}.approval-document h3{font-size:var(--type-h3)}.at-page .approval-fields{margin-block:var(--space-phi-3)}.approval-fields>div{justify-content:space-between;align-items:baseline;gap:var(--space-phi-2);padding-block:var(--space-phi-2);border-bottom:1px solid var(--color-border-on-light);font-size:var(--type-body-sm);display:flex}.approval-fields dd{gap:var(--space-phi-2);text-align:right;align-items:center;font-weight:500;display:flex}.approval-fields dd svg{width:16px;height:16px;color:var(--color-brand)}.approval-fields [data-approval-date-icon]{text-align:center;width:16px;color:var(--color-brand)}.approval-gate{gap:var(--space-phi-2);min-height:calc(4 * var(--type-body-sm) * var(--leading-body));grid-template-columns:32px minmax(0,1fr);align-items:start;display:grid}.approval-gate-symbol{border:1px solid var(--color-border-on-light);width:32px;height:32px;color:var(--color-brand);place-items:center;display:grid}.approval-gate-symbol svg{width:20px;height:20px}.approval-gate strong{font-size:var(--type-body-sm);font-weight:700}.at-page .approval-gate p{font-size:var(--type-body-sm);margin-top:var(--space-phi-1);max-width:38ch}.approval-seal{visibility:hidden;place-items:center;width:28px;height:28px;display:grid}.approval-seal svg{width:24px;height:24px;color:var(--color-brand)}[data-approval-phase="2"] .approval-seal{visibility:visible}.approval-control{justify-content:space-between;align-items:center;gap:var(--space-phi-3);padding-top:var(--space-phi-3);display:flex}.approval-control>div{min-width:0;max-width:52ch}.approval-control small{margin-top:var(--space-phi-1);font-size:var(--type-meta);color:var(--color-muted);display:block}.approval-control [hidden]{display:none}.approval-control [data-approval-next]{flex-shrink:0}.approval-flight{pointer-events:none;z-index:3;white-space:nowrap;font:500 var(--type-body-sm)/var(--leading-body) var(--font-body);color:var(--color-on-light);background:var(--color-surface-lilac);color-scheme:light;--color-canvas:var(--color-canvas-light);--bg-canvas:var(--color-canvas);--color-ink:var(--color-on-light);--color-text-main:var(--color-ink);--color-muted:var(--color-on-light);--color-accent-inverse:var(--color-brand);--color-border:var(--color-border-on-light);--color-grid-line:var(--color-grid-on-light);position:absolute;top:0;left:0}@media (width<=1199px){.approval-workspace{grid-template-columns:1fr 1fr}.approval-source{padding-right:var(--space-phi-3)}.approval-desk,.approval-document{padding:var(--space-phi-3)}.approval-control{align-items:flex-start}}@media (width<=767px){.approval-workspace{grid-template-columns:minmax(0,1fr)}.approval-source{gap:var(--space-phi-3);padding-right:0}.approval-desk{padding:var(--space-phi-2);gap:var(--space-phi-2)}.approval-document{padding:var(--space-phi-2)}.at-page .approval-fields{margin-block:var(--space-phi-3)}.approval-gate{min-height:calc(4 * var(--type-body-sm) * var(--leading-body))}.approval-control{flex-direction:column;align-items:stretch}}.approval-document-icon{width:32px;height:32px;color:var(--color-brand);display:block;position:relative}.approval-document-icon>svg{width:32px;height:32px}.approval-document-icon>.approval-seal{background:var(--color-canvas-light);color-scheme:light;--color-canvas:var(--color-canvas-light);--bg-canvas:var(--color-canvas);--color-ink:var(--color-on-light);--color-text-main:var(--color-ink);--color-muted:var(--color-on-light);--color-accent-inverse:var(--color-brand);--color-border:var(--color-border-on-light);--color-grid-line:var(--color-grid-on-light);width:32px;height:32px;color:var(--color-ink);position:absolute;inset:0}@media (width<=767px){.approval-control [data-approval-status]{min-height:calc(2 * var(--type-body-sm) * var(--leading-body))}}