/* Shared light gray screen theme. Print styles and semantic danger/warning states stay independent. */
@media screen {
body.vb-app.vb-app{background:#f1f2f3!important;color:#28323e}
body.vb-app.vb-app :is(.catalog-hero,.component-hero,.service-hero,.service-edit-hero,.dashboard-heading,.vb-unified-hero){background:#e7e9ec!important;color:#28323e!important;border:1px solid #cdd2d8;border-top:3px solid #a6ff00;box-shadow:none}
body.vb-app.vb-app :is(.catalog-hero,.component-hero,.service-hero,.service-edit-hero,.dashboard-heading,.vb-unified-hero) :is(h1,h2,p,strong){color:#28323e!important}
body.vb-app.vb-app :is(.catalog-hero,.component-hero,.service-hero,.service-edit-hero,.dashboard-heading,.vb-unified-hero)>span,
body.vb-app.vb-app :is(.service-eyebrow,.dashboard-eyebrow){color:#4f662e!important}
body.vb-app.vb-app .vb-unified-hero span{color:#4f662e!important}
body.vb-app.vb-app .catalog-icon{background:#e4e7eb;color:#46563b;border:1px solid #cdd2d8}
body.vb-app.vb-app :is(.btn-secondary,.btn-dark,.btn-outline-secondary,.btn-outline-dark,.btn-report-full,.btn-report-short),
body.vb-app.vb-app .catalog-actions .catalog-link{background:#e7e9ec!important;color:#28323e!important;border:1px solid #c5cbd2!important;box-shadow:0 1px 2px #171f330d;font-weight:600}
body.vb-app.vb-app :is(.btn-secondary,.btn-dark,.btn-outline-secondary,.btn-outline-dark,.btn-report-full,.btn-report-short):hover,
body.vb-app.vb-app .catalog-actions .catalog-link:hover{background:#dce0e5!important;color:#1f2935!important;border-color:#9ba5b1!important}
body.vb-app.vb-app .catalog-actions .catalog-create{background:#edf3e5!important;border-color:#bdcda9!important;border-left:3px solid #8ebc47!important;color:#28323e!important}
body.vb-app.vb-app .nav-tabs{gap:5px;border-bottom:1px solid #cdd2d8}
body.vb-app.vb-app .nav-tabs .nav-link,
body.vb-app.vb-app :is(.catalog-filter,.catalog-shortcut,.component-nav a,.service-nav a,.vb-unified-nav a){background:#e7e9ec!important;color:#344054!important;border:1px solid #cbd1d8!important;text-decoration:none!important;border-radius:4px;box-shadow:none}
body.vb-app.vb-app .nav-tabs .nav-link{border-radius:4px 4px 0 0;padding:12px 16px;border-bottom:3px solid transparent!important}
body.vb-app.vb-app .nav-tabs .nav-link:hover,
body.vb-app.vb-app :is(.catalog-filter,.catalog-shortcut,.component-nav a,.service-nav a,.vb-unified-nav a):hover{background:#dce0e5!important;border-color:#9ba5b1!important}
body.vb-app.vb-app .nav-tabs .nav-link.active,
body.vb-app.vb-app :is(.catalog-filter.active,.catalog-shortcut[aria-current=true],.component-nav a[aria-current=page],.service-nav a[aria-current=page],.btn-outline-secondary.active){background:#e9efdf!important;color:#28323e!important;border-color:#b8c5a4!important;box-shadow:inset 0 -3px #8ebc47!important;font-weight:700}
body.vb-app.vb-app .nav-tabs .nav-link.active{border-bottom-color:#8ebc47!important;box-shadow:none!important}
body.vb-app.vb-app .table>thead th,
body.vb-app.vb-app .table>thead th a{background:#e1e4e8!important;color:#28323e!important;border-color:#c7cdd5!important}
body.vb-app.vb-app .table>thead{--bs-table-bg:#e1e4e8;--bs-table-color:#28323e}
body.vb-app.vb-app :is(.card-header,.report-selection,.component-search,.catalog-shortcuts){background:#eceef0!important;color:#28323e;border-color:#cdd2d8!important}
body.vb-app.vb-app :is(.btn,.nav-link,.catalog-filter,.catalog-link,.catalog-shortcut):focus-visible{outline:3px solid #658b00!important;outline-offset:3px}
body.vb-app.vb-app .btn:disabled,body.vb-app.vb-app .btn.disabled{opacity:.5;box-shadow:none}
}

@media screen {
body.vb-app.vb-app .catalog-hero .catalog-eyebrow{color:#4f662e!important}
body.vb-app.vb-app :is(.catalog-hero,.vb-unified-hero,.service-hero,.component-hero) img{content:url('/vb-logo-on-light.png')}
}

/* User clarification: previously black surfaces are dark gray, not pale gray. */
@media screen {
body.vb-app.vb-app .navbar{background:#4b4f54!important}
body.vb-app.vb-app :is(.catalog-hero,.component-hero,.service-hero,.service-edit-hero,.dashboard-heading,.vb-unified-hero){background:#4b4f54!important;color:#fff!important;border-color:#4b4f54;border-top-color:#a6ff00}
body.vb-app.vb-app :is(.catalog-hero,.component-hero,.service-hero,.service-edit-hero,.dashboard-heading,.vb-unified-hero) :is(h1,h2,p,strong){color:#fff!important}
body.vb-app.vb-app :is(.catalog-hero,.component-hero,.service-hero,.service-edit-hero,.dashboard-heading,.vb-unified-hero) :is(span,.catalog-eyebrow,.service-eyebrow,.dashboard-eyebrow){color:#e3e4e6!important}
body.vb-app.vb-app :is(.catalog-hero,.vb-unified-hero,.service-hero,.component-hero) img{content:url('/vb-repair-logo.png')}
body.vb-app.vb-app :is(.btn-secondary,.btn-dark,.btn-report-full),body.vb-app.vb-app .catalog-actions .catalog-link:not(.catalog-create){background:#4b4f54!important;color:#fff!important;border-color:#4b4f54!important}
body.vb-app.vb-app :is(.btn-secondary,.btn-dark,.btn-report-full):hover,body.vb-app.vb-app .catalog-actions .catalog-link:not(.catalog-create):hover{background:#60656b!important;border-color:#60656b!important;color:#fff!important}
body.vb-app.vb-app .nav-tabs .nav-link.active,body.vb-app.vb-app :is(.catalog-filter.active,.catalog-shortcut[aria-current=true],.component-nav a[aria-current=page],.service-nav a[aria-current=page],.btn-outline-secondary.active){background:#4b4f54!important;color:#fff!important;border-color:#4b4f54!important;box-shadow:inset 0 -3px #a6ff00!important}
body.vb-app.vb-app .table>thead th,body.vb-app.vb-app .table>thead th a{background:#4b4f54!important;color:#fff!important;border-color:#686d73!important}
body.vb-app.vb-app .table>thead{--bs-table-bg:#4b4f54;--bs-table-color:#fff}
body.vb-app.vb-app .catalog-icon{background:#4b4f54;color:#a6ff00;border-color:#4b4f54}
}

/* Remaining custom controls found in the site-wide audit. */
@media screen {
body.vb-app.vb-app :is(.bg-dark,.text-bg-dark,.missing-links a,.service-edit-nav a[aria-current=page],.page-item.active .page-link,.nav-pills .nav-link.active,.nav-pills .show>.nav-link){background:#4b4f54!important;color:#fff!important;border-color:#4b4f54!important}
body.vb-app.vb-app :is(.missing-links a,.service-edit-nav a[aria-current=page]):hover{background:#60656b!important;color:#fff!important}
body.vb-app.vb-app .uav-selection:checked{background-color:#4b4f54!important;border-color:#4b4f54!important}
}
