.dw-proposal-card__textarea { width: 100%; margin-top: var(--space-3); background: var(--color-surface); border: 1px solid var(--color-border-strong); border-radius: var(--radius-md); color: var(--color-text-primary); padding: var(--space-2) var(--space-3); font-size: var(--text-sm); font-family: var(--font-sans); resize: vertical; } .dw-proposal-card__actions { display: flex; gap: var(--space-2); margin-top: var(--space-3); } .dw-proposal-card__meta { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-2); } .dw-proposal-card__timestamp { font-size: var(--text-xs); color: var(--color-text-muted); } .dw-proposal-card__summary { font-size: var(--text-sm); margin-bottom: var(--space-1); } .dw-proposal-card__rationale { font-size: var(--text-xs); color: var(--color-text-secondary); } .dw-proposal-card__compare-field { display: flex; flex-direction: column; gap: 2px; } .dw-proposal-card__compare-label { font-size: var(--text-xs); color: var(--color-text-muted); } .dw-proposal-card__compare-values { display: flex; align-items: flex-start; gap: var(--space-2); } .dw-proposal-card__compare-existing { flex: 1; font-size: var(--text-sm); color: var(--color-text-secondary); text-decoration: line-through; opacity: 0.8; white-space: pre-wrap; word-break: break-word; } .dw-proposal-card__compare-arrow { flex-shrink: 0; color: var(--color-text-muted); font-size: var(--text-sm); padding-top: 1px; } .dw-proposal-card__compare-proposed { flex: 1; font-size: var(--text-sm); color: var(--color-text-primary); font-weight: 500; white-space: pre-wrap; word-break: break-word; } /* Proposal detail rows (CREATE proposals) */ .dw-proposal-card__details { display: flex; flex-direction: column; gap: var(--space-2); margin-top: var(--space-3); padding: var(--space-3); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); } .dw-proposal-card__detail-row { display: flex; align-items: baseline; gap: var(--space-3); padding: var(--space-1) 0; border-bottom: 1px solid var(--color-border); } .dw-proposal-card__detail-row:last-child { border-bottom: none; } .dw-proposal-card__detail-label { flex-shrink: 0; width: 90px; font-size: var(--text-xs); font-weight: 600; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.03em; } .dw-proposal-card__detail-value { flex: 1; font-size: var(--text-sm); color: var(--color-text-primary); word-break: break-word; } .dw-proposal-card__details-toggle { background: none; border: none; color: var(--color-accent); font-size: var(--text-xs); cursor: pointer; padding: var(--space-1) 0; margin-top: var(--space-2); } .dw-proposal-card__details-toggle:hover { text-decoration: underline; } .dw-proposal-card__details-empty { font-size: var(--text-xs); color: var(--color-text-muted); margin-top: var(--space-2); } .dw-proposal-card__raw { font-size: var(--text-xs); font-family: var(--font-mono); color: var(--color-text-secondary); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-sm); padding: var(--space-2) var(--space-3); overflow-x: auto; margin-top: var(--space-2); white-space: pre-wrap; word-break: break-word; }