.quick-approval-bar{--qa-surface:var(--ddw-surface,var(--surface));--qa-line:var(--ddw-border,var(--border));--qa-line-soft:var(--ddw-border-soft,var(--divider));--qa-warm:var(--ddw-warning,var(--warning));--qa-warm-soft:var(--ddw-warning-soft,var(--warning-light));--qa-done:var(--ddw-success,var(--success));--qa-done-soft:var(--ddw-success-soft,var(--success-light));--qa-danger:var(--ddw-danger,var(--error));--qa-danger-soft:var(--ddw-danger-soft,var(--error-light));--qa-accent:var(--ddw-accent,var(--accent));--qa-ease:var(--ddw-ease-out,cubic-bezier(.22, 1, .36, 1));--qa-bg:linear-gradient(to right, var(--qa-warm-soft), color-mix(in srgb, var(--qa-warm-soft) 45%, var(--qa-surface)) 62%, var(--qa-surface));--qa-border:color-mix(in srgb, var(--qa-warm) 30%, var(--qa-warm-soft));--qa-text:var(--ddw-text,var(--text));--qa-strong:var(--ddw-heading,var(--heading));--qa-muted:var(--ddw-muted,var(--muted));--qa-muted-2:var(--ddw-muted-2,var(--muted-light));--qa-rail-off:color-mix(in srgb, var(--qa-warm) 22%, var(--qa-warm-soft));--qa-rail-done:var(--qa-done);--qa-rail-now:var(--qa-warm);--qa-rail-glow:color-mix(in srgb, var(--qa-warm) 28%, transparent);--qa-chip-bg:var(--qa-surface);--qa-chip-fg:var(--qa-warm);--qa-chip-bd:color-mix(in srgb, var(--qa-warm) 36%, var(--qa-warm-soft));--qa-step-bg:var(--qa-surface);--qa-step-fg:var(--qa-muted);--qa-step-bd:var(--qa-line);--qa-you-bg:var(--ddw-accent-soft,var(--accent-wash));--qa-you-fg:var(--ddw-accent-ink,var(--accent-ink));--qa-you-bd:color-mix(in srgb, var(--qa-accent) 26%, transparent);--qa-link:var(--ddw-accent-ink,var(--accent-ink));--qa-link-hover:var(--ddw-accent-action,var(--accent-deep));--qa-link-bd:color-mix(in srgb, var(--qa-accent) 45%, transparent);--qa-focus:var(--qa-accent);--qa-ok-bg:var(--qa-done);--qa-ok-fg:var(--qa-surface);--qa-no-bg:var(--qa-surface);--qa-no-fg:var(--qa-danger);--qa-no-bd:color-mix(in srgb, var(--qa-danger) 36%, var(--qa-line));align-items:center;gap:0 var(--space-4,12px);margin:0 var(--space-5,16px) var(--space-4,12px);padding:var(--space-3,8px) var(--space-4,12px);border:1px solid var(--qa-border);border-radius:var(--ddw-radius-md,var(--radius-md,10px));background:var(--qa-bg);color:var(--qa-text);grid-template-columns:auto minmax(0,1fr) auto;display:grid;container-type:inline-size}.quick-approval-bar.is-error{border-color:color-mix(in srgb, var(--qa-danger) 32%, var(--qa-line));background:var(--qa-danger-soft)}.quick-approval-bar.is-loading{border-color:var(--qa-line);background:var(--ddw-surface-subtle,var(--surface-soft))}.quick-approval-rail{flex-direction:column;align-self:stretch;gap:3px;width:3px;min-height:38px;display:flex}.quick-approval-rail-seg{background:var(--qa-rail-off);border-radius:2px;flex:1}.quick-approval-rail-seg.is-on{background:var(--qa-rail-done)}.quick-approval-rail-seg.is-now{background:var(--qa-rail-now);box-shadow:0 0 0 1px var(--qa-rail-glow)}.quick-approval-bar.is-error .quick-approval-rail-seg{background:color-mix(in srgb, var(--qa-danger) 30%, transparent)}.quick-approval-body{min-width:0}.quick-approval-line1{align-items:center;gap:var(--space-3,8px);flex-wrap:wrap;min-width:0;display:flex}.quick-approval-line2{align-items:center;gap:var(--space-1,4px) var(--space-3,8px);margin-top:var(--space-1,4px);color:var(--qa-muted);font-size:var(--fs-base,12px);flex-wrap:wrap;display:flex}.quick-approval-reason{align-items:baseline;gap:var(--space-2,6px);margin-top:var(--space-1,4px);color:var(--qa-text);font-size:var(--fs-base,12px);text-wrap:pretty;line-height:1.45;display:flex}.quick-approval-reason strong{color:var(--qa-muted);flex-shrink:0;font-weight:650}.quick-approval-reason span{overflow-wrap:anywhere}.quick-approval-what{color:var(--qa-strong);font-size:var(--fs-md,13px);text-wrap:pretty;overflow-wrap:anywhere;font-weight:700;line-height:1.45}.quick-approval-what.is-danger{color:var(--qa-danger)}.quick-approval-what em{color:var(--qa-muted-2);font-style:normal;font-weight:600;text-decoration:line-through}.quick-approval-what i{color:var(--qa-muted-2);padding:0 2px;font-style:normal}.quick-approval-dot{background:var(--qa-muted-2);opacity:.6;border-radius:50%;width:3px;height:3px}.quick-approval-inline-error{margin-top:var(--space-1,4px);color:var(--qa-danger);font-size:var(--fs-base,12px);text-wrap:pretty;line-height:1.45}.quick-approval-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.quick-approval-chip{height:20px;padding:0 var(--space-2,6px);border-radius:var(--ddw-radius-sm,var(--radius-sm,7px));font-size:var(--fs-sm,11px);white-space:nowrap;border:1px solid #0000;align-items:center;font-weight:700;display:inline-flex}.quick-approval-chip.is-pending{border-color:var(--qa-chip-bd);background:var(--qa-chip-bg);color:var(--qa-chip-fg)}.quick-approval-chip.is-step{border-color:var(--qa-step-bd);background:var(--qa-step-bg);color:var(--qa-step-fg);font-weight:650}.quick-approval-chip.is-you{margin-left:var(--space-1,4px);border-color:var(--qa-you-bd);background:var(--qa-you-bg);color:var(--qa-you-fg)}.quick-approval-more{align-items:center;gap:var(--space-1,4px);border:0;border-bottom:1px dashed var(--qa-link-bd);color:var(--qa-link);font:inherit;font-size:var(--fs-base,12px);cursor:pointer;background:0 0;padding:1px 0;font-weight:650;display:inline-flex}.quick-approval-more:hover{border-bottom-color:var(--qa-accent);color:var(--qa-link-hover)}.quick-approval-more:focus-visible{outline:2px solid var(--qa-focus);outline-offset:3px;border-radius:2px}.quick-approval-more svg{transition:transform .18s var(--qa-ease)}.quick-approval-more[aria-expanded=true] svg{transform:rotate(180deg)}.quick-approval-actions{align-items:center;gap:var(--space-3,8px);flex-shrink:0;display:flex}.quick-approval-waiting{color:var(--qa-muted);font-size:var(--fs-base,12px);text-align:right;text-wrap:pretty;flex-shrink:0}.quick-approval-button{min-height:32px;padding:0 var(--space-4,12px);border-radius:var(--ddw-radius-sm,var(--radius-sm,7px));font:inherit;font-size:var(--fs-md,13px);cursor:pointer;transition:background-color .16s var(--qa-ease), border-color .16s var(--qa-ease), color .16s var(--qa-ease);border:1px solid #0000;font-weight:680;line-height:1}.quick-approval-button:focus-visible{outline:2px solid var(--qa-focus);outline-offset:2px}.quick-approval-button:disabled{cursor:wait;opacity:.55}.quick-approval-button.is-approve{background:var(--qa-ok-bg);color:var(--qa-ok-fg)}.quick-approval-button.is-approve:hover:not(:disabled){background:color-mix(in srgb, var(--qa-done) 86%, var(--qa-strong))}.quick-approval-button.is-reject{border-color:var(--qa-no-bd);background:var(--qa-no-bg);color:var(--qa-no-fg)}.quick-approval-button.is-reject:hover:not(:disabled){border-color:var(--qa-danger);background:color-mix(in srgb, var(--qa-danger) 6%, var(--qa-surface))}.quick-approval-button.is-cancel{border-color:var(--qa-line);background:var(--qa-surface);color:var(--qa-muted)}.quick-approval-button.is-cancel:hover:not(:disabled){border-color:var(--qa-muted-2);color:var(--qa-text)}.quick-approval-button.is-retry{border-color:color-mix(in srgb, var(--qa-accent) 40%, var(--qa-line));background:var(--qa-surface);color:var(--qa-link)}.quick-approval-button.is-retry:hover:not(:disabled){background:var(--qa-you-bg)}.quick-approval-panel{grid-column:1/-1;overflow:hidden}.quick-approval-panel[hidden]{display:none}.quick-approval-panel-inner{margin-top:var(--space-4,12px);padding:var(--space-4,12px);border:1px solid color-mix(in srgb, var(--qa-warm) 20%, var(--qa-line));border-radius:var(--ddw-radius-md,var(--radius-md,10px));background:var(--qa-surface);animation:quickApprovalPanelIn .2s var(--qa-ease)}@keyframes quickApprovalPanelIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.quick-approval-panel-head{justify-content:space-between;align-items:baseline;gap:var(--space-4,12px);margin-bottom:var(--space-3,8px);display:flex}.quick-approval-panel-head h5{color:var(--qa-strong);font-size:var(--fs-base,12px);margin:0;font-weight:740}.quick-approval-panel-hint{color:var(--qa-muted-2);font-size:var(--fs-sm,11px)}.quick-approval-diff{border-collapse:collapse;width:100%}.quick-approval-diff th{padding:0 var(--space-3,8px) var(--space-2,6px);border-bottom:1px solid var(--qa-line-soft);color:var(--qa-muted-2);font-size:var(--fs-sm,11px);text-align:left;white-space:nowrap;font-weight:650}.quick-approval-diff th:first-child,.quick-approval-diff td:first-child{width:8.5em;padding-left:0}.quick-approval-diff td{padding:var(--space-2,6px) var(--space-3,8px);border-bottom:1px solid var(--qa-line-soft);vertical-align:top;overflow-wrap:anywhere}.quick-approval-diff tr:last-child td{border-bottom:0}.quick-approval-diff .is-field{color:var(--qa-text);font-weight:650}.quick-approval-diff .is-was{color:var(--qa-muted-2)}.quick-approval-diff .is-now{color:var(--qa-strong);font-weight:700}.quick-approval-diff .is-arrow{width:1.4em;color:var(--qa-muted-2);text-align:center;padding-left:0;padding-right:0}.quick-approval-raw-field{align-items:center;gap:var(--space-1,4px);flex-wrap:wrap;display:inline-flex}.quick-approval-raw-field code{color:var(--qa-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm,11px)}.quick-approval-raw-tag{border:1px dashed color-mix(in srgb, var(--qa-warm) 40%, var(--qa-line));color:var(--qa-warm);font-size:var(--fs-xs,10px);white-space:nowrap;border-radius:4px;padding:0 5px;font-weight:700}.quick-approval-progress{margin-top:var(--space-4,12px);padding-top:var(--space-3,8px);border-top:1px solid var(--qa-line-soft)}.quick-approval-progress-list{gap:var(--space-3,8px) var(--space-6,20px);flex-wrap:wrap;display:flex}.quick-approval-progress-item{align-items:flex-start;gap:var(--space-2,6px);min-width:0;display:flex}.quick-approval-mark{width:15px;height:15px;font-size:var(--fs-xs,10px);border:1px solid #0000;border-radius:50%;flex-shrink:0;place-items:center;margin-top:1px;font-weight:800;display:grid}.quick-approval-mark.is-done{border-color:color-mix(in srgb, var(--qa-done) 26%, transparent);background:var(--qa-done-soft);color:var(--qa-done)}.quick-approval-mark.is-rejected{border-color:color-mix(in srgb, var(--qa-danger) 30%, transparent);background:var(--qa-danger-soft);color:var(--qa-danger)}.quick-approval-mark.is-now{border-color:color-mix(in srgb, var(--qa-warm) 42%, transparent);background:var(--qa-warm-soft);color:var(--qa-warm)}.quick-approval-mark.is-next{border:1px dashed var(--qa-line);background:var(--qa-surface);color:var(--qa-muted-2)}.quick-approval-who{color:var(--qa-text);font-size:var(--fs-base,12px);font-weight:650}.quick-approval-when{color:var(--qa-muted-2);font-size:var(--fs-sm,11px)}.quick-approval-say{color:var(--qa-muted);font-size:var(--fs-base,12px);text-wrap:pretty;margin-top:2px;line-height:1.45;display:block}.quick-approval-skeleton{background:linear-gradient(90deg, var(--qa-line-soft), var(--ddw-surface-soft,var(--hover-bg)), var(--qa-line-soft));background-size:200% 100%;border-radius:4px;animation:1.3s linear infinite quickApprovalSkeleton;display:block}.quick-approval-skeleton.is-a{width:180px;max-width:100%;height:13px}.quick-approval-skeleton.is-b{width:290px;max-width:100%;height:11px;margin-top:7px}@keyframes quickApprovalSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@container (width<=640px){.quick-approval-actions,.quick-approval-waiting{margin-top:var(--space-3,8px);grid-column:1/-1}.quick-approval-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.quick-approval-actions .quick-approval-button{width:100%}.quick-approval-actions>:only-child{grid-column:1/-1}.quick-approval-waiting{text-align:left}.quick-approval-progress-list{flex-direction:column}}@media (prefers-reduced-motion:reduce){.quick-approval-panel-inner,.quick-approval-more svg,.quick-approval-button,.quick-approval-skeleton{transition:none;animation:none}}