| .dw-wfdetail__back { |
| display: inline-flex; |
| align-items: center; |
| gap: var(--space-2); |
| background: none; |
| border: none; |
| color: var(--color-accent-text); |
| font-size: var(--text-sm); |
| cursor: pointer; |
| text-decoration: none; |
| padding: 0; |
| margin-bottom: var(--space-3); |
| } |
|
|
| .dw-wfdetail__back:hover { |
| text-decoration: underline; |
| } |
|
|
| .dw-wfdetail__status-message { |
| font-size: var(--text-sm); |
| color: var(--color-text-secondary); |
| margin: 0 0 var(--space-3); |
| } |
|
|
| .dw-wfdetail__meta { |
| display: grid; |
| grid-template-columns: auto 1fr; |
| gap: var(--space-2) var(--space-4); |
| font-size: var(--text-sm); |
| } |
|
|
| .dw-wfdetail__meta dt { |
| color: var(--color-text-muted); |
| } |
|
|
| .dw-wfdetail__why { |
| display: flex; |
| flex-direction: column; |
| gap: var(--space-3); |
| } |
|
|
| .dw-wfdetail__why-item { |
| display: flex; |
| align-items: flex-start; |
| gap: var(--space-3); |
| padding: var(--space-3); |
| background: var(--color-surface-hover); |
| border-radius: var(--radius-md); |
| border-left: 3px solid var(--color-warning); |
| } |
|
|
| .dw-wfdetail__why-badge { |
| flex-shrink: 0; |
| font-size: 10px; |
| font-weight: 700; |
| padding: 2px 6px; |
| border-radius: var(--radius-sm); |
| text-transform: uppercase; |
| } |
|
|
| .dw-wfdetail__why-badge--fail { |
| background: var(--color-danger-soft); |
| color: var(--color-danger); |
| } |
|
|
| .dw-wfdetail__why-badge--warning { |
| background: var(--color-warning-soft); |
| color: var(--color-warning); |
| } |
|
|
| .dw-wfdetail__why-rule { |
| font-size: var(--text-sm); |
| font-weight: 600; |
| color: var(--color-text-primary); |
| margin: 0; |
| } |
|
|
| .dw-wfdetail__why-msg { |
| font-size: var(--text-sm); |
| color: var(--color-text-secondary); |
| margin: var(--space-1) 0 0; |
| } |
|
|
