.approval-review { display: grid; gap: 1.25rem; padding-block: 2rem; }
.approval-card { display: grid; gap: 1.5rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); padding: 1.5rem; box-shadow: var(--shadow-sm); }
.approval-card header, .approval-card section { display: grid; gap: .5rem; }
.approval-card h1 { font-size: 1.5rem; }
.approval-card h2 { font-size: 1rem; }
.approval-alert { display: grid; gap: .25rem; padding: .75rem; border: 1px solid var(--border); border-radius: var(--radius); }
.approval-alert.destructive { color: var(--destructive); border-color: currentColor; }
.approval-fields { display: grid; gap: 0; margin: 0; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.approval-fields > div { display: grid; grid-template-columns: minmax(8rem, 1fr) 2fr; gap: 1rem; padding: .75rem; border-bottom: 1px solid var(--border); }
.approval-fields > div:last-child { border-bottom: 0; }
.approval-fields dt { color: var(--muted-foreground); font-weight: 600; }
.approval-fields dd { margin: 0; overflow-wrap: anywhere; }
.approval-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
@media (max-width: 540px) { .approval-fields > div { grid-template-columns: 1fr; gap: .25rem; } }