html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Registration UI Improvements */
.required-label::after {
    content: " *";
    color: #dc3545; /* Standard bootstrap red */
    font-weight: bold;
}

.readonly-bg {
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
    color: #6c757d !important;
    cursor: not-allowed;
}

#companyResults {
    z-index: 1050;
    max-height: 250px;
    overflow-y: auto;
}

.approval-info-box {
    font-size: 0.875rem;
    padding: 8px;
    border-radius: 4px;
    background-color: #fff3f3;
    border: 1px solid #fecaca;
    color: #b91c1c;
}

/* Registration UI - Note styling */
.approval-note {
    font-size: 0.85rem;
    font-weight: normal;
    color: #6c757d;
    margin-left: 5px;
}

.required-label::after {
    content: " *";
    color: #dc3545;
    font-weight: bold;
}

.readonly-bg {
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
}
/* Fix 2: shared screening/report presentation. Project original code: Stanislav Shpits; additions by Codex. */
.screening-wrap { overflow-wrap: anywhere; }
.screening-preserve-lines { white-space: pre-wrap; overflow-wrap: anywhere; }
.screening-employee-list { max-height: 24rem; overflow: auto; }
.screening-batch-status { border-left: .25rem solid #6c757d; padding: .75rem 1rem; margin-top: 1rem; background: #f8f9fa; }
.screening-back { margin-bottom: 1rem; }
/* Project original-code credit: Initial code: Stanislav Shpits. Shared navigation/workspace styling by Codex. */
body { padding-top: 70px; } /* Keep content below the fixed shared navigation. */
.offcanvas-xl { width: 550px !important; max-width: 100%; } /* Reuse one responsive instant-check panel. */
.vet-label { font-size: .75rem; text-transform: uppercase; font-weight: bold; color: #6c757d; } /* Match labels across both check tabs. */
.review-subject-list { max-height: 17rem; overflow-y: auto; } /* Keep large rosters usable without crowding the page. */
.review-subject-option { display: flex; gap: .75rem; padding: .55rem .75rem; align-items: start; cursor: pointer; } /* Give each checkbox a readable clickable row. */
.review-subject-option:hover { background: #f8f9fa; } /* Consistent Bootstrap-aligned selection feedback. */
.review-subject-option + .review-subject-option { border-top: 1px solid #f0f0f0; } /* Separate names without heavy table borders. */
.review-result summary { cursor: pointer; } /* Native details remain keyboard accessible. */
.review-result summary > * { margin-right: .75rem; } /* Separate saved name, date and outcome in compact rows. */
.review-result summary strong { overflow-wrap: anywhere; } /* Long saved names must fit small screens. */
@media print {
    .no-print { display: none !important; } /* Preserve the existing print exclusion outside inline styles. */
    .offcanvas { width: 100% !important; border: none !important; } /* Preserve full-width print presentation. */
}