.approvals-page {

    max-width: 700px;

}

.approval-section {

    margin-top: 20px;

}

.approval-section-title {

    font-size: 14px;

    font-weight: 700;

    color: #555;

    margin-bottom: 10px;

    padding-bottom: 6px;

    border-bottom: 1px solid #eee;

}

.approval-card {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    padding: 12px 14px;

    margin-bottom: 8px;

    background: white;

    border: 1px solid #eee;

    border-radius: 8px;

}

.approval-card-title {

    font-weight: 600;

    margin-bottom: 4px;

}

.approval-card-detail {

    font-size: 13px;

    color: #6b7280;

}

.approval-card-actions {

    display: flex;

    gap: 8px;

    flex-shrink: 0;

}

.approval-status {

    font-size: 12px;

    padding: 4px 10px;

    border-radius: 999px;

    flex-shrink: 0;

}

.approval-status-pending {

    background: #fef3c7;

    color: #92400e;

}

.approval-status-approved {

    background: #ecfdf3;

    color: #067647;

}

.approval-status-rejected {

    background: #fef2f2;

    color: #b42318;

}