/* Vendor bill review: clear hierarchy with restrained colour. */
html body #vendorBillReviewRoot{background:#edf1f7;border:0;padding:16px;border-radius:12px}
html body #vendorBillReviewRoot>.ho-sla-shell{max-width:none;padding:0;background:transparent;border:0}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-hero{padding:22px 24px;background:linear-gradient(108deg,#963875,#663576 30%,#39306c 58%,#10327e);border:0;border-radius:12px;box-shadow:0 4px 14px #26365318;gap:16px}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-hero h2{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:26px!important;margin:7px 0!important}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-hero p,html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-eyebrow{color:#f0eaf8!important}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-page-actions button{background:#fff;color:#453362;border-color:#e6deef;min-height:38px}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-badge{background:#ffffff1c;color:#fff;border-color:#ffffff55}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-controls{padding:18px;background:#fff;border:1px solid #d8dfeb;border-radius:10px;margin:16px 0 12px;gap:12px;box-shadow:0 2px 8px #23364c08}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-controls label{color:#344157;font-weight:700;flex:1 1 170px;min-width:0}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-controls input,html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-controls select{width:100%!important;min-width:0;color:#27394e;border-color:#cbd4e1;font-weight:600}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-controls .button{margin-left:0;background:#f2eef8!important;border-color:#d5cbe3!important;color:#4b3867!important;line-height:1.4}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-controls [data-import]{background:#4e3c77!important;color:white!important;border-color:#4e3c77!important}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .bill-checker-actions{background:#f4f0f9;border:1px solid #ded5e9;border-left:3px solid #796294;padding:12px 16px;margin:12px 0}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .bill-checker-actions .button{background:#fff;color:#493660;border-color:#cbbddb;border-radius:7px}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .bill-checker-actions [data-open-combine]{background:linear-gradient(105deg,#774580,#313b73);color:#fff;border-color:#635080}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .bill-checker-actions .bill-reject{color:#a32335;border-color:#d9a5ae;background:#fff8f9}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-nav{gap:6px;margin:16px 0;padding:7px;background:#e5e8f1;border:1px solid #d5dce8;border-radius:10px}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-nav>button{margin:0;border:1px solid transparent;border-radius:7px;background:transparent;color:#43516a;padding:10px 13px;font-size:13px;font-weight:600;min-height:41px}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-nav>button[aria-pressed=true]{background:#443663;color:#fff;border-color:#443663;box-shadow:0 2px 5px #30334c20}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-nav>button:disabled{opacity:1;color:#687386;background:#e9ecf3;border-color:#d3dbe7;cursor:not-allowed}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-metrics{gap:14px;margin-bottom:16px}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-metrics article{padding:17px 20px;background:#f6f2fb;border:1px solid #ddd5e9;border-top:3px solid #87709c;box-shadow:none}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-metrics article:nth-child(2){background:#eef5fb;border-color:#d3e0ee;border-top-color:#5f86aa}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-metrics article:nth-child(3){background:#fff8ed;border-color:#eadfc8;border-top-color:#b48e4d}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-metrics article>span{color:#43506a;font-weight:650}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-metrics strong{font-size:25px;color:#253650;margin:8px 0}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-metrics small{font-size:15px;color:#5d6780}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-metrics p,html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-guidance{color:#52647a;line-height:1.65}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-centre-grid{gap:14px;margin:18px 0}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-centre-card{padding:18px!important;gap:11px;border-color:#d5deea!important;box-shadow:0 3px 9px #20344c09;transition:box-shadow .16s,border-color .16s}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-centre-card>strong{font-size:21px;color:#29354f}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-centre-top{color:#45596c;font-weight:650}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-city-icon{background:#edf0f8;color:#44376b;width:38px;height:38px}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-centre-link{color:#584173}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-table thead th{background:#293650!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#56627a!important}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-table .ho-sla-group th{background:#ede8f5!important;color:#4d3c68!important}
html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) button:focus-visible{outline:3px solid #9879b5;outline-offset:3px}
@media(max-width:700px){html body #vendorBillReviewRoot{padding:10px}html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-hero{padding:18px}html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-hero h2{font-size:23px!important}}
@media print{html body #vendorBillReviewRoot{background:#fff;padding:0}html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-hero{background:white;box-shadow:none}html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-hero h2{color:#17283f!important;-webkit-text-fill-color:#17283f!important}html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-hero p,html body :is(#vendorBillReviewRoot,.ho-sla-fullpage) .ho-sla-eyebrow{color:#334155!important}}