.proctor-precheck-page { background: #ececec; min-height: 100vh; color: #2d2d2d; font-family: Arial, sans-serif; }
.proctor-top { background: #f4f4f4; border-bottom: 1px solid #ddd; padding: 16px 24px; display: flex; align-items: center; gap: 14px; }
.proctor-logo { height: 52px; width: auto; }
.proctor-title { font-size: 22px; font-weight: 700; margin: 0; }
.proctor-subtitle { margin: 2px 0 0 0; font-size: 13px; color: #666; }
.proctor-wrap { padding: 22px; }
.proctor-box { max-width: 980px; margin: 0 auto; background: #fff; border: 1px solid #d8d8d8; border-radius: 4px; padding: 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, .06); }
.proctor-stepper .nav-link {
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #666;
    background: #f8f8f8;
    border: 1px solid #d4d4d4;
    margin: 0 4px;
}
.proctor-stepper .nav-link.active {
    background: #a52c2c;
    border-color: #a52c2c;
}
.proctor-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.proctor-card { border: 1px solid #e3e3e3; border-radius: 8px; padding: 12px; background: #fff; }
.proctor-video { width: 100%; min-height: 260px; background: #111; border-radius: 8px; }
.proctor-photo { width: 100%; min-height: 220px; object-fit: contain; background: #f7f7f7; border: 1px dashed #cfcfcf; border-radius: 8px; }
.proctor-status { display: inline-block; padding: 4px 8px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.proctor-status.ok { background: #d1fae5; color: #065f46; }
.proctor-status.ko { background: #fee2e2; color: #991b1b; }
.proctor-status.pd { background: #e5e7eb; color: #374151; }
.proctor-hint { font-size: 13px; color: #555; }
.proctor-actions { display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.proctor-actions .btn { min-width: 180px; }
.proctor-session { font-size: 12px; color: #666; margin-top: 10px; }
.proctor-nav { margin-top: 14px; display: flex; gap: 10px; }
.proctor-precheck-page .btn { text-transform: none; }

.btn-eel-primary {
    background-color: #a52c2c;
    border-color: #a52c2c;
    color: #fff;
}
.btn-eel-primary:hover,
.btn-eel-primary:focus,
.btn-eel-primary:active {
    background-color: #8e2525;
    border-color: #8e2525;
    color: #fff;
}
.btn-eel-secondary {
    background-color: #6b6263;
    border-color: #6b6263;
    color: #fff;
}
.btn-eel-secondary:hover,
.btn-eel-secondary:focus,
.btn-eel-secondary:active {
    background-color: #5e5556;
    border-color: #5e5556;
    color: #fff;
}

@media (max-width: 900px) {
    .proctor-grid { grid-template-columns: 1fr; }
    .proctor-top { padding: 12px 16px; }
    .proctor-wrap { padding: 14px; }
}

.proctor-lite-page {
    min-height: 100vh;
    background: #f1f1f1;
    padding: 8px;
}

.proctor-lite-card {
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 8px;
    padding: 8px;
}

.proctor-lite-header {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 8px;
}

.proctor-lite-logo {
    height: 28px;
    width: auto;
}

.proctor-lite-title-wrap {
    min-width: 0;
}

.proctor-lite-title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #2d2d2d;
}

.proctor-lite-subtitle {
    margin: 0;
    font-size: 11px;
    color: #666666;
}

.proctor-lite-video-wrap {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    background: #111111;
}

.proctor-lite-video {
    width: 100%;
    height: auto;
    display: block;
    min-height: 170px;
    background: #111111;
}

.proctor-lite-status-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    margin-top: 8px;
}

.proctor-lite-status-item {
    font-size: 12px;
    color: #333333;
}

.proctor-lite-meta {
    margin-top: 8px;
    font-size: 11px;
    color: #666666;
    line-height: 1.4;
}