/* Shared visual foundation for authenticated HTML pages. Print/export layout stays independent. */
@font-face{font-family:VBSlab;src:url('/vb-repair-font.ttf') format('truetype');font-display:swap}
@media screen{
:root{--vb-content-width:1440px;--vb-gutter:24px;--vb-navy:#0b1020;--vb-lime:#a6ff00}
body.vb-app{background:#f4f6f8!important;color:#171f33;font-family:VBSlab,Georgia,serif!important;font-size:14px;line-height:1.6}
body.vb-app .container,body.vb-app>.container-fluid,body.vb-app .dashboard-shell{max-width:var(--vb-content-width)!important;width:100%;margin-left:auto!important;margin-right:auto!important;padding-left:var(--vb-gutter)!important;padding-right:var(--vb-gutter)!important;box-sizing:border-box}
body.vb-app>.container,body.vb-app>.container-fluid,body.vb-app>main.container{margin-top:28px!important;margin-bottom:28px!important}
body.vb-app .navbar{background:var(--vb-navy)!important;border-bottom:3px solid var(--vb-lime);padding:14px 0!important;min-height:82px}
body.vb-app .navbar>.container-fluid,body.vb-app .navbar>.container{max-width:var(--vb-content-width)!important;width:100%;margin:0 auto!important;padding:0 var(--vb-gutter)!important}
body.vb-app .navbar-brand img{width:185px;height:auto;max-height:54px;object-fit:contain}
body.vb-app .navbar .nav-link{font-size:13px;color:#c7ceda}body.vb-app .navbar .nav-link:hover,body.vb-app .navbar .nav-link.active{color:white}
body.vb-app .navbar-text{font-size:12px}body.vb-app h1{font-size:30px;font-weight:700;line-height:1.3}body.vb-app h2{line-height:1.35}
body.vb-app .btn{border-radius:4px!important;font-size:13px;line-height:1.5}body.vb-app .btn:not(.btn-sm):not(.btn-lg){padding:9px 14px}
body.vb-app .btn-primary{--bs-btn-bg:#a6ff00;--bs-btn-border-color:#a6ff00;--bs-btn-color:#0b1020;--bs-btn-hover-bg:#93e600;--bs-btn-hover-border-color:#93e600;--bs-btn-hover-color:#0b1020;background:#a6ff00!important;border-color:#a6ff00!important;color:#0b1020!important;font-weight:700}
body.vb-app .btn-primary:hover{background:#93e600!important;border-color:#93e600!important}
body.vb-app .btn-secondary{--bs-btn-color:#fff;--bs-btn-hover-color:#fff;--bs-btn-active-color:#fff;background:#171f33;border-color:#171f33;color:#fff!important}
body.vb-app .btn-secondary:hover,body.vb-app .btn-secondary:focus-visible{background:#0b1020;border-color:#0b1020;color:#fff!important}
body.vb-app .card,body.vb-app .accordion-item,body.vb-app .report-selection,body.vb-app .dashboard-heading,body.vb-app form.rounded{border-radius:4px!important}
body.vb-app .card{border-color:#dce1e8;box-shadow:none!important}body.vb-app .form-control,body.vb-app .form-select{border-radius:4px;min-height:40px;border-color:#b9c2cd}
body.vb-app .form-control:focus,body.vb-app .form-select:focus{border-color:#658b00;box-shadow:0 0 0 3px #a6ff0030}
body.vb-app .table-responsive{max-width:100%;overflow-x:auto}body.vb-app .table{font-size:12px;vertical-align:middle}body.vb-app .table>thead{--bs-table-bg:#0f1627;--bs-table-color:white}body.vb-app .table>thead th{background:#0f1627;color:white;padding:13px 10px}
body.vb-app .dashboard-heading{background:#0b1020;border-left:0;border-top:3px solid #a6ff00;padding:26px 28px}
body.vb-app .badge{border-radius:3px;line-height:1.4}
@media(max-width:650px){:root{--vb-gutter:16px}body.vb-app h1{font-size:25px}body.vb-app .navbar-brand img{width:150px}body.vb-app .navbar{min-height:72px}body.vb-app>.container,body.vb-app>.container-fluid,body.vb-app>main.container{margin-top:20px!important}}
}