/* Quiet navigation controls and readable invoice directives. */
html body #view-vendor-invoice .vi-red-toggle-btn{background:#f1eef8!important;border-color:#bcb0d2!important;color:#453361!important;box-shadow:0 2px 5px #33284d12!important}
html body #view-vendor-invoice .vi-red-toggle-btn:hover,html body #view-vendor-invoice .vi-red-toggle-btn.active{background:#4b3a72!important;border-color:#4b3a72!important;color:#fff!important;box-shadow:0 2px 6px #33284d20!important}
html body #view-vendor-invoice .vi-red-dot{background:#75608f}
html body #view-vendor-invoice .vi-red-arrow{color:inherit!important}
html body #view-vendor-invoice .vi-red-dot::after{animation:none!important;border-color:#a697be;opacity:.5}
html body #view-vendor-invoice .vi-red-toggle-btn:hover .vi-red-dot,html body #view-vendor-invoice .vi-red-toggle-btn.active .vi-red-dot{background:#fff}
html body #view-vendor-invoice #viHODirectiveBody{font-size:14px!important;line-height:1.8!important}
html body #view-vendor-invoice #viHODirectiveBody div,html body #view-vendor-invoice #viHODirectiveBody strong{font-size:inherit!important}
html body #view-vendor-invoice #viHODirectiveBody p,html body #view-vendor-invoice #viHODirectiveBody li{line-height:1.8!important}
html body #view-vendor-invoice #viHODirectiveBody li{margin-bottom:5px}
html body #view-vendor-invoice #viHODirectiveBody code{white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){html body #view-vendor-invoice #viHODirectiveBody{padding:12px!important}html body #view-vendor-invoice #viHODirectiveBody>div:first-child>div{flex-wrap:wrap;gap:5px}}