/* css/background_checks.css */
.background-check-modal .modal-content {
    border-radius: 16px;
    font-family: 'Poppins', 'Roboto', Arial, sans-serif;
}
.background-check-modal .modal-header {
    background: #1a1a1a;
    color: #fff;
    border-bottom: 2px solid #8b0000;
}
.background-check-modal .modal-footer {
    background: #f8f9fa;
    border-top: 1px solid #eee;
}
.background-check-progress {
    height: 8px;
    border-radius: 8px;
    background: #eee;
    margin-bottom: 1rem;
}
.background-check-progress-bar {
    background: linear-gradient(90deg, #8b0000 0%, #ff4444 100%);
    height: 100%;
    border-radius: 8px;
    transition: width 0.4s;
}
.signature-pad-container {
    border: 2px dashed #8b0000;
    border-radius: 10px;
    background: #fff;
    padding: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}
.signature-pad-canvas {
    width: 100%;
    height: 120px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #ccc;
    cursor: crosshair;
}
@media (prefers-color-scheme: dark) {
    .background-check-modal .modal-content { background: #222; color: #fff; }
    .background-check-modal .modal-header { background: #8b0000; color: #fff; }
    .background-check-modal .modal-footer { background: #222; }
    .signature-pad-container { background: #333; }
    .signature-pad-canvas { background: #222; border-color: #444; }
}