/* Approval page styles */
body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; background-color: #f5f7fa; padding: 0px; font-size: 16px; }
.guru-approval-box { background: #fff; border: 1px solid #dce1e7; padding: 15px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); max-width: 1000px; margin: 0 auto; }
.guru-approval-box h2 { font-size: 18px; color: #2c3e50; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px; }
.guru-approval-box table { width: 100%; border-collapse: collapse; margin-top: 20px; }
.guru-approval-box table td, .guru-approval-box table th { padding: 10px; border: 1px solid #e3e6ea; }
.guru-approval-box h3 { margin-top: 30px; font-size: 16px; border-bottom: 1px solid #e5e9f2; padding-bottom: 6px; }
.approval-buttons { padding: 20px; margin-top: 30px; margin-bottom: 15px; background: #f9f9f9; border: 1px solid #dce1e7; border-radius: 6px; }
.approval-buttons input[type="text"] { border: 1px solid #ccc; padding: 10px; width: 100%; border-radius: 4px; }
.approval-buttons label { display: block; margin-bottom: 10px; }
.approval-buttons button { padding: 10px 20px; font-size: 16px; margin-right: 10px; border: none; border-radius: 4px; cursor: pointer; }
.approval-buttons .button-primary { background-color: #28a745; color: white; }
.approval-buttons .button-secondary { background-color: #dc3545; color: white; }
.status-badge { display: inline-block; padding: 5px 10px; border-radius: 4px; font-weight: bold; }
.status-pending { background: #fff3cd; color: #856404; border: 1px solid #ffeeba; }
.status-approved { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.status-rejected { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
.file-preview { margin-bottom: 15px; }
.file-download-link { display: inline-block; padding: 5px 10px; background: #f0f0f0; border: 1px solid #ddd; border-radius: 4px; text-decoration: none; color: #333; }
.file-download-link:hover { background: #e0e0e0; }