@import url('/styles-v3.css');

/* Preserve the supplied VNPMI logo exactly; never invert or recolor it. */
.assessment-side .brand img,.result-header .brand img{filter:none}.assessment-side .brand-rule,.assessment-side .brand-name,.result-header .brand-rule,.result-header .brand-name{display:none}

/* The assessment rail owns its background so it remains correct on wide screens. */
.assessment-page{background:#f3f6f7}.assessment-shell{width:100%;max-width:none;margin:0;grid-template-columns:310px minmax(0,1fr)}.assessment-side{min-height:100vh;background:linear-gradient(180deg,#071f3d 0%,#092b50 100%);border-right:4px solid #0e4c84;padding:25px 25px 34px;overflow:hidden}.assessment-side .brand{min-height:88px;justify-content:center;padding:10px 15px;border:1px solid rgba(255,255,255,.9);border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.18)}.assessment-side .brand img{width:218px;height:68px;object-fit:contain}.side-intro{margin-top:40px}.side-intro .eyebrow{color:#76bce9}.side-intro h2{color:#fff}.side-intro p{color:#b8cad9}.dimension-rail li{color:#a9bdce}.dimension-rail li b{border-color:#668099;color:#c2d2df;background:rgba(255,255,255,.03)}.dimension-rail li:before{background:#47657e}.dimension-rail li.done,.dimension-rail li.active{color:#fff}.dimension-rail li.active{font-weight:700}.dimension-rail li.active b{border-color:#f26822;background:#f26822;color:#fff}.dimension-rail li.done b{border-color:#31aa55;background:#31aa55;color:#fff}.side-bottom{color:#91a9bc}.assessment-main{background:radial-gradient(circle at 100% 0,rgba(17,100,173,.06),transparent 28rem),#f3f6f7}.assessment-top{padding:10px 15px;border:1px solid #cfdee6;border-radius:10px;background:#e6f0f5;box-shadow:0 4px 14px rgba(8,35,66,.04)}.assessment-count{color:#48677e}.assessment-count strong{color:#082f58}.save-state{color:#147c45}.progress-track{margin-top:11px}

/* A distinct, light result header displays the original color logo clearly. */
.result-header{padding-top:22px}.result-header .site-header{height:80px;padding:8px 23px;border:1px solid #d7e2e8;border-left:5px solid #f26822;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.16)}.result-header .brand img{width:212px;height:62px;object-fit:contain}.result-header .header-meta{color:#244965}.result-header .status-dot{background:#31aa55}.result-hero{padding-top:46px}

/* VNPMI orange is the focal color for the overall score. */
.score-seal{border:0;background:#f26822;box-shadow:0 22px 55px rgba(242,104,34,.35),inset 0 0 0 1px rgba(255,255,255,.2)}.score-seal:before{border-color:rgba(255,255,255,.58)}.score-seal strong{color:#fff}.score-seal span{color:#fff;opacity:.9}.score-seal:after{content:"";position:absolute;inset:-12px;border:1px solid rgba(242,104,34,.42);border-radius:50%}

@media(max-width:1100px) and (min-width:1001px){.assessment-shell{grid-template-columns:280px minmax(0,1fr)}.assessment-side .brand img{width:196px}.assessment-side{padding-left:20px;padding-right:20px}}
@media(max-width:1000px){.assessment-shell{grid-template-columns:1fr}.assessment-side{min-height:auto;border-right:0;border-bottom:3px solid #0e4c84}.assessment-side .brand{display:none}.assessment-top{border-radius:8px}.result-header .site-header{height:74px}.result-header .brand img{width:188px}}
@media(max-width:700px){.assessment-side{padding:12px}.result-header{padding-top:12px}.result-header .site-header{height:66px;padding:6px 12px;border-left-width:4px}.result-header .brand img{width:150px;height:50px}.result-header .header-meta{font-size:10px}.score-seal{width:155px;height:155px}.score-seal:after{inset:-8px}}