.approval-page { color: #1d1d1f; background: #f0f2f5; }
.approval-page .approval-filters { flex-wrap: wrap; gap: 8px; background: #fff; padding: 12px 16px; }
.approval-filters select, .approval-filters input { min-height: 32px; border: 1px solid #d7deeb; border-radius: 4px; background: #fff; font: inherit; font-size: 13px; padding: 5px 8px; }
.approval-filters select { min-width: 140px; max-width: 240px; }
.approval-filters input[type="search"] { width: 250px; }
.approval-date-range { display: flex; align-items: center; gap: 8px; color: #7a7a7a; font-size: 13px; }
.approval-message { margin: 0; padding: 10px 16px; background: #fff; font-size: 13px; line-height: 1.6; white-space: pre-wrap; }
.approval-muted { color: #7a7a7a; font-size: 12px; }
.approval-content { margin: 0 12px; background: #fff; }
.approval-list th, .approval-list td { font-size: 13px; padding: 12px; white-space: pre-wrap; vertical-align: top; }
.approval-list th:nth-child(1) { min-width: 240px; }
.approval-list th:nth-child(2), .approval-list th:nth-child(4) { min-width: 160px; }
.approval-list th:nth-child(6) { min-width: 250px; }
.approval-list td:last-child { white-space: nowrap; }
.approval-view-button { color: #0066cc; }
.approval-detail { color: #1d1d1f; font-size: 13px; line-height: 1.6; }
.approval-detail h3 { font-size: 15px; font-weight: 600; margin: 24px 0 8px; }
.approval-detail h4 { font-size: 13px; font-weight: 600; margin: 0 0 8px; }
.approval-facts, .approval-form { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 8px 16px; margin: 0; }
.approval-facts dt, .approval-form dt { color: #7a7a7a; }
.approval-facts dd, .approval-form dd { margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.approval-form { padding: 12px; background: #f5f5f7; }
.approval-amount-table td, .approval-amount-table th { font-size: 13px; white-space: pre-wrap; padding: 8px 12px; }
.approval-comment { padding: 12px; margin: 8px 0; background: #f5f5f7; }
.approval-comment p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.approval-file { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px; padding: 8px 0; }
.approval-file a { color: #0066cc; overflow-wrap: anywhere; }
.approval-help p { font-size: 13px; line-height: 1.6; }
@media (max-width: 640px) {
 .approval-filters select, .approval-filters input[type="search"] { width: 100%; max-width: none; }
 .approval-date-range { width: 100%; flex-wrap: wrap; }
 .approval-date-range input { min-width: 0; flex: 1; }
 .approval-facts, .approval-form { grid-template-columns: 110px minmax(0, 1fr); gap: 8px; }
 .approval-file { align-items: flex-start; flex-direction: column; gap: 4px; }
}