@charset "utf-8";
.error_msg{font-size:15px;color:#F00;float:left}
.center_box form input[type="submit"] {
    background: #408734 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    margin: 0 5px;
    padding: 0 16px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}
.php_error_center{text-align:center;margin-top:50px;color:#F00}
.success_msg_color{color:#090;!important}
.error_msg_color{color:#FF0000;!important}
.invoice_left form input[type="text"], input[type="password"], input[type="email"] {
	float:right!important;
}
.middle_box-new_message form textarea{
	width:67%;
}

#notifications {
    cursor: pointer;
	position: fixed;
	right: 0px;
	z-index: 9999;
	bottom: 0px;
	margin-bottom: 22px;
	margin-right: 15px;
	max-width: 300px;
}
#coldelete{
    cursor: pointer;
}

.blueBold {  color:#0066FF !important; font-weight:bold  !important }






/* ──────────────────────────────────────────────────────────────
   1. GLOBAL HIGHCHARTS BACKGROUND & DEFAULT TEXT OVERRIDES
   ────────────────────────────────────────────────────────────── */
.highcharts-container,
.highcharts-background {
    fill: #FFFFFF !important;
    background-color: #FFFFFF !important;
}

/* Force all standard titles, axes, legends, and text nodes to stay sharp dark gray */
.highcharts-root text,
.highcharts-title,
.highcharts-subtitle,
.highcharts-axis-labels text,
.highcharts-yaxis-title,
.highcharts-xaxis-title,
.highcharts-legend-item text {
    fill: #222222 !important;
    color: #222222 !important;
    text-shadow: none !important;
}

/* ──────────────────────────────────────────────────────────────
   2. FIX FOR BLURRY/DOUBLE DATA VALUES (BARS & GAUGES)
   ────────────────────────────────────────────────────────────── */
/* Completely strip away Highcharts' automatic blurry outline system globally */
.highcharts-text-outline {
    stroke: none !important;
    fill: none !important;
    display: none !important;
}

/* Clear standard text shadows on any data label container */
.highcharts-data-label text {
    text-shadow: none !important;
}

/* Force the actual text layer (including nested tspans in bars & gauges) to be solid, crisp, and readable */
.highcharts-data-label text tspan,
.highcharts-gauge-series .highcharts-data-label text {
    text-shadow: none !important;
    stroke: none !important;
    font-weight: bold !important;
    fill: #222222 !important;
    color: #222222 !important;
}

/* ──────────────────────────────────────────────────────────────
   3. EXPORT MENU ICON (HAMBURGER BUTTON) FIX
   ────────────────────────────────────────────────────────────── */
/* Forces the 3 structural menu lines to stay dark gray */
.highcharts-contextbutton .highcharts-button-symbol {
    stroke: #333333 !important;
}

/* Keeps the rectangular button container backdrop white */
.highcharts-contextbutton rect.highcharts-button-box {
    fill: #FFFFFF !important;
}

/* Adds a subtle gray background shift when hovering the menu button */
.highcharts-contextbutton:hover rect.highcharts-button-box {
    fill: #EFEFEF !important;
}


/* Force tooltip background to white */
.highcharts-tooltip-box {
    fill: #FFFFFF !important;
    stroke: #CCCCCC !important; /* optional subtle border */
}

/* Force tooltip text to dark gray */
.highcharts-tooltip text {
    fill: #222222 !important;
    color: #222222 !important;
}

/* Remove any text shadow */
.highcharts-tooltip text tspan {
    text-shadow: none !important;
    stroke: none !important;
}


/* Gauge dial (the needle/pointer) */
.highcharts-dial {
    fill: #000000 !important;   /* center hub color */
    stroke: #000000 !important; /* needle line color */
}

/* Gauge pivot (the circle at the center) */
.highcharts-pivot {
    fill: #000000 !important;   /* center circle fill */
    stroke: #000000 !important; /* center circle border */
}

body:where(.vfh0):not(.vfhz) .Card:where(.vfl0):not(.vfhz) .CardListing.RedLine li a::before,
body:where(.vfh0):not(.vfhz) .Card:where(.vfl1):not(.vfhz) .CardListing li.RedLine a::before{width:4px !important;height:4px !important;border-radius:50% !important;top:50% !important;transform:translateY(-50%) !important;left:-14px !important;}
body:where(.vfh0):not(.vfhz) .Card:where(.vfl0):not(.vfhz) .DashboardCardScroll{scrollbar-width:thin !important;}
body:where(.vfh0):not(.vfhz) .Card:where(.vfl0):not(.vfhz) .DashboardCardScroll::-webkit-scrollbar{width:6px !important;}
body:where(.vfh0):not(.vfhz) .Card:where(.vfl0):not(.vfhz) .DashboardCardScroll::-webkit-scrollbar-thumb{background:#c9c9c9 !important;border-radius:4px !important;}
body:where(.vfh0):not(.vfhz) .Card:where(.vfl0):not(.vfhz) .DashboardCardScroll::-webkit-scrollbar-track{background:transparent !important;}
body:where(.vfh0):not(.vfhz) .Card:where(.vfl0):not(.vfhz) .CardListing li{padding-bottom:6px !important;margin-bottom:4px !important;}

body:where(.vfh0):not(.vfhz) .Card:where(.vfl2):not(#vfhz), body:where(.vfh0):not(.vfhz) .Card:where(.vfl3):not(#vfhz){height:458px !important;}

body:where(.vfh0):not(.vfhz) .Cal_Prev_month img, body:where(.vfh0):not(.vfhz) .Cal_Next_month img{display:none !important;}
body:where(.vfh0):not(.vfhz) .Cal_Prev_month, body:where(.vfh0):not(.vfhz) .Cal_Next_month{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:22px !important;height:22px !important;}
body:where(.vfh0):not(.vfhz) .Cal_Prev_month::before{content:'''' !important;display:block !important;width:7px !important;height:7px !important;border-left:2px solid #51616f !important;border-bottom:2px solid #51616f !important;transform:rotate(45deg) !important;}
body:where(.vfh0):not(.vfhz) .Cal_Next_month::before{content:'''' !important;display:block !important;width:7px !important;height:7px !important;border-right:2px solid #51616f !important;border-top:2px solid #51616f !important;transform:rotate(45deg) !important;}


body:where(.vfh0):not(.vfhz) .Card:where(.vfl2):not(#vfhz) .CardMoreLink a:after, body:where(.vfh0):not(.vfhz) .Card:where(.vfl3):not(#vfhz) .CardMoreLink a:after { content:none !important; background:none !important; }

body:where(.vfh0):not(.vfhz) .Card:where(.vfl2):not(#vfhz) .CardListing li, body:where(.vfh0):not(.vfhz) .Card:where(.vfl3):not(#vfhz) .CardListing li { margin-bottom:6px !important; padding-top:6px !important; padding-bottom:6px !important; }

body:where(.vfh0):not(.vfhz) .Card:where(.vfl4):not(#vfhz) div[style*='font-size:11px;color:#7c8a99'] { font-size:13px !important; }
body:where(.vfh0):not(.vfhz) .Card:where(.vfl4):not(#vfhz) div[style*='font-size:10.5px;color:#7c8a99'] { font-size:12px !important; }
body:where(.vfh0):not(.vfhz) .Card:where(.vfl4):not(#vfhz) div[style*='font-weight:600;color:#c0392b'] { font-size:13px !important; }
body:where(.vfh0):not(.vfhz) .Card:where(.vfl4):not(#vfhz) div[style*='font-weight:600;color:#1c7a43'] { font-size:13px !important; }

body:where(.vfh0):not(.vfhz) #ssCard .ss-lc-inv { color:#fff !important; }

body:where(.vfh0):not(.vfhz) #ssCard .ss-live-banner { background:#46596c !important; border-color:rgba(91,122,153,0.35) !important; }
body:where(.vfh0):not(.vfhz) #ssCard .ss-live-banner svg { fill:#7699bd !important; }

body:where(.vfh0):not(.vfhz) #ssBtnManual { border:none !important; }

body:where(.vfh0):not(.vfhz) .rm-ticker-track { animation-duration:38.4s !important; }

body:where(.vfh0):not(.vfhz) .Card:where(.vfl4):not(#vfhz) div[style*='font-size:9.5px;color:#7c8a99;margin-top:1px'] { font-size:11px !important; }
body:where(.vfh0):not(.vfhz) .Card:where(.vfl4):not(#vfhz) div[style='font-size:10px;color:#7c8a99;'] { font-size:11.5px !important; }

/* Estimate page (test): don't enforce full-viewport min-height; let content size naturally */
body:where(.vfh1):not(#vfhz) .ContentArea {
  min-height: auto !important;
}



/* === Ported from demo: ribbon, status badge, and card component styling === */
body:where(.vfh1):not(#vfhz) .ci-ribbon {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  background: #fff;
  border: 1px solid #e1e5ec;
  border-radius: 6px;
  padding: 14px 18px;
  margin-bottom: 16px;
}

body:where(.vfh1):not(#vfhz) .ci-ribbon-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-right: 20px;
  border-right: 1px solid #d8d7dc;
}

body:where(.vfh1):not(#vfhz) .ci-ribbon-item:last-child {
  border-right: none;
  padding-right: 0;
}

body:where(.vfh1):not(#vfhz) .ci-ribbon-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: #6b7280;
  font-weight: 600;
}

body:where(.vfh1):not(#vfhz) .ci-ribbon-value {
  font-size: 16px;
  font-weight: 700;
  color: #292b2c;
}

body:where(.vfh1):not(#vfhz) .ci-status-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  vertical-align: middle;
}

body:where(.vfh1):not(#vfhz) .ci-ribbon {
  display: flex;
  gap: 20px;
  align-items: center;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-top: 4px solid #008acd;
  border-radius: 6px;
  padding: 14px 18px;
  margin-top: 10px;
  margin-bottom: 10px;
}

body:where(.vfh1):not(#vfhz) .ci-ribbon-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-right: 20px;
  border-right: 1px solid #d8d7dc;
}

body:where(.vfh1):not(#vfhz) .ci-ribbon-item:last-child {
  border-right: none;
  padding-right: 0;
}

body:where(.vfh1):not(#vfhz) .ci-ribbon-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: #6b7280;
  font-weight: 600;
}

body:where(.vfh1):not(#vfhz) .ci-ribbon-value {
  font-size: 16px;
  font-weight: 700;
  color: #292b2c;
}

body:where(.vfh1):not(#vfhz) .ci-status-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  vertical-align: middle;
}

body:where(.vfh1):not(#vfhz) .ci-ribbon-spacer {
  flex: 1;
}

body:where(.vfh1):not(#vfhz) .ci-ribbon-metric .ci-ribbon-value {
  font-size: 15px;
}

body:where(.vfh1):not(#vfhz) .ci-ribbon-item:first-child .ci-ribbon-value {
  color: #008acd;
}

body:where(.vfh1):not(#vfhz) .ci-ribbon.estimateInfoRibbon {
  margin-left: -7.5px !important;
  margin-right: -7.5px !important;
  border-right: none !important;
}

body:where(.vfh1):not(#vfhz) .ci-ribbon.estimateInfoRibbon .ci-ribbon-item:nth-child(3) {
  border-right: none !important;
}

body:where(.vfh1):not(#vfhz) .ed-hint {
  font-size: 12px;
  color: #64748b;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card > .ed-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid #e2e8f0;
  margin: 0;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card > .ed-card-head h2 {
  font-size: 15px;
  font-weight: 700;
  color: #1f2933;
  margin: 0;
  border-bottom: none !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card > .row:nth-of-type(1) {
  padding: 12px 18px;
  background: #fafbfc;
  border-bottom: 1px solid #e2e8f0;
  margin: 0;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card #ResortTable.content.bluehead {
  border: none !important;
  border-radius: 0 !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card .coloredsortbar {
  padding: 12px 18px 0;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card > .row:last-of-type {
  display: flex;
  align-items: center;
  padding: 14px 18px;
  background: #fafbfc;
  border-top: 1px solid #e2e8f0;
  margin: 0;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table {
  border-collapse: collapse;
  font-size: 13px;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table thead th {
  background: #008acd !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 11.5px;
  letter-spacing: .02em;
  padding: 10px 12px !important;
  border: none !important;
  vertical-align: middle;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table tbody td {
  padding: 8px 10px !important;
  border: none !important;
  border-bottom: 1px solid #e2e8f0 !important;
  vertical-align: middle;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f8fafc;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table tbody tr:hover td {
  background-color: #eef5fb;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table tfoot td,
body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table > tbody > tr:last-child > td {
  font-weight: 700;
  background: #f1f5f9 !important;
  border-top: 2px solid #e2e8f0 !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table input[type=text],
body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table select.form-control {
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 5px 6px !important;
  font-size: 12.5px !important;
  height: auto !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table tbody tr td:first-child input {
  width: 30px;
  height: 26px;
  text-align: center;
  padding: 3px !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card > .row:nth-of-type(1) {
  background: #fff !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card > .row:last-of-type {
  background: #fff !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table tfoot td,
body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table > tbody > tr:last-child > td {
  background: #fff !important;
  border-top: 2px solid #e2e8f0 !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card .coloredsortbar {
  background: #fff !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card #ResortTable.content.bluehead {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 #f1f5f9;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card #ResortTable.content.bluehead::-webkit-scrollbar {
  height: 8px;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card #ResortTable.content.bluehead::-webkit-scrollbar-track {
  background: #f1f5f9;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card #ResortTable.content.bluehead::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card #ResortTable.content.bluehead::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card .ResortData {
  margin-left: 18px !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card .ColorLegend.colorbg {
  margin-right: 18px !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card .coloredsortbar {
  padding-bottom: 14px !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card .coloredsortbar {
  margin-bottom: 14px !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card .coloredsortbar > .row:first-child {
  margin-bottom: 0 !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card .ResortData {
  align-items: center;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card .col-4:where(.vfl5):not(.vfhz) {
  display: flex;
  align-items: center;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card > .row:first-of-type {
  margin-top: 14px !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card .ResortData {
  margin-top: 14px !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card .ColorLegend.colorbg {
  margin-right: 0 !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card .col-4:where(.vfl5):not(.vfhz) {
  justify-content: flex-end;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card .ColorLegend.colorbg {
  margin-right: 18px !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table thead th {
  background: #0a6ea8 !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card {
  margin-bottom: 8px !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card ~ .ed-card {
  margin-bottom: 8px !important;
  margin-top: 0 !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card {
  margin-bottom: 30px !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card .col-12 > .row:where(.vfl6):not(.vfhz):not(vfhz) {
  padding-bottom: 8px !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card .col-12 > .row:where(.vfl6):not(.vfhz):not(vfhz) {
  padding-bottom: 4px !important;
}

body:where(.vfh1):not(#vfhz) .ed-lineitems-card #ResortTable.content.bluehead {
  overflow-y: visible !important;
}

body:where(.vfh1):not(#vfhz) .ci-ribbon.estimateInfoRibbon{margin-left:1px !important;margin-right:1px !important;}


body:where(.vfh1):not(#vfhz) .ci-badge-neutral { background: #eef0f2; color: #55595c; }
body:where(.vfh1):not(#vfhz) .ci-badge-warning { background: #fff3cd; color: #8a6d1d; }
body:where(.vfh1):not(#vfhz) .ci-badge-info { background: #d6ecff; color: #0a5aa8; }
body:where(.vfh1):not(#vfhz) .ci-badge-success { background: #d9f2e3; color: #1c7a43; }
body:where(.vfh1):not(#vfhz) .ci-badge-danger { background: #fbdcdc; color: #a3252c; }


body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table thead th { padding: 8px 10px !important; text-transform: uppercase !important; }


.content:where(.vfl7):not(#vfhz):not(vfhz) { display:block !important; width:100% !important; max-width:none !important; border:none !important; box-shadow:none !important; padding:0 !important; margin:0 !important; float:none !important; }


.row:where(.vfl8):not(#vfhz):not(.vfhz) { flex:1 1 100% !important; width:100% !important; max-width:100% !important; }
.row:where(.vfl9):not(#vfhz):not(.vfhz) > .col-12 { flex:0 0 auto !important; width:100% !important; max-width:none !important; padding-right:29px !important; }
#InvoiceTable { width:100% !important; max-width:100% !important; }


body:where(.vfh1):not(#vfhz) .content-header h1, body:where(.vfh1):not(#vfhz) h1 { font-weight:700 !important; font-size:20px !important; }
body:where(.vfh1):not(#vfhz) input[value="Container Capacity"] { background:#e8f3fa !important; color:#08517c !important; text-transform:none !important; }
body:where(.vfh1):not(#vfhz) input[value*="Add"][value*="tem"] { background:#336633 !important; text-transform:none !important; }
body:where(.vfh1):not(#vfhz) input[name="btnSaveForm"] { text-transform:none !important; }
body:where(.vfh1):not(#vfhz) input[value="RESORT"], body:where(.vfh1):not(#vfhz) input[value="Resort"] { text-transform:none !important; }
body:where(.vfh1):not(#vfhz) #save_estimate_po { text-transform:none !important; }
body:where(.vfh1):not(#vfhz) table.table { border-radius:8px !important; overflow:hidden !important; border-collapse:separate !important; border-spacing:0 !important; }


body:where(.vfh1):not(#vfhz) li.modified, body:where(.vfh1):not(#vfhz) li.added, body:where(.vfh1):not(#vfhz) li.delet { color:#64748b !important; }
body:where(.vfh1):not(#vfhz) li.modified::before { width:8px !important; height:8px !important; background:#e0a83a !important; border-radius:50% !important; }
body:where(.vfh1):not(#vfhz) li.added::before { width:8px !important; height:8px !important; background:#1f8a4c !important; border-radius:50% !important; }
body:where(.vfh1):not(#vfhz) li.delet::before { width:8px !important; height:8px !important; background:#c23b3b !important; border-radius:50% !important; }


.oc-section{background-color:#e7ecf1 !important;}


body:where(.vfh1):not(#vfhz) .ed-lineitems-card { margin-left:15px !important; margin-right:15px !important; }


body:where(.vfh1):not(#vfhz) .oc-section { margin-left:0 !important; margin-right:0 !important; }
.row:where(.vfl9):not(#vfhz):not(.vfhz) > .col-12 { margin-left:15px !important; padding-left:15px !important; padding-right:15px !important; box-sizing:border-box !important; }


#InvoiceTable { background:transparent !important; }


body:where(.vfh1):not(#vfhz) .ContentHeader { padding-top:0 !important; }


body:where(.vfh1):not(#vfhz) .ContentHeader { height:64px !important; }


body:where(.vfh1):not(#vfhz) .ContentHeader { display:flex !important; align-items:center !important; }


body:where(.vfh1):not(#vfhz) #save_estimate_po { background-color:#336633 !important; }


body:where(.vfh1):not(#vfhz) .ed-lineitems-card { border-top:4px solid #008acd !important; border-radius:10px 10px 0 0 !important; }


body:where(.vfh1):not(#vfhz) .ed-lineitems-card { margin-top:10px !important; }


body:where(.vfh1):not(#vfhz) #Containers { font-weight:700 !important; }


body:where(.vfh1):not(#vfhz) .ResortData li { font-size:12.5px !important; font-weight:500 !important; color:#1f2933 !important; }


body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table thead th a, body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table thead th a:link, body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table thead th a:visited { font-size:11.5px !important; font-weight:700 !important; color:#fff !important; text-decoration:none !important; text-transform:uppercase !important; letter-spacing:.2px !important; font-family:Roboto !important; }


body:where(.vfh1):not(#vfhz) .ColorLegend.colorbg { background:#fff !important; }










body:where(.vfh1):not(#vfhz) .coloredsortbar .row { display:flex !important; flex-wrap:nowrap !important; align-items:flex-start !important; }
body:where(.vfh1):not(#vfhz) .coloredsortbar .row > .col-8 { flex:0 1 auto !important; width:auto !important; max-width:none !important; }
body:where(.vfh1):not(#vfhz) .coloredsortbar .row > .col-4 { flex:0 0 auto !important; width:auto !important; max-width:none !important; margin-left:auto !important; }


body:where(.vfh1):not(#vfhz) .coloredsortbar .row > .col-4.col-4.col-4 { flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin-left: auto !important; }


body:where(.vfh1):not(#vfhz) .ed-lineitems-card .coloredsortbar { margin-bottom:0 !important; padding-bottom:0 !important; }


body:where(.vfh1):not(#vfhz) #btnsort { font-weight:700 !important; }
body:where(.vfh1):not(#vfhz) #fx_country { border:1px solid #e2e8f0 !important; }


body:where(.vfh1):not(#vfhz) .ci-status-badge { border-left: 4px solid !important; padding-left: 10px !important; }


body:where(.vfh1):not(#vfhz) .ed-lineitems-card .content.bluehead { padding-left:0 !important; } /* scroll gutter moved to wrapper */
body:where(.vfh1):not(#vfhz) .ed-lineitems-card .row:where(.vfl10):not(#vfhz):not(.vfhz) { margin-left:0 !important; margin-right:0 !important; }
body:where(.vfh1):not(#vfhz) .ed-lineitems-card .col-12:where(.vfl11):not(#vfhz) { padding-left:18px !important; padding-right:18px !important; }
/* removed 28px last-col padding: scroll gutter now on wrapper */


body:where(.vfh1):not(#vfhz) .ed-lineitems-card table.table { margin-right:0 !important; border-bottom:0 !important; }

/* Comments and Attachments card - matches demo */
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz){border:1px solid #e1e5ec !important;border-radius:10px 10px 0 0 !important;border-bottom:none !important;box-shadow:none !important;margin:0 0 8px !important;width:auto !important}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) .CardBody{padding:16px 18px 8px !important}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) .ed-card-head{display:flex !important;align-items:center !important;justify-content:space-between;height:36px !important;padding:0 23px !important;margin:0 -23px 10px !important;background:transparent !important;box-shadow:none !important;border-bottom:2px solid #e2e8f0 !important}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) .ed-card-head h2{font-size:15px !important;font-weight:700 !important;color:#1f2933 !important;margin:0 !important;border-bottom:none !important}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) .CardBody > .row{padding:4px 4px 0 !important;margin-bottom:0 !important;align-items:flex-start !important}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) textarea[name="comment"],body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) textarea[name="ManufComment"]{border:1px solid #e2e8f0 !important;border-radius:6px !important}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) input[type="file"]{border:1px solid #e2e8f0 !important;border-radius:7px !important;background:#fff !important;padding:6px 10px !important;font-size:12.5px !important}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) .EstFileUpld{display:flex !important;flex-direction:column !important;align-items:flex-start !important}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) .left-space-30 .form-group.row .col-sm-12.text-left{display:grid !important;grid-template-columns:1fr 1fr;gap:10px;font-size:0 !important}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) .left-space-30 .form-group.row .col-sm-12.text-left input.btn{width:100% !important;margin:0 !important;font-size:13.5px !important;font-weight:700 !important;text-transform:none !important;background-color:#e8f3fa !important;border-color:#e8f3fa !important;color:#08517c !important}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) .left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(1){grid-area:1/1}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) .left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(2){grid-area:1/2}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) .left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(3){grid-area:2/1}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) .left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(4){grid-area:2/2}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) .left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(5){grid-area:3/1;grid-column:1/span 2 !important;background-color:#1f2933 !important;border-color:#1f2933 !important;color:#fff !important}
body:where(.vfh1):not(#vfhz) .row.justify-content-center:where(.vfl13):not(#vfhz):not(.vfhz):not(.vfhz){margin-left:0 !important;margin-right:0 !important;width:100% !important;flex:0 0 100% !important}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) #comment{height:48px;min-height:48px !important}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) textarea[name="comment"]:focus,body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) textarea[name="ManufComment"]:focus{outline:none;box-shadow:0 0 0 3px #e8f3fa !important;border-color:#0a6ea8 !important}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) input[type="file"]::file-selector-button{cursor:pointer;transition:background-color .15s;background:#e8f3fa !important;color:#08517c !important;border:none !important;border-radius:5px !important;padding:6px 12px !important;margin-right:8px !important;font-size:12.5px !important;font-weight:600 !important}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) input[type="file"]::file-selector-button:hover{background:#0a6ea8 !important;color:#fff !important}
body:where(.vfh1):not(#vfhz) .Card:where(.vfl12):not(#vfhz) .left-space-30 .form-group.row .col-sm-12.text-left input.btn:hover{background-color:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important}

/* Email band + Additional Order Cost card - matches demo */
body:where(.vfh1):not(#vfhz) hr:where(.vfl14):not(#vfhz):not(.vfhz):not(.vfhz){display:none !important}
body:where(.vfh1):not(#vfhz) .form-group.row:where(.vfl15):not(#vfhz){flex:0 0 auto !important;width:calc(100% + 19px) !important;max-width:none !important;margin:8px -7px 8px -12px !important;padding:8px 20px !important;background:#fafbfc !important;border:1px solid #e2e8f0 !important;border-radius:0 !important;line-height:1.2 !important;min-height:0 !important}
body:where(.vfh1):not(#vfhz) .form-group.row:where(.vfl15):not(#vfhz) .col-sm-12{padding:2px 0 !important;margin:0 !important}
body:where(.vfh1):not(#vfhz) .form-group.row:where(.vfl15):not(#vfhz) ul{margin:0 !important;padding:0 !important}
body:where(.vfh1):not(#vfhz) #dStatusChange{margin:0 1.5px 0 6.5px !important}
body:where(.vfh1):not(#vfhz) #dStatusChange b{font-family:Roboto,Arial,sans-serif !important;font-size:13px !important;font-weight:700 !important;color:#475569 !important;text-transform:none !important}
body:where(.vfh1):not(#vfhz) #dStatusChange input[type="checkbox"]{margin:0 5px 0 0 !important}
body:where(.vfh1):not(#vfhz) .ed-card:where(.vfl16):not(#vfhz){flex:0 0 calc(100% - 30px) !important;max-width:calc(100% - 30px) !important;margin:10px 15px 60px !important;background:#fafbfc !important;border:1px solid #e2e8f0 !important;border-top:4px solid #008acd !important;border-radius:10px 10px 0 0 !important;overflow:hidden !important}
body:where(.vfh1):not(#vfhz) .ed-card:where(.vfl16):not(#vfhz) > .row:first-child{padding:14px 18px !important;margin:0 !important;border-bottom:2px solid #e2e8f0 !important;background:transparent !important}
body:where(.vfh1):not(#vfhz) .ed-card:where(.vfl16):not(#vfhz) > .row:first-child h2{font-size:15px !important;font-weight:700 !important;color:#1f2933 !important;margin:0 !important;border-bottom:none !important}
body:where(.vfh1):not(#vfhz) .ed-card:where(.vfl16):not(#vfhz) > .row:last-child{padding:14px 18px !important;margin:0 !important}
body:where(.vfh1):not(#vfhz) .ed-card:where(.vfl16):not(#vfhz) .CommonTable{padding:0 !important;margin:0 0 10px !important;border:1px solid #d6d6d6 !important;background:#fff !important}
body:where(.vfh1):not(#vfhz) #frmCost table.table{border:1px solid #eceeef !important;border-radius:8px !important;overflow:hidden !important;margin-bottom:0 !important;border-collapse:collapse !important}
body:where(.vfh1):not(#vfhz) #frmCost table.table thead th{background:#1a3a63 !important;color:#fff !important;padding:6.5px 10px !important;font-size:13px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.23px !important;line-height:17.25px !important;border:none !important;text-align:left !important;vertical-align:middle !important}
body:where(.vfh1):not(#vfhz) #frmCost table.table thead th:last-child,body:where(.vfh1):not(#vfhz) #frmCost table.table tbody td:last-child{text-align:center !important}
body:where(.vfh1):not(#vfhz) #frmCost table.table thead input[type="button"]{background:#e8f3fa !important;color:#08517c !important;padding:2px 8px !important;font-size:11px !important;font-weight:400 !important;border:none !important;border-radius:5px !important;text-transform:none !important}
body:where(.vfh1):not(#vfhz) #frmCost table.table thead input[type="button"]:hover{background:#0a6ea8 !important;color:#fff !important}
body:where(.vfh1):not(#vfhz) #frmCost table.table tbody td{padding:8px 10px !important;border:none !important;border-bottom:1px solid #e2e8f0 !important;background:#fff !important;vertical-align:top !important}
body:where(.vfh1):not(#vfhz) #frmCost table.table tbody tr:nth-of-type(odd) td{background-color:#f8fafc !important}
body:where(.vfh1):not(#vfhz) #frmCost table.table tbody tr:hover td{background-color:#eef5fb !important}
body:where(.vfh1):not(#vfhz) #frmCost table.table tbody tr:last-child td{background:#f1f5f9 !important;border-top:2px solid #e2e8f0 !important}
body:where(.vfh1):not(#vfhz) #frmCost table.table tbody input[type="text"],body:where(.vfh1):not(#vfhz) #frmCost table.table tbody input[type="number"],body:where(.vfh1):not(#vfhz) #frmCost table.table tbody textarea{border:1px solid #e2e8f0 !important;border-radius:6px !important;padding:6px 8px !important;background:#fff !important;font-size:12px !important}
body:where(.vfh1):not(#vfhz) #frmCost table.table tbody textarea{height:48px;min-height:48px !important;resize:both !important}
body:where(.vfh1):not(#vfhz) #frmCost table.table tbody input:focus,body:where(.vfh1):not(#vfhz) #frmCost table.table tbody textarea:focus{outline:none;box-shadow:0 0 0 3px #e8f3fa !important;border-color:#0a6ea8 !important}
body:where(.vfh1):not(#vfhz) #frmCost table.table .fa-trash{color:#555 !important;font-size:20px !important}
body:where(.vfh1):not(#vfhz) .ed-card:where(.vfl16):not(#vfhz) #btnSaveCost{text-transform:none !important}
body:where(.vfh1):not(#vfhz) .ed-card:where(.vfl16):not(#vfhz) #btnSaveCost:hover{background-color:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important}
body:where(.vfh1):not(#vfhz) #frmCost table.table tbody textarea,body:where(.vfh1):not(#vfhz) #frmCost table.table td input.onlynumber,body:where(.vfh1):not(#vfhz) #frmCost table.table td input[name*="Pack"]{width:100% !important;box-sizing:border-box !important}
/* Save + Save Additional Cost in dark green (redesigned page only) */
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) input[name="btnSaveForm"],body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #btnSaveCost{background-color:#336633 !important;border-color:#336633 !important;color:#fff !important}
/* All buttons hover #0069d9 (redesigned page only) */
body:where(.vfh2):not(.vfhz):where(.vfh1):not(#vfhz):where(.vfh4):not(#vfhz):where(.vfh5):not(#vfhz) :is(input[type="submit"],input[type="button"],input[type="reset"],button.btn,button.btn-green,a.btn):hover{background-color:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important}
body:where(.vfh2):not(.vfhz):where(.vfh1):not(#vfhz):where(.vfh4):not(#vfhz):where(.vfh5):not(#vfhz) input[type="file"]::file-selector-button:hover{background:#0069d9 !important;color:#fff !important}
/* Reset button gray, Save Details font (redesigned page only) */
body:where(.vfh2):not(.vfhz) #btn_reset_cont_vol{background-color:#555555 !important;border-color:#555555 !important;color:#fff !important;font-family:Roboto,sans-serif !important;font-size:14px !important;font-weight:400 !important;text-transform:none !important;letter-spacing:normal !important}
/* Reset button right-aligned to Transportation Mode dropdown (redesigned page only) */
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .ed-inline:where(.vfl17):not(#vfhz){display:flex !important;justify-content:space-between !important;align-items:center !important;width:100% !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #btn_reset_cont_vol{margin-left:auto !important;margin-right:0 !important}
/* Resort button regular Roboto (redesigned page only) */
body:where(.vfh2):not(.vfhz):where(.vfh1):not(#vfhz) #btnsort{font-family:Roboto,sans-serif !important;font-weight:400 !important;font-size:14px !important}
/* Sales Comm + Ind. Sales Comm inline layout - matches demo (redesigned page only) */
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .ed-inline:where(.vfl18):not(#vfhz),body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .ed-inline:where(.vfl19):not(#vfhz){display:flex !important;align-items:flex-start !important;gap:6px !important;flex-wrap:wrap !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #SalesCommType,body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #IndSalesCommType{width:52px !important;min-width:0 !important;flex:0 1 auto !important;height:33px !important;padding:7px 9px !important;font-size:13px !important;margin:0 !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #SalesComm,body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #IndSalesComm{width:80px !important;flex:0 1 auto !important;height:33.5px !important;padding:7px 9px !important;font-size:13px !important;margin:0 0 8px !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .ed-inline:where(.vfl18):not(#vfhz) .ed-price,body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .ed-inline:where(.vfl19):not(#vfhz) .ed-price{font-size:12px !important;font-weight:600 !important;color:#64748b !important;margin:0 !important;line-height:18px !important;padding:0 !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .oc-fld-label:where(.vfl20):not(#vfhz),body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .oc-fld-label:where(.vfl21):not(#vfhz){font-size:11px !important;font-weight:700 !important;color:#475569 !important;text-transform:none !important;margin-bottom:6px !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #IsSalesComm,body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #IsIndSalesComm{margin:0 5px 0 0 !important}
/* Charges + Additional Order Cost - matches demo (redesigned page only) */
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .ed-inline:where(.vfl22):not(#vfhz){display:flex !important;align-items:center !important;gap:6px !important;flex-wrap:wrap !important;line-height:24px !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #Charges{width:80px !important;margin:0 !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .ed-readonly{display:block !important;padding:7px 9px !important;font-size:13px !important;color:#1f2933 !important;background:#f8fafc !important;border:1px solid #e2e8f0 !important;border-radius:6px !important;line-height:19.5px !important;box-sizing:border-box !important;min-height:35.5px !important}
/* Line items table: no left/right table border (redesigned page only) */
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .ed-lineitems-card table.table{border-left:0 !important;border-right:0 !important}
/* Additional Order Cost total row 14px (redesigned page only) */
body:where(.vfh2):not(.vfhz) #frmCost table.table tbody tr:where(.vfl23):not(vfhz):not(vfhz):not(:where(.vfl24):not(vfhz)) td,body:where(.vfh2):not(.vfhz) #frmCost table.table tbody tr:where(.vfl23):not(vfhz):not(vfhz):not(:where(.vfl24):not(vfhz)) td b{font-size:14px !important}
/* Line items total row 14px (redesigned page only) */
body:where(.vfh2):not(.vfhz) #ResortTable > table > tbody > tr:last-child:not(:where(.vfl25):not(.vfhz):not(vfhz)) td,body:where(.vfh2):not(.vfhz) #ResortTable > table > tbody > tr:last-child:not(:where(.vfl25):not(.vfhz):not(vfhz)) td *{font-size:14px !important}
/* 24.5px gap below Resort/legend to line items table (redesigned page only) */
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .ed-lineitems-card ul.ColorLegend{margin-top:13.5px !important}
/* Container Capacity popup - matches demo (redesigned page only) */
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-modal-content{border-radius:14px !important;box-shadow:0 20px 50px rgba(15,23,42,.25) !important;border:none !important;overflow:hidden !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-modal-content .modal-header{background:#0a6ea8 !important;padding:18px 24px !important;border-bottom:none !important;display:flex !important;align-items:center !important;justify-content:space-between !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-modal-content .modal-title{color:#fff !important;font-size:17px !important;font-weight:700 !important;letter-spacing:.3px !important;margin:0 !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-close{transition:background-color .15s;color:#fff !important;opacity:.9 !important;float:none !important;font-size:20px !important;font-weight:400 !important;margin:0 !important;background:rgba(255,255,255,.15) !important;width:28px !important;height:28px !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-close:hover,body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-close:focus{color:#fff !important;opacity:1 !important;background:rgba(255,255,255,.3) !important;text-decoration:none !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-modal-content .CommonTable{padding:22px 24px 4px !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))):where(.vfh1):not(#vfhz) .contcap-modal-content .CommonTable table.table-striped{border-collapse:separate !important;border-spacing:10px 0 !important;margin-left:-10px !important;width:calc(100% + 20px) !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-modal-content .CommonTable table.table-striped thead.thead-dark th{background:#0a6ea8 !important;color:#fff !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.2px !important;border-radius:8px 8px 0 0 !important;padding:9px 6px !important;border:none !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-modal-content .CommonTable table.table-striped tbody td{background:#f8fafc !important;border:1px solid #e2e8f0 !important;border-top:none !important;padding:0 !important;vertical-align:top !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-modal-content .CommonTable table.table-striped tbody tr td table{background:transparent !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-modal-content .CommonTable table.table-striped tbody tr td table td{border:none !important;background:transparent !important;font-size:10.5px !important;color:#64748b !important;font-weight:600 !important;padding:8px 4px 2px !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-modal-content .CommonTable table.table-striped tbody tr td table[border="1"] td{font-size:14px !important;color:#1f2933 !important;font-weight:700 !important;padding:2px 4px 10px !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-modal-content .modal-footer{padding:14px 24px !important;border-top:1px solid #e2e8f0 !important;text-align:right !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-modal-content .modal-footer .contcap-close.btn-green{display:inline-flex !important;width:auto !important;height:auto !important;border-radius:6px !important;background:#e8f3fa !important;color:#08517c !important;font-size:12.5px !important;font-weight:600 !important;text-transform:none !important;opacity:1 !important;padding:7px 16px !important;margin:0 !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-modal-content .modal-footer .contcap-close.btn-green:hover{background:#0069d9 !important;color:#fff !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-modal-content > div:last-of-type{padding:4px 24px 24px !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-modal-content > div:last-of-type img{border:1px solid #e2e8f0 !important;border-radius:10px !important;display:block !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-fillbar-track{height:6px !important;border-radius:4px !important;background:#e2e8f0 !important;margin:8px auto 0 !important;overflow:hidden !important;width:90% !important;display:block !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .contcap-fillbar-fill{height:100% !important;border-radius:4px !important;background:#0a6ea8 !important;display:block !important}
/* Unit Price USD suggestion popups - matches demo (redesigned page only) */
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #suggestprice.priceSuggest{z-index:2000 !important;background:#fff !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;box-shadow:0 12px 32px rgba(15,23,42,.18) !important;padding:4px !important;overflow:hidden !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #suggestprice table{border-radius:8px !important;overflow:hidden !important;margin-bottom:6px !important;width:100% !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #suggestprice table + table{margin-top:2px !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #suggestprice th{background:#0a6ea8 !important;color:#fff !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.2px !important;padding:9px 10px !important;border:none !important;text-align:left !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #suggestprice table:nth-of-type(1) th{background:#336633 !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #suggestprice table:nth-of-type(2) th{background:#1f2933 !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #suggestprice td{font-size:12px !important;padding:8px 10px !important;border:none !important;border-bottom:1px solid #eef1f5 !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #suggestprice tbody tr:last-of-type td{border-bottom:none !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #suggestprice tbody tr:nth-child(2n) td{background-color:#eef2f7 !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #suggestprice tbody tr td:first-child{background-color:#f7f7f7 !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #suggestprice tbody tr:nth-child(2n) td:first-child{background-color:#eef2f7 !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #suggestprice#suggestprice tbody tr:nth-child(2n+1):last-child td{font-weight:400 !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #suggestprice#suggestprice tbody tr:nth-child(2n):last-child td{font-weight:400 !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) #suggestprice#suggestprice tbody tr:hover td{background-color:#d7ebfa !important}
/* 24.5px gap between column checkboxes and Resort (redesigned page only) */
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .ed-lineitems-card .row:where(.vfl26):not(.vfhz):not(.vfhz):not(vfhz):not(:where(.vfl27):not(#vfhz)):not(:where(.vfl28):not(#vfhz)){padding-bottom:0 !important}
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .ed-lineitems-card .row:where(.vfl26):not(.vfhz):not(.vfhz):not(vfhz):not(:where(.vfl27):not(#vfhz)):not(:where(.vfl28):not(#vfhz)) ul.ResortData{margin-bottom:5px !important}
/* Column checkboxes use full card width before wrapping (redesigned page only) */
body:where(.vfh2):not(.vfhz):where(:not(:where(.vfh3):not(.vfhz))) .ed-lineitems-card .row:where(.vfl26):not(.vfhz):not(.vfhz):not(vfhz):not(:where(.vfl27):not(#vfhz)):not(:where(.vfl28):not(#vfhz)) > .col-8{flex:0 0 100% !important;max-width:100% !important}
/* Save/error message bar full width so it stays on one line (redesigned page only) */
body:where(.vfh2):not(.vfhz) .row > .row.justify-content-center:where(.vfl29):not(.vfhz):not(.vfhz){flex:0 0 100% !important;max-width:100% !important;width:100% !important}
/* 16px space above the summary ribbon (redesigned page only) */
body:where(.vfh2):not(.vfhz) .ContentArea{padding-top:16px !important}
body:where(.vfh2):not(.vfhz) .ci-ribbon.estimateInfoRibbon{margin-top:0 !important}
/* Line items: min widths for Item Description (col 10) and Specification (col 12) so rows stay compact */
body:where(.vfh2):not(.vfhz) #ResortTable > table > thead > tr > th:nth-child(10),body:where(.vfh2):not(.vfhz) #ResortTable > table > tbody > tr > td:nth-child(10){min-width:220px !important}
body:where(.vfh2):not(.vfhz) #ResortTable > table > thead > tr > th:nth-child(12),body:where(.vfh2):not(.vfhz) #ResortTable > table > tbody > tr > td:nth-child(12){min-width:260px !important}
/* Dashboard top tiles - Option B icon badge cards */
.InfoBoxTop.sb-v2 .StaticBox{position:relative !important;display:flex !important;align-items:flex-start !important;gap:16px !important;padding:20px !important;height:100% !important;box-sizing:border-box !important;background:var(--od-panel,#ffffff) !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;box-shadow:0 1px 2px rgba(15,23,42,.06) !important;transition:border-color .15s,box-shadow .15s}
.InfoBoxTop.sb-v2 .StaticBox::before{content:"";flex-shrink:0;width:44px;height:44px;border-radius:10px;background-position:center;background-repeat:no-repeat;background-size:22px 22px}
.InfoBoxTop.sb-v2 .BgEstimate::before{background-color:#e8f3fa;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%230a6ea8%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z%27/%3E%3Cpath d=%27M14 3v5h5%27/%3E%3Cpath d=%27M9 13h6%27/%3E%3Cpath d=%27M9 17h6%27/%3E%3C/svg%3E")}
.InfoBoxTop.sb-v2 .BgOrder::before{background-color:#eef2f7;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23475569%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M21 8l-9-5-9 5 9 5 9-5z%27/%3E%3Cpath d=%27M3 8v8l9 5 9-5V8%27/%3E%3Cpath d=%27M12 13v8%27/%3E%3C/svg%3E")}
.InfoBoxTop.sb-v2 .BgCustomer::before{background-color:#e7f4ec;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%232f7d4f%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3v12%27/%3E%3Cpath d=%27M7 10l5 5 5-5%27/%3E%3Cpath d=%27M5 21h14%27/%3E%3C/svg%3E")}
.InfoBoxTop.sb-v2 .BgManufacturer::before{background-color:#fdf1e3;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23b45f06%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 21V9%27/%3E%3Cpath d=%27M7 14l5-5 5 5%27/%3E%3Cpath d=%27M5 3h14%27/%3E%3C/svg%3E")}
.InfoBoxTop.sb-v2 .StaticBox .icon{display:none !important}
.InfoBoxTop.sb-v2 .StaticBox .value{display:flex !important;flex-direction:column !important;gap:4px !important;min-width:0 !important;padding:0 !important;margin:0 !important;float:none !important;width:auto !important}
.InfoBoxTop.sb-v2 .StaticBox .value p:first-of-type{order:-1 !important;margin:0 !important;font-size:12px !important;font-weight:700 !important;color:#475569 !important;letter-spacing:.4px !important;text-transform:uppercase !important;line-height:1.3 !important}
.InfoBoxTop.sb-v2 .StaticBox .value h3{order:0 !important;margin:0 !important;font-size:30px !important;font-weight:700 !important;line-height:1.1 !important;color:#1f2933 !important}
.InfoBoxTop.sb-v2 .StaticBox .value p:nth-of-type(2){order:1 !important;margin:0 !important;font-size:13px !important;font-weight:400 !important;color:#475569 !important;text-transform:none !important;letter-spacing:normal !important}
.InfoBoxTop.sb-v2 .StaticBox .sb-link{order:2;margin-top:6px;font-size:12.5px;font-weight:600;color:#0a6ea8 !important;text-decoration:none !important}
.InfoBoxTop.sb-v2 .StaticBox .sb-link::after{content:"";position:absolute;inset:0;border-radius:12px}
.InfoBoxTop.sb-v2 .StaticBox:hover{border-color:#0a6ea8 !important;box-shadow:0 4px 12px rgba(15,23,42,.10) !important}
.InfoBoxTop.sb-v2 .StaticBox:hover .sb-link,.InfoBoxTop.sb-v2 .StaticBox .sb-link:hover,.InfoBoxTop.sb-v2 .StaticBox .sb-link:focus{text-decoration:none !important}
.InfoBoxTop.sb-v2 .StaticBox:focus-within{box-shadow:0 0 0 3px #bfdcf0 !important}
.InfoBoxTop.sb-v2 .StaticBox .sb-link:focus{outline:none}
/* Dashboard tiles - Option G footer strip on Option B cards */
.InfoBoxTop.sb-v2 .StaticBox{display:grid !important;grid-template-columns:44px minmax(0,1fr) !important;grid-template-rows:auto auto auto 1fr !important;column-gap:16px !important;row-gap:4px !important;align-items:start !important;padding:20px 20px 0 !important;overflow:hidden !important}
.InfoBoxTop.sb-v2 .StaticBox::before{grid-column:1 !important;grid-row:1 / span 3 !important}
.InfoBoxTop.sb-v2 .StaticBox .value{display:contents !important}
.InfoBoxTop.sb-v2 .StaticBox .value p:first-of-type{grid-column:2 !important;grid-row:1 !important}
.InfoBoxTop.sb-v2 .StaticBox .value h3{grid-column:2 !important;grid-row:2 !important}
.InfoBoxTop.sb-v2 .StaticBox .value p:nth-of-type(2){grid-column:2 !important;grid-row:3 !important}
.InfoBoxTop.sb-v2 .StaticBox .sb-link{grid-column:1 / -1 !important;grid-row:4 !important;align-self:end !important;display:flex !important;justify-content:space-between !important;align-items:center !important;margin:14px -20px 0 !important;padding:12px 20px !important;border-top:1px solid #eef1f5 !important;background:#fafbfc !important;font-size:13px !important;font-weight:600 !important;color:#0a6ea8 !important}
.InfoBoxTop.sb-v2 .StaticBox .sb-arrow{font-size:14px;line-height:1}
/* Dashboard header - date + theme pill with round dots (from header Option B) */
.ContentHeader .od-date{position:absolute;top:50%;right:244px;transform:translateY(-50%);font-family:Roboto,Arial,sans-serif;font-size:13px;font-weight:500;color:#e6f2fa;white-space:nowrap}
.ContentHeader #odThemePicker{display:flex !important;align-items:center !important;gap:6px !important;padding:5px 10px !important;background:#fafbfc !important;border:1px solid #e2e8f0 !important;border-radius:999px !important}
.ContentHeader #odThemePicker .od-tlabel{font-size:0 !important;margin:0 4px 0 0 !important;padding:0 !important;letter-spacing:0 !important}
.ContentHeader #odThemePicker .od-tlabel::after{content:"Theme";font-family:Roboto,Arial,sans-serif;font-size:11px;font-weight:700;color:#475569}
.ContentHeader #odThemePicker .od-swatch{width:18px !important;height:18px !important;min-width:0 !important;padding:0 !important;margin:0 !important;border-radius:50% !important;border:1px solid #b8c1cc !important;box-shadow:none !important;font-size:0 !important;line-height:0 !important;cursor:pointer}
.ContentHeader #odThemePicker .od-swatch::before,.ContentHeader #odThemePicker .od-swatch::after{display:none !important;content:none !important}
.ContentHeader #odThemePicker .od-swatch.od-active{border:2px solid #0a6ea8 !important;box-shadow:0 0 0 2px #ffffff inset !important}
.ContentHeader #odThemePicker .od-swatch:hover{border-color:#0a6ea8 !important}
.ContentHeader #odThemePicker .od-swatch:focus-visible{outline:2px solid #0a6ea8 !important;outline-offset:2px !important}
/* Admin top bar - Option B (balanced) */
header.header.tb-v2 .main-header{display:flex !important;align-items:center !important;height:67px !important;padding:0 20px 0 12px !important;background:#ffffff !important;border-bottom:1px solid #e2e8f0 !important;box-shadow:none !important}
header.header.tb-v2 .push-menu{width:40px !important;height:40px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:8px !important}
header.header.tb-v2 .push-menu:hover{background:#f1f5f9 !important}
header.header.tb-v2 .navbar-collapse{display:flex !important;flex:1 1 auto !important;flex-direction:row !important;justify-content:flex-end !important}
header.header.tb-v2 ul.navbar-nav{flex:1 1 auto !important;display:flex !important;flex-direction:row !important;align-items:center !important;gap:6px !important;margin:0 !important}
header.header.tb-v2 li.nav-search{flex:1 1 auto !important;display:flex !important;justify-content:center !important;margin:0 16px 0 24px !important;padding:0 !important;float:none !important}
header.header.tb-v2 #frmglobalsearch{position:relative !important;width:100% !important;max-width:560px !important;margin:0 !important}
header.header.tb-v2 #global_keyword{width:100% !important;height:40px !important;box-sizing:border-box !important;padding:0 14px 0 40px !important;border:1px solid #e2e8f0 !important;border-radius:10px !important;background:#f8fafc !important;font-family:Roboto,Arial,sans-serif !important;font-size:14px !important;color:#1f2933 !important;box-shadow:none !important}
header.header.tb-v2 #global_keyword:focus{outline:none !important;border-color:#0a6ea8 !important;background:#ffffff !important;box-shadow:0 0 0 3px #e8f3fa !important}
header.header.tb-v2 #frmglobalsearch .search-icon{position:absolute !important;left:12px !important;top:50% !important;right:auto !important;transform:translateY(-50%) !important;width:18px !important;height:18px !important;margin:0 !important;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%2364748b%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%277%27/%3E%3Cline x1=%2721%27 y1=%2721%27 x2=%2716.65%27 y2=%2716.65%27/%3E%3C/svg%3E") no-repeat center/17px !important}
header.header.tb-v2 #frmglobalsearch .search-icon img{width:18px !important;height:18px !important;opacity:0 !important;display:block !important}
header.header.tb-v2 .dashboard-link-nav,header.header.tb-v2 .support-link-nav{display:flex !important;align-items:center !important;gap:7px !important;width:auto !important;height:40px !important;padding:0 12px !important;border-radius:8px !important;color:#334155 !important;font-family:Roboto,Arial,sans-serif !important;font-size:13px !important;font-weight:600 !important;text-decoration:none !important;background-image:none !important}
header.header.tb-v2 .dashboard-link-nav:hover,header.header.tb-v2 .support-link-nav:hover{background:#f1f5f9 !important;color:#0a6ea8 !important}
header.header.tb-v2 .dashboard-link-nav > span:first-child,header.header.tb-v2 .support-link-nav > span:first-child{display:inline-block !important;width:18px !important;height:18px !important;margin:0 !important;padding:0 !important}
header.header.tb-v2 .dashboard-link-nav > span:first-child{background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23334155%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%273%27 width=%277%27 height=%277%27 rx=%271.5%27/%3E%3Crect x=%2714%27 y=%273%27 width=%277%27 height=%275%27 rx=%271.5%27/%3E%3Crect x=%2714%27 y=%2712%27 width=%277%27 height=%279%27 rx=%271.5%27/%3E%3Crect x=%273%27 y=%2714%27 width=%277%27 height=%277%27 rx=%271.5%27/%3E%3C/svg%3E") no-repeat center/18px !important}
header.header.tb-v2 .support-link-nav > span:first-child{background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23334155%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M9.5 9.5a2.5 2.5 0 1 1 3.6 2.2c-.7.4-1.1.9-1.1 1.8%27/%3E%3Cline x1=%2712%27 y1=%2717%27 x2=%2712%27 y2=%2717.01%27/%3E%3C/svg%3E") no-repeat center/18px !important}
header.header.tb-v2 li.user-menu{margin-left:8px !important;padding-left:14px !important;border-left:1px solid #e2e8f0 !important}
header.header.tb-v2 li.user-menu::before{display:none !important;content:none !important}
header.header.tb-v2 .user-link-nav{display:flex !important;align-items:center !important;gap:10px !important;width:auto !important;height:44px !important;padding:0 10px 0 4px !important;border:1px solid #e2e8f0 !important;border-radius:999px !important;background:#ffffff !important;text-decoration:none !important}
header.header.tb-v2 .user-link-nav:hover{border-color:#0a6ea8 !important}
header.header.tb-v2 .user-link-nav::after{display:none !important}
header.header.tb-v2 .user-link-nav > span:first-child{display:none !important}
header.header.tb-v2 .tb-label,header.header.tb-v2 .tb-user,header.header.tb-v2 .tb-uname,header.header.tb-v2 .tb-urole{background:none !important;width:auto !important;height:auto !important;min-width:0 !important;margin:0 !important;padding:0 !important;float:none !important;position:static !important}
header.header.tb-v2 .tb-label{display:inline !important;font-size:13px !important;font-weight:600 !important;color:inherit !important;line-height:1 !important}
header.header.tb-v2 .user-link-nav .tb-initial{width:34px !important;height:34px !important;min-width:34px !important;margin:0 !important;padding:0 !important;float:none !important;position:static !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background-image:none !important;background-color:#e8f3fa !important;color:#08517c !important;font-family:Roboto,Arial,sans-serif !important;font-size:13px !important;font-weight:700 !important}
header.header.tb-v2 .user-link-nav .tb-user{display:flex !important;flex-direction:column !important;align-items:flex-start !important;line-height:1.2 !important;font-family:Roboto,Arial,sans-serif !important}
header.header.tb-v2 .user-link-nav .tb-uname{display:block !important;font-size:13px !important;font-weight:600 !important;color:#1f2933 !important;white-space:nowrap !important}
header.header.tb-v2 .user-link-nav .tb-urole{display:block !important;font-size:11px !important;color:#64748b !important}
header.header.tb-v2 .user-link-nav i.fa-angle-down{color:#64748b !important;font-size:14px !important;margin:0 !important}
header.header.tb-v2 li.user-menu::after{display:none !important;content:none !important}
/* Admin top bar - Option E profile menu */
header.header.tb-v2 .user-menu .dropdown-menu{width:280px !important;min-width:280px !important;padding:0 !important;margin-top:8px !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;box-shadow:0 12px 32px rgba(15,23,42,.18) !important;overflow:hidden !important;background:#ffffff !important;left:auto !important;right:0 !important}
header.header.tb-v2 .user-menu .dropdown-menu .dropdown-item{display:flex !important;align-items:center !important;gap:12px !important;height:40px !important;margin:0 6px !important;padding:0 10px !important;border-radius:8px !important;font-family:Roboto,Arial,sans-serif !important;font-size:13.5px !important;font-weight:400 !important;color:#1f2933 !important;background:transparent !important;white-space:nowrap !important;width:auto !important;border:none !important;letter-spacing:normal !important;text-transform:none !important}
header.header.tb-v2 .user-menu .dropdown-menu .dropdown-item:hover,header.header.tb-v2 .user-menu .dropdown-menu .dropdown-item:focus{background:#f1f5f9 !important;color:#0a6ea8 !important}
header.header.tb-v2 .user-menu .dropdown-menu .dropdown-item:not(.user-name)::before{content:"" !important;flex:0 0 18px !important;width:18px !important;height:18px !important;background-repeat:no-repeat !important;background-position:center !important;background-size:18px !important;display:block !important}
header.header.tb-v2 .user-menu .dropdown-menu .dropdown-item:nth-child(2){margin-top:6px !important}
header.header.tb-v2 .user-menu .dropdown-menu .dropdown-item[href$="change_email.php"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23475569%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%275%27 width=%2718%27 height=%2714%27 rx=%272%27/%3E%3Cpolyline points=%273 7 12 13 21 7%27/%3E%3C/svg%3E") !important}
header.header.tb-v2 .user-menu .dropdown-menu .dropdown-item[href$="change_username.php"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23475569%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%278%27 r=%274%27/%3E%3Cpath d=%27M4 21c1.5-3.5 4.5-5 8-5s6.5 1.5 8 5%27/%3E%3C/svg%3E") !important}
header.header.tb-v2 .user-menu .dropdown-menu .dropdown-item[href$="change_password.php"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23475569%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%274%27 y=%2711%27 width=%2716%27 height=%2710%27 rx=%272%27/%3E%3Cpath d=%27M8 11V7a4 4 0 0 1 8 0v4%27/%3E%3C/svg%3E") !important}
header.header.tb-v2 .user-menu .dropdown-menu .dropdown-item[href$="two_factor_setup.php"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23475569%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3z%27/%3E%3Cpolyline points=%279 12 11 14 15 10%27/%3E%3C/svg%3E") !important}
header.header.tb-v2 .user-menu .dropdown-menu .dropdown-item[href$="logout.php"]{margin:6px 0 0 !important;padding:0 16px !important;height:48px !important;border-radius:0 !important;border-top:1px solid #eef1f5 !important;color:#b42318 !important;font-weight:600 !important}
header.header.tb-v2 .user-menu .dropdown-menu .dropdown-item[href$="logout.php"]:hover{background:#fdecea !important;color:#8a1c12 !important}
header.header.tb-v2 .user-menu .dropdown-menu .dropdown-item[href$="logout.php"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23b42318%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4%27/%3E%3Cpolyline points=%2716 17 21 12 16 7%27/%3E%3Cline x1=%2721%27 y1=%2712%27 x2=%279%27 y2=%2712%27/%3E%3C/svg%3E") !important}
header.header.tb-v2 .user-menu .dropdown-menu .dropdown-item.user-name{height:auto !important;margin:0 !important;padding:16px !important;border-radius:0 !important;border-bottom:1px solid #eef1f5 !important;gap:12px !important;background:#ffffff !important}
header.header.tb-v2 .user-menu .dropdown-menu .dropdown-item.user-name:hover{background:#fafbfc !important;color:#1f2933 !important}
header.header.tb-v2 .user-menu .dropdown-menu .dropdown-item.user-name::after{display:none !important;content:none !important}
header.header.tb-v2 .user-menu .dropdown-menu .tb-mh-avatar{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e8f3fa;color:#08517c;font-size:14px;font-weight:700}
header.header.tb-v2 .user-menu .dropdown-menu .tb-mh-text{display:flex;flex-direction:column;gap:2px;min-width:0}
header.header.tb-v2 .user-menu .dropdown-menu .tb-mh-name{font-size:14px;font-weight:700;color:#1f2933;overflow:hidden;text-overflow:ellipsis;letter-spacing:normal !important}
header.header.tb-v2 .user-menu .dropdown-menu .tb-mh-role{font-size:12px;font-weight:400;color:#64748b;letter-spacing:normal !important}
/* Portals without a search box: keep top-bar items on the right */
header.header.tb-v2 ul.navbar-nav{justify-content:flex-end !important}
/* Manufacturer dashboard - Awaiting Your Review tile + solo date */
.InfoBoxTop.sb-v2 .BgMfrReview::before{background-color:#e8f3fa;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%230a6ea8%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%2722 12 16 12 14 15 10 15 8 12 2 12%27/%3E%3Cpath d=%27M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z%27/%3E%3C/svg%3E")}
.ContentHeader .od-date.od-date-solo{right:20px}
/* Manufacturer dashboard - Open POs + Documents Pending tile icons */
.InfoBoxTop.sb-v2 .BgMfrPO::before{background-color:#fdf1e3;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23b45f06%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%278%27 y=%272%27 width=%278%27 height=%274%27 rx=%271%27/%3E%3Cpath d=%27M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2%27/%3E%3Cline x1=%279%27 y1=%2712%27 x2=%2715%27 y2=%2712%27/%3E%3Cline x1=%279%27 y1=%2716%27 x2=%2715%27 y2=%2716%27/%3E%3C/svg%3E")}
.InfoBoxTop.sb-v2 .BgMfrDocs::before{background-color:#fdecea;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23b42318%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z%27/%3E%3Cpath d=%27M14 3v5h5%27/%3E%3Cline x1=%2712%27 y1=%2711%27 x2=%2712%27 y2=%2715%27/%3E%3Cline x1=%2712%27 y1=%2718%27 x2=%2712%27 y2=%2718.01%27/%3E%3C/svg%3E")}
/* Manufacturer dashboard - tile row spacing matches admin (6px top, 27px/23px sides) */
.StaticValueBox:where(.vfl30):not(.vfhz){margin-top:6px !important;padding:0 15px 0 20px !important}
.StaticValueBox:where(.vfl30):not(.vfhz) > .container-fluid{padding:0 7.5px !important}
/* Manufacturer dashboard - 20px gap between tiles (outer edges unchanged) */
.StaticValueBox:where(.vfl30):not(.vfhz) .InfoBoxTop.sb-v2{margin-left:-10px !important;margin-right:-10px !important}
.StaticValueBox:where(.vfl30):not(.vfhz) .InfoBoxTop.sb-v2 > [class*="col-"]{padding-left:10px !important;padding-right:10px !important}
/* Manufacturer dashboard - Accounts Receivables amount at 26px */
.StaticValueBox:where(.vfl30):not(.vfhz) .InfoBoxTop.sb-v2 .BgCustomer .value h3{font-size:26px !important}
/* Manufacturer dashboard blue bar - match demo (demo rules scoped to the manufacturer dashboard only) */
body:where(.vfh6):not(.vfhz) .ContentHeader{position:relative;}
body:where(.vfh6):not(.vfhz) .ContentHeader{height:64px !important;padding-top:0 !important;display:flex !important;align-items:center !important;}
body:where(.vfh6):not(.vfhz) .ContentHeader .container-fluid{display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important;gap:3px !important;width:100% !important;}
body:where(.vfh6):not(.vfhz) .ContentHeader h1{font-size:20px !important;font-weight:700 !important;line-height:1.1 !important;margin:0 !important;}
body:where(.vfh6):not(.vfhz) .ContentHeader .breadcrumbs{font-size:12.5px !important;margin:0 !important;padding:0 !important;}
body:where(.vfh6):not(.vfhz) .ContentHeader{height:54px !important;padding-top:0 !important;display:flex !important;align-items:center !important;}
body:where(.vfh6):not(.vfhz) .ContentHeader .container-fluid{display:flex !important;align-items:flex-start !important;width:100% !important;}
body:where(.vfh6):not(.vfhz) .ContentHeader h1{font-size:20px !important;font-weight:700 !important;}
/* Manufacturer dashboard page background - match demo (#D3D3D3) */
body:where(.vfh6):not(.vfhz){--od-bg:#D3D3D3}
body:where(.vfh6):not(.vfhz) .MainContainer.content-wrapper{background:var(--od-bg, #D3D3D3) !important}
/* Manufacturer dashboard cards - match demo card style (demo rules scoped to the manufacturer dashboard only; :where keeps demo rule priority) */
body:where(.vfh6):not(.vfhz){--od-bg:#D3D3D3; --od-panel:#ffffff; --od-panel2:#e6e6e6; --od-line:#d8d8d8; --od-lineSoft:#e4e4e4;}
:where(body:where(.vfh6):not(.vfhz)) .Card{border: 1px solid #e1e5ec; border-radius: 6px; box-shadow: none;}
:where(body:where(.vfh6):not(.vfhz)) .CardBody{padding: 16px 18px;}
:where(body:where(.vfh6):not(.vfhz)) .Card{border-radius: 10px !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .ed-card-head{padding: 14px 18px; border-bottom: 1px solid #e2e8f0; margin-bottom: 4px;}
:where(body:where(.vfh6):not(.vfhz)) .Card .ed-card-head h2{border-bottom: none !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .CardBody > .row{padding: 4px 4px 14px;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left{display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn{width: 100% !important; margin: 0 !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card [id^="row_misc_doc"]{display: flex !important; align-items: center; justify-content: space-between; font-size: 12.5px; padding: 7px 10px; border: 1px solid #e2e8f0; border-radius: 7px; background: #f8fafc; margin-bottom: 6px; float: none !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card [id^="row_misc_doc"] a{color: #0a6ea8; text-decoration: none; font-weight: 600;}
:where(body:where(.vfh6):not(.vfhz)) .Card [id^="row_misc_doc"] img{filter: invert(28%) sepia(64%) saturate(1934%) hue-rotate(335deg) brightness(90%) contrast(89%);}
:where(body:where(.vfh6):not(.vfhz)) .Card input[type=file]{border: 1px solid #e2e8f0 !important; border-radius: 7px !important; background: #fff !important; padding: 6px 10px !important; font-size: 12.5px !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left{font-size: 0 !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn{font-size: 13.5px !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(1){grid-column: 1; grid-row: 1;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(2){grid-column: 2; grid-row: 1;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(3){grid-column: 1; grid-row: 2;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(4){grid-column: 2; grid-row: 2;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(5){grid-column: 1; grid-row: 3;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(1), :where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(2), :where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(3), :where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(4){background-color: #e8f3fa !important; border-color: #e8f3fa !important; color: #08517c !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(1):hover, :where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(2):hover, :where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(3):hover, :where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(4):hover{background-color: #0a6ea8 !important; border-color: #0a6ea8 !important; color: #fff !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn{font-weight: 700 !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(1):hover, :where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(2):hover, :where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(3):hover, :where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(4):hover{background-color: #008fd2 !important; border-color: #008fd2 !important; color: #fff !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(1):hover, :where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(2):hover, :where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(3):hover, :where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(4):hover{background-color: #0069d9 !important; border-color: #0069d9 !important; color: #fff !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(5){background-color: #1f2933 !important; border-color: #1f2933 !important; color: #fff !important; grid-column: 1 / span 2 !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(5):hover{background-color: #0a6ea8 !important; border-color: #0a6ea8 !important; color: #fff !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .ed-card-head{padding: 8px 18px !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .ed-card-head{margin-bottom: 10px !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card{margin-bottom: 8px !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card ~ hr{margin: 4px 0 !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card ~ .form-group.row{margin: 0 !important; padding: 0 !important; min-height: 0 !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .ed-card-head h2{font-size: 15px !important; font-weight: 700 !important; color: #1f2933 !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn{text-transform: none !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(5):hover{background-color: #0069d9 !important; border-color: #0069d9 !important; color: #fff !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .EstFileUpld{display: flex !important; flex-direction: column !important; align-items: flex-start !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card textarea[name="comment"], :where(body:where(.vfh6):not(.vfhz)) .Card textarea[name="ManufComment"]{border: 1px solid #e2e8f0 !important; border-radius: 6px !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card textarea[name="comment"]:focus, :where(body:where(.vfh6):not(.vfhz)) .Card textarea[name="ManufComment"]:focus{outline: none; box-shadow: 0 0 0 3px #e8f3fa !important; border-color: #0a6ea8 !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .ed-card-head{height: 36px !important; padding-top: 0 !important; padding-bottom: 0 !important; display: flex !important; align-items: center !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .ed-card-head{border-bottom: none !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .ed-card-head{border-bottom: 1px solid #e2e8f0 !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .ed-card-head{margin-left: -23px !important; margin-right: -23px !important; padding-left: 23px !important; padding-right: 23px !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .EstFileUpld li:where(.vfl31):not(.vfhz){font-size: 0 !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .EstFileUpld li [id^="row_misc_doc"]{font-size: 12.5px !important; margin-bottom: 4px !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card input[type=file]::file-selector-button{background: #e8f3fa !important; color: #08517c !important; border: none !important; border-radius: 5px !important; padding: 6px 12px !important; margin-right: 8px !important; font-size: 12.5px !important; font-weight: 600 !important; cursor: pointer; transition: background-color 0.15s ease;}
:where(body:where(.vfh6):not(.vfhz)) .Card input[type=file]::file-selector-button:hover{background: #0a6ea8 !important; color: #fff !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .CardBody > .row:first-child{margin-top:0 !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .CardBody > .row{align-items:flex-start !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .CardBody{padding-bottom:8px !important;}
:where(body:where(.vfh6):not(.vfhz)) .Card .CardBody > .row{padding-bottom:0 !important;margin-bottom:0 !important;}
body:where(.vfh6):not(.vfhz) .Card{background:#ffffff !important; border:1px solid #d8d8d8 !important; border-radius:10px !important; box-shadow:none !important;}
body:where(.vfh6):not(.vfhz) .CardTitle{font-family:'Inter',sans-serif !important; font-size:13px !important; font-weight:700 !important; color:#182530 !important; border-bottom:1px solid #e4e4e4 !important; padding-left:14px !important; border-left:none !important; position:relative;}
body:where(.vfh6):not(.vfhz) .CardTitle::before{content:'';position:absolute;left:0;top:calc(50% - 5px);transform:translateY(-50%); width:8px;height:8px;border-radius:2px;background:var(--od-line,#2f7de0);} /* VF 2026-10-13: centre on text line */
body:where(.vfh6):not(.vfhz) .CardTitle.BlueLine::before{background:#2f7de0;}
body:where(.vfh6):not(.vfhz) .CardTitle.GreenLine::before{background:#1c7a43;}
body:where(.vfh6):not(.vfhz) .CardTitle.RedLine::before{background:#e2536a;}
body:where(.vfh6):not(.vfhz) .CardHeader{background:#ffffff !important;border-bottom:1px solid #e4e4e4 !important;}
body:where(.vfh6):not(.vfhz) .CardHeader a{color:#2f7de0 !important;}
body:where(.vfh6):not(.vfhz) .Card{background:var(--od-panel) !important;border-color:var(--od-line) !important;}
body:where(.vfh6):not(.vfhz) .CardHeader{background:var(--od-panel) !important;border-bottom-color:var(--od-lineSoft) !important;}
body:where(.vfh6):not(.vfhz) .CardTitle{border-bottom-color:var(--od-lineSoft) !important;}
body:where(.vfh6):not(.vfhz) .Card:where(.vfl32):not(.vfhz) .DashboardCardScroll{height:auto !important;overflow:visible !important;}
body:where(.vfh6):not(.vfhz) li, body:where(.vfh6):not(.vfhz) .CardListing, body:where(.vfh6):not(.vfhz) .CardListing a, body:where(.vfh6):not(.vfhz) p, body:where(.vfh6):not(.vfhz) div{font-family:'Inter',sans-serif !important;}
body:where(.vfh6):not(.vfhz) .Card:where(.vfl33):not(#vfhz) .CardTitle{border-bottom:none !important;}
body:where(.vfh6):not(.vfhz) .CardTitle{border-bottom:none !important;}
body:where(.vfh6):not(.vfhz) .Card:where(.vfl33):not(#vfhz) .DashboardCardScroll{scrollbar-width:thin !important;}
body:where(.vfh6):not(.vfhz) .Card:where(.vfl33):not(#vfhz) .DashboardCardScroll::-webkit-scrollbar{width:6px !important;}
body:where(.vfh6):not(.vfhz) .Card:where(.vfl33):not(#vfhz) .DashboardCardScroll::-webkit-scrollbar-thumb{background:#c6cfd6 !important;border-radius:3px !important;}
body:where(.vfh6):not(.vfhz) .Card:where(.vfl33):not(#vfhz) .DashboardCardScroll::-webkit-scrollbar-track{background:transparent !important;}
body:where(.vfh6):not(.vfhz) .CardHeader{height:55px !important;min-height:55px !important;max-height:55px !important;display:flex !important;align-items:center !important;overflow:hidden !important;}
body:where(.vfh6):not(.vfhz) .CardHeader{justify-content:space-between !important;}
body:where(.vfh6):not(.vfhz) .Card:where(.vfl33):not(#vfhz) .DashboardCardScroll{height:440px !important;}
body:where(.vfh6):not(.vfhz) .CardMoreLink::after, body:where(.vfh6):not(.vfhz) .CardMoreLink a::after, body:where(.vfh6):not(.vfhz) .CardMoreLink::before, body:where(.vfh6):not(.vfhz) .CardMoreLink a::before{content:none !important;display:none !important;}
body:where(.vfh6):not(.vfhz) .Card:where(.vfl2):not(#vfhz) .CardTitle.BlueLine::before{background:#0a5aa8 !important;}
body:where(.vfh6):not(.vfhz) .Card:where(.vfl33):not(#vfhz) .CardTitle.BlueLine::before{background:#7c8a99 !important;}
/* Manufacturer dashboard - dark blue ribbon on top of the Orders card */
body:where(.vfh6):not(.vfhz) .ContentArea .Card{border-top:4px solid #1a3a63 !important}
/* Invoice page redesign (Option C) - demo rules scoped to the redesigned invoice page via .ng-inv-redesign marker */
body:where(:where(.vfh3):not(.vfhz)) .wrapper{ height: auto; min-height: 100vh; }
:where(body:where(.vfh3):not(.vfhz)) .main-sidebar{ display: flex; flex-direction: column; }
:where(body:where(.vfh3):not(.vfhz)) .main-sidebar .sidebar{ flex: 1 1 auto; min-height: 0; }
:where(body:where(.vfh3):not(.vfhz)) .Card{ border: 1px solid #e1e5ec; border-radius: 6px; box-shadow: none; }
:where(body:where(.vfh3):not(.vfhz)) .CardBody{ padding: 16px 18px; }
:where(body:where(.vfh3):not(.vfhz)) #ResortTable thead.thead-dark th{ background-color: #005f8a !important; color: #fff !important; border-color: #004a6b !important; }
:where(body:where(.vfh3):not(.vfhz)) #ResortTable thead.thead-dark th a{ color: #fff !important; }
:where(body:where(.vfh3):not(.vfhz)) #ResortTable{ border-top: 3px solid #008acd; }
:root:where(:where(.vfh7):not(.vfhz)){ --rib-good: #1f8a4c; --rib-good-soft: #eaf7ef; --rib-warning: #b8790a; --rib-warning-soft: #fdf3de; --rib-critical: #c23b3b; --rib-critical-soft: #fceded; }
:root:where(:where(.vfh7):not(.vfhz)){ --stripe: #fdf3e9; --row-hover: #fbe6cd; --tile-head-bg: #b5651d; --tile-head-border: #8f4f16; --tile-head-text: #ffffff; --tile-orange: #b5651d; --tile-orange-dark: #8f4f16; --text-faint: #9aa3ad; }
:root:where(:where(.vfh7):not(.vfhz)){ --card-border: #e1e5ec; }
:where(body:where(.vfh3):not(.vfhz)) .ed-card{ background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; margin-bottom: 10px; overflow: hidden; }
:where(body:where(.vfh3):not(.vfhz)) .ed-card-head{ padding: 12px 18px; border-bottom: 1px solid #e2e8f0; background: #fafbfc; }
:where(body:where(.vfh3):not(.vfhz)) .ed-card-head h2{ font-size: 15px; font-weight: 700; margin: 0; color: #1f2933; }
:where(body:where(.vfh3):not(.vfhz)) .ed-card{ border-radius: 10px !important; }
:where(body:where(.vfh3):not(.vfhz)) .ed-card-head{ border-bottom: none !important; }
:where(body:where(.vfh3):not(.vfhz)) .ed-card-head{ display: flex; align-items: center; justify-content: space-between; }
:where(body:where(.vfh3):not(.vfhz)) .ed-card-head{ background: transparent !important; border-bottom: none !important; box-shadow: none !important; }
:where(body:where(.vfh3):not(.vfhz)) .ed-card-head h2{ border-bottom: none !important; }
:where(body:where(.vfh3):not(.vfhz)) .ed-card-head{ border-bottom: 1px solid #e2e8f0 !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card{ border-radius: 10px !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .ed-card-head{ padding: 14px 18px; border-bottom: 1px solid #e2e8f0; margin-bottom: 4px; }
:where(body:where(.vfh3):not(.vfhz)) .Card .ed-card-head h2{ border-bottom: none !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .CardBody > .row{ padding: 4px 4px 14px; }
:where(body:where(.vfh3):not(.vfhz)) .ed-card{ background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
:where(body:where(.vfh3):not(.vfhz)) .ed-card > .row:first-child{ padding: 14px 18px; border-bottom: 1px solid #e2e8f0; margin: 0; }
:where(body:where(.vfh3):not(.vfhz)) .ed-card > .row:first-child h2{ font-size: 15px; font-weight: 700; color: #1f2933; margin: 0; border-bottom: none !important; }
:where(body:where(.vfh3):not(.vfhz)) .ed-card > .row:last-child{ padding: 14px 18px; margin: 0; }
:where(body:where(.vfh3):not(.vfhz)) .ed-card table.table thead.thead-dark th{ background: #1f2933; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left{ display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn{ width: 100% !important; margin: 0 !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card input[type=file]{ border: 1px solid #e2e8f0 !important; border-radius: 7px !important; background: #fff !important; padding: 6px 10px !important; font-size: 12.5px !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left{ font-size: 0 !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn{ font-size: 13.5px !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(1){ grid-column: 1; grid-row: 1; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(2){ grid-column: 2; grid-row: 1; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(3){ grid-column: 1; grid-row: 2; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(4){ grid-column: 2; grid-row: 2; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(5){ grid-column: 1; grid-row: 3; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(1), :where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(2), :where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(3), :where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(4){ background-color: #e8f3fa !important; border-color: #e8f3fa !important; color: #08517c !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(1):hover, :where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(2):hover, :where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(3):hover, :where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(4):hover{ background-color: #0a6ea8 !important; border-color: #0a6ea8 !important; color: #fff !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn{ font-weight: 700 !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(1):hover, :where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(2):hover, :where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(3):hover, :where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(4):hover{ background-color: #008fd2 !important; border-color: #008fd2 !important; color: #fff !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(1):hover, :where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(2):hover, :where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(3):hover, :where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(4):hover{ background-color: #0069d9 !important; border-color: #0069d9 !important; color: #fff !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(5){ background-color: #1f2933 !important; border-color: #1f2933 !important; color: #fff !important; grid-column: 1 / span 2 !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(5):hover{ background-color: #0a6ea8 !important; border-color: #0a6ea8 !important; color: #fff !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .ed-card-head{ padding: 8px 18px !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .ed-card-head{ margin-bottom: 10px !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card{ margin-bottom: 8px !important; }
:where(body:where(.vfh3):not(.vfhz)) .MainContainer.content-wrapper .row.justify-content-center{ margin-bottom: 0 !important; padding-bottom: 0 !important; }
:where(body:where(.vfh3):not(.vfhz)) .MainContainer.content-wrapper .row.justify-content-center .col-12{ padding-bottom: 0 !important; margin-bottom: 0 !important; }
:where(body:where(.vfh3):not(.vfhz)) .MainContainer.content-wrapper .Card{ margin-bottom: 8px !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .ed-card-head h2{ font-size: 15px !important; font-weight: 700 !important; color: #1f2933 !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn{ text-transform: none !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .col-6.left-space-30 .form-group.row .col-sm-12.text-left input.btn:nth-of-type(5):hover{ background-color: #0069d9 !important; border-color: #0069d9 !important; color: #fff !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .EstFileUpld{ display: flex !important; flex-direction: column !important; align-items: flex-start !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card textarea[name="comment"], :where(body:where(.vfh3):not(.vfhz)) .Card textarea[name="ManufComment"]{ border: 1px solid #e2e8f0 !important; border-radius: 6px !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card textarea[name="comment"]:focus, :where(body:where(.vfh3):not(.vfhz)) .Card textarea[name="ManufComment"]:focus{ outline: none; box-shadow: 0 0 0 3px #e8f3fa !important; border-color: #0a6ea8 !important; }
:where(body:where(.vfh3):not(.vfhz)) .MainContainer.content-wrapper .row.justify-content-center{ padding-left: 20px !important; padding-right: 20px !important; }
:where(body:where(.vfh3):not(.vfhz)) .MainContainer.content-wrapper .row.justify-content-center{ padding-right: 25px !important; }
:where(body:where(.vfh3):not(.vfhz)) .MainContainer.content-wrapper .row.justify-content-center{ padding-right: 15px !important; }
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card{ margin-bottom: 30px !important; }
body:where(:where(.vfh3):not(.vfhz)).sidebar-mini > div.footer{ position: static !important; top: auto !important; }
body:where(:where(.vfh3):not(.vfhz)).sidebar-mini > div.footer{ position: absolute !important; top: auto !important; bottom: 0 !important; }
body:where(:where(.vfh3):not(.vfhz)).sidebar-mini{ position: relative !important; }
:where(body:where(.vfh3):not(.vfhz)) .MainContainer.content-wrapper .row.justify-content-center .Card{ border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: none !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .ed-card-head{ height: 36px !important; padding-top: 0 !important; padding-bottom: 0 !important; display: flex !important; align-items: center !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .ed-card-head{ border-bottom: none !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .ed-card-head{ border-bottom: 1px solid #e2e8f0 !important; }
:where(body:where(.vfh3):not(.vfhz)) .Card .ed-card-head{ margin-left: -23px !important; margin-right: -23px !important; padding-left: 23px !important; padding-right: 23px !important; }
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card table.table thead th{ font-weight: 400 !important; }
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card .coloredsortbar select{ border: 1px solid #e2e8f0 !important; border-radius: 6px !important; padding: 6px 9px !important; background: #fff !important; height: auto !important; }
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card .coloredsortbar select:focus{ outline: none; box-shadow: 0 0 0 3px #e8f3fa !important; border-color: #0a6ea8 !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-modal-content{ border-radius: 14px !important; box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25) !important; border: none !important; overflow: hidden !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-modal-content .modal-header{ background: #0a6ea8 !important; padding: 18px 24px !important; border-bottom: none !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-modal-content .modal-title{ color: #fff !important; font-size: 17px !important; font-weight: 700 !important; letter-spacing: 0.3px !important; margin: 0 !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-close{ color: #fff !important; opacity: 0.9 !important; float: none !important; font-size: 20px !important; font-weight: 400 !important; margin: 0 !important; background: rgba(255,255,255,0.15) !important; width: 28px !important; height: 28px !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; transition: background-color 0.15s ease; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-close:hover, :where(body:where(.vfh3):not(.vfhz)) .contcap-close:focus{ color: #fff !important; opacity: 1 !important; background: rgba(255,255,255,0.3) !important; text-decoration: none !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-modal-content .CommonTable{ padding: 22px 24px 4px 24px !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-modal-content .CommonTable table.table-striped{ border-collapse: separate !important; border-spacing: 10px 0 !important; margin-left: -10px !important; width: calc(100% + 20px) !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-modal-content .CommonTable table.table-striped thead.thead-dark th{ background: #0a6ea8 !important; color: #fff !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.2px !important; border-radius: 8px 8px 0 0 !important; padding: 9px 6px !important; border: none !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-modal-content .CommonTable table.table-striped tbody td{ background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-top: none !important; padding: 0 !important; vertical-align: top !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-modal-content .CommonTable table.table-striped tbody tr td table{ background: transparent !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-modal-content .CommonTable table.table-striped tbody tr td table td{ border: none !important; background: transparent !important; font-size: 10.5px !important; color: #64748b !important; font-weight: 600 !important; padding: 8px 4px 2px !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-modal-content .CommonTable table.table-striped tbody tr td table[border="1"] td{ font-size: 14px !important; color: #1f2933 !important; font-weight: 700 !important; padding: 2px 4px 10px !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-modal-content .modal-footer{ padding: 14px 24px !important; border-top: 1px solid #e2e8f0 !important; text-align: right !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-modal-content .modal-footer .contcap-close.btn-green{ display: inline-flex !important; width: auto !important; height: auto !important; border-radius: 6px !important; background: #e8f3fa !important; color: #08517c !important; font-size: 12.5px !important; font-weight: 600 !important; text-transform: none !important; opacity: 1 !important; padding: 7px 16px !important; margin: 0 !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-modal-content .modal-footer .contcap-close.btn-green:hover{ background: #0a6ea8 !important; color: #fff !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-modal-content > div:last-of-type{ padding: 4px 24px 24px !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-modal-content > div:last-of-type img{ border: 1px solid #e2e8f0 !important; border-radius: 10px !important; display: block !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-fillbar-track{ height: 6px !important; border-radius: 4px !important; background: #e2e8f0 !important; margin: 8px auto 0 !important; overflow: hidden !important; width: 90% !important; display: block !important; }
:where(body:where(.vfh3):not(.vfhz)) .contcap-fillbar-fill{ height: 100% !important; border-radius: 4px !important; background: #0a6ea8 !important; display: block !important; }
:where(body:where(.vfh3):not(.vfhz)) #suggestprice.priceSuggest{ z-index: 2000 !important; }
:where(body:where(.vfh3):not(.vfhz)) #suggestprice.priceSuggest{ background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; box-shadow: 0 12px 32px rgba(15, 23, 42, 0.18) !important; padding: 4px !important; overflow: hidden !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ContentArea{ background: #f8fafc !important; padding: 20px 24px !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmDetails{ background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 8px !important; box-shadow: 0 1px 3px rgba(15,23,42,0.06) !important; display: block !important; overflow: hidden !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmDetails table.green-striped{ border: none !important; border-radius: 8px !important; overflow: hidden !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmDetails table.green-striped td, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmDetails table.green-striped th{ border-color: #e2e8f0 !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmDetails table.green-striped td[style*="background-color: rgb(211"], body:where(.vfh8):not(#vfhz) #frmDetails table.green-striped td[bgcolor], body:where(.vfh8):not(#vfhz) #frmDetails table.green-striped tr > td:first-child{ background: #f8fafc !important; color: #1f2933 !important; font-weight: 700 !important; font-size: 11.5px !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmDetails input[type=text], body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmDetails input[type=date], body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmDetails select, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmDetails textarea{ border: 1px solid #e2e8f0 !important; border-radius: 6px !important; padding: 6px 8px !important; background: #fff !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable{ background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 16px !important; box-shadow: 0 1px 3px rgba(15,23,42,0.06) !important; margin-top: 20px !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable input.btn-green, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable button.btn-green{ background: #1f8a4c !important; border-color: #1f8a4c !important; border-radius: 6px !important; text-transform: none !important; font-weight: 600 !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable input.btn-green:hover{ background: #0a6ea8 !important; border-color: #0a6ea8 !important; }
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card .ResortData{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:20px 0 8px 19px;padding:0;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card .ResortData li{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#1f2933;font-weight:500;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card .ResortData input[type=checkbox]{margin:0;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card input#Containers{background:#e8f3fa !important;border-color:#e8f3fa !important;color:#08517c !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card input#Containers:hover{background:#0a6ea8 !important;color:#fff !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card table.green-striped tr>td:first-child{background-color:transparent !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card .ed-head-actions input[type=button]{text-transform:none !important;font-weight:700 !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card .ed-head-actions a:first-child{margin-right:10px;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card .ed-head-actions input[type=button]:last-child{background:#336633 !important;border-color:#336633 !important;color:#fff !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card input[name=update_invoice]{background:#336633 !important;border-color:#336633 !important;color:#fff !important;text-transform:none !important;font-weight:700 !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card .coloredsortbar{background:transparent !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card table.green-striped{border-top:none !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) form#frmDetails #ResortTable table.table{border-top:none !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card #btnsort{text-transform:none !important;font-weight:700 !important;margin-bottom:12px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) form#frmDetails #ResortTable table.table{border:none !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card .coloredsortbar .row:first-child{margin-bottom:12px !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card input#Containers:hover, :where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card .ed-head-actions input[type=button]:last-child:hover, :where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card input[name=update_invoice]:hover{background:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable select, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable input[type=text]{ border: 1px solid #e2e8f0 !important; border-radius: 6px !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .row.justify-content-center{ background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 20px !important; margin-top: 20px !important; box-shadow: 0 1px 3px rgba(15,23,42,0.06) !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .row.justify-content-center textarea, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .row.justify-content-center input[type=file], body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .row.justify-content-center input[type=text]{ border: 1px solid #e2e8f0 !important; border-radius: 6px !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .row.justify-content-center a.btn, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .row.justify-content-center input[type=button]{ background: #e8f3fa !important; color: #08517c !important; border: none !important; border-radius: 6px !important; text-transform: none !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost{ background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 16px !important; margin-top: 20px !important; margin-bottom: 40px !important; box-shadow: 0 1px 3px rgba(15,23,42,0.06) !important; display: block !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table{ border: 1px solid #e2e8f0 !important; border-radius: 8px !important; overflow: hidden !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table thead th, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table tr.thead-light th, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table tr.thead-dark th{ background: #1f2933 !important; color: #fff !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: 0.2px !important; border: none !important; padding: 10px 12px !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table td{ border-color: #e2e8f0 !important; font-size: 12.5px !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table.table-striped tbody tr:nth-of-type(even) td{ background-color: #f8fafc !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost input[type=text], body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost textarea{ border: 1px solid #e2e8f0 !important; border-radius: 6px !important; padding: 6px 8px !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost input.btn-green{ background: #e8f3fa !important; border-color: #e8f3fa !important; color: #08517c !important; border-radius: 6px !important; text-transform: none !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost input.btn-green:hover{ background: #0a6ea8 !important; color: #fff !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost input[type=submit], body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost input.btn-primary{ background: #1f8a4c !important; border-color: #1f8a4c !important; border-radius: 6px !important; text-transform: none !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost input[type=submit]:hover, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost input.btn-primary:hover{ background: #0a6ea8 !important; border-color: #0a6ea8 !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #ResortTable thead.thead-dark th{ background: #336633 !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ci-ribbon{ display: flex; flex-wrap: wrap; gap: 20px; background: #ffffff; border: 1px solid #e1e5ec; border-radius: 6px; padding: 14px 18px; margin-bottom: 16px; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ci-ribbon-item{ display: flex; flex-direction: column; gap: 2px; padding-right: 20px; border-right: 1px solid #d8d7dc; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ci-ribbon-item:last-child{ border-right: none; padding-right: 0; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ci-ribbon-label{ font-size: 11px; text-transform: uppercase; letter-spacing: 0.4px; color: #6b7280; font-weight: 600; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ci-ribbon-value{ font-size: 16px; font-weight: 700; color: #292b2c; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ci-ribbon-spacer{ flex: 1 1 0%; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ci-ribbon-metric .ci-ribbon-value{ font-size: 15px; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ci-status-badge{ display: inline-block; padding: 3px 10px; border-radius: 12px; font-size: 12px; font-weight: 700; vertical-align: middle; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ci-badge-success{ background: #d9f2e3; color: #1c7a43; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable .thead-dark th, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable .thead-light th, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) form#frmDetails .thead-dark th, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) form#frmDetails .thead-light th{ background: #fbfcfd !important; color: #475569 !important; font-size: 11.5px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0.2px !important; border: none !important; border-bottom: 1px solid #eef1f5 !important; padding: 8px 10px !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #ResortTable thead.thead-dark th{background-color:#336633 !important;color:#ffffff !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #ResortTable thead.thead-dark th a{color:#ffffff !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable table.table, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) form#frmDetails table.table{ border: 1px solid #e2e8f0 !important; border-radius: 8px !important; overflow: hidden !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable table.table td, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) form#frmDetails table.table td{ border-color: #eef1f5 !important; padding: 8px 10px !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #btn_reset_cont_vol{ background: #555555 !important; color: #fff !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) input[value="Send Email"]{ background: #e8f3fa !important; color: #08517c !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) input[value="Send Email"]:hover{ background: #0a6ea8 !important; color: #fff !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #save_po_detail{ background: #336633 !important; color: #fff !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ci-ribbon{ border-top: 4px solid #336633 !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmDetails input[type=text], body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmDetails input[type=date], body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmDetails select, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmDetails textarea{ background: #fff !important; color: #1f2933 !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; padding: 7px 9px !important; font-size: 13px !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #btn_reset_cont_vol#btn_reset_cont_vol{ background: #555555 !important; color: #fff !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable input[value="Send Email"]{ background: #e8f3fa !important; color: #08517c !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable input[value="Send Email"]:hover{ background: #0a6ea8 !important; color: #fff !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable #save_po_detail{ background: #336633 !important; color: #fff !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable{ overflow-x: visible !important; overflow-y: visible !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable{ padding: 0 !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable{ padding: 12px !important; display: block !important; box-sizing: border-box !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable{ overflow-x: auto !important; overflow-y: hidden !important; padding: 16px !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable::-webkit-scrollbar{ height: 7px !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable::-webkit-scrollbar-track{ background: #f1f5f9 !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable::-webkit-scrollbar-thumb{ background: #cbd5e1 !important; border-radius: 4px !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable::-webkit-scrollbar-thumb:hover{ background: #94a3b8 !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #InvoiceTable{ scrollbar-width: thin !important; scrollbar-color: #cbd5e1 #f1f5f9 !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-card-head{ border-bottom: none !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-card-head{ border-bottom: 1px solid #e2e8f0 !important; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-card-head{ margin-left: -12px !important; margin-right: -12px !important; padding-left: 30px !important; padding-right: 30px !important; }
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card #ResortTable{border-top:none !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) form#frmDetails #ResortTable table.green-striped tr>td:first-child{background-color:transparent !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .row.justify-content-center:where(.vfl34):not(.vfhz){padding:0 !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card #frmDetails{border:none !important;border-radius:0 !important;box-shadow:none !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-lineitems-card #frmDetails{border:none !important;border-radius:0 !important;box-shadow:none !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card .col-4.mb-2{margin-bottom:0 !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card input[name=update_invoice]{margin-bottom:0 !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card .col-4.mb-2 + .col-4{display:none !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card{padding-bottom:0 !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card{margin:0 7.5px 30px 7.5px !important;}
:where(body:where(.vfh3):not(.vfhz)) .row.justify-content-center:where(.vfl35):not(.vfhz){margin:0 7.5px 20px 7.5px !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-card:not(.ed-lineitems-card){margin:0 7.5px 30px 7.5px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-lineitems-card #btnsort:hover{background:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-lineitems-card table.green-striped tbody tr:hover{background-color:#a8cfa0 !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) form#frmDetails #ResortTable table.green-striped thead th{text-transform:uppercase !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) form#frmDetails #ResortTable table.green-striped thead th a{font-family:Roboto !important;font-weight:700 !important;font-size:11.5px !important;text-transform:uppercase !important;color:#fff !important;}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card .ed-card-head{padding:14px 18px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) input[name=btnpo]:hover{background-color:#0069d9 !important;border-color:#0069d9 !important;}
:where(body:where(.vfh3):not(.vfhz)) #dStatusChange b{font-family:Roboto !important;font-size:13px !important;font-weight:700 !important;color:#475569 !important;text-transform:none !important;}
:where(body:where(.vfh3):not(.vfhz)) .row:where(.vfl36):not(#vfhz){margin-top:8px !important;margin-bottom:8px !important;}
:where(body:where(.vfh3):not(.vfhz)) .Card .CardBody > .row:first-child{margin-top:0 !important;}
:where(body:where(.vfh3):not(.vfhz)) .Card .CardBody > .row{align-items:flex-start !important;}
:where(body:where(.vfh3):not(.vfhz)) .Card .CardBody{padding-bottom:8px !important;}
:where(body:where(.vfh3):not(.vfhz)) .Card .CardBody > .row{padding-bottom:0 !important;margin-bottom:0 !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .row.justify-content-center .Card{border:none !important;border-radius:0 !important;box-shadow:none !important;}
:where(body:where(.vfh3):not(.vfhz)) #chkdocument + span{font-family:Roboto !important;font-size:12px !important;font-weight:400 !important;color:#94a3b8 !important;margin-left:6px;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost{border:none !important;border-radius:0 !important;box-shadow:none !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table-bordered{border:none !important;border-radius:0 !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .CommonTable:where(.vfl37):not(#vfhz){border:none !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table{border-radius:8px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table-bordered{border-radius:8px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost{padding-bottom:0 !important;margin-bottom:0 !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) input#btnSaveCost[type=submit]{background-color:#336633 !important;border-color:#336633 !important;color:#fff !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) input#btnSaveCost[type=submit]:hover{background-color:#0069d9 !important;border-color:#0069d9 !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table-bordered thead th{padding:8px 10px !important;font-size:11.5px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table-bordered thead th{text-align:left !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost{background-color:transparent !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .CommonTable:where(.vfl37):not(#vfhz){background-color:transparent !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost td:where(.vfl38):not(#vfhz){background-color:transparent !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-card:where(.vfl16):not(#vfhz) > .row:first-child{border-bottom:1px solid #cbd5e1 !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost{padding-top:0 !important;margin-top:8px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table-bordered tbody tr td:last-child{text-align:center !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table-bordered textarea{width:100% !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table.table-striped tbody tr:nth-of-type(2n) td{background-color:transparent !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .CommonTable:where(.vfl37):not(#vfhz) .table-striped tbody tr:nth-of-type(2n+1){background-color:#eaf2ec !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .CommonTable:where(.vfl37):not(#vfhz) .table-striped tbody tr{background-color:#eaf2ec !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .CommonTable:where(.vfl37):not(#vfhz) .table-striped tbody tr:where(.vfl39):not(#vfhz){background-color:transparent !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost td:where(.vfl38):not(#vfhz){border:none !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table-bordered tbody tr td:nth-child(7){font-size:13px !important;font-weight:400 !important;color:#292b2c !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #eleGrandTotal{color:#000000 !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table-bordered thead th{text-transform:uppercase !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table-bordered td{border-color:#ffffff !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ci-status-badge{border-left:4px solid currentColor !important;padding-left:10px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table-bordered thead th{padding:5px 10px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table-bordered thead input[type=button]{padding:3px 10px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table-bordered thead th{vertical-align:middle !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #btn_reset_cont_vol{margin-left:22px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #btn_reset_cont_vol:hover{background-color:#0069d9 !important;border-color:#0069d9 !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #btn_reset_cont_vol{text-transform:none !important;margin-bottom:16px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #ResortTable .onlynumber{width:38px !important;padding:7px 4px !important;text-align:center !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .orange-table table.table-bordered thead th{background-color:#ffffff !important;color:#292b2c !important;font-size:14px !important;font-weight:700 !important;border:1px solid #ecebef !important;padding:13.6px 15.84px !important;text-transform:none !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .orange-table table.table-bordered tbody td{border:1px solid #ecebef !important;padding:12px 15.84px !important;background-color:transparent !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .tbl_slot{padding-left:27px !important;padding-right:27px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .orange-table table.table-bordered thead th{font-size:11.5px !important;text-transform:uppercase !important;letter-spacing:0.2px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-lineitems-card{border-top:4px solid #336633 !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-card:where(.vfl16):not(#vfhz){border-top:4px solid #336633 !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-lineitems-card .ed-card-head{border-bottom:2px solid #e2e8f0 !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-card:where(.vfl16):not(#vfhz) > .row:first-child{border-bottom:2px solid #cbd5e1 !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .Card .ed-card-head{border-bottom:2px solid #e2e8f0 !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table-bordered td input.onlynumber, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table-bordered td input[name*=Pack]{width:100% !important;box-sizing:border-box !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table-bordered td textarea{resize:both !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh1):not(#vfhz) #frmCost table.table-bordered thead th:last-child, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #frmCost table.table-bordered thead th:last-child{text-align:center !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh1):not(#vfhz) #fx_country, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #fx_country{margin-top:0 !important;vertical-align:middle !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh1):not(#vfhz) #fx_country, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #fx_country{height:31px !important;padding-top:5px !important;padding-bottom:5px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #fx_country{margin-top:-5.25px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #comment{height:48px;min-height:48px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #shipagent_details{height:50px;min-height:50px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #ManufComment, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #GeneralComment{height:48px;min-height:48px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) span:where(.vfl40):not(#vfhz){font-size:13px !important;font-weight:400 !important;color:#292b2c !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) div:where(.vfl41):not(#vfhz):not(vfhz){margin-bottom:0px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #ManufComment{margin-top:6.5px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) #MOHComment{margin-top:4.5px !important;}
:where(body:where(.vfh3):not(.vfhz)) .ContentHeader{position:relative;}
:where(body:where(.vfh3):not(.vfhz)) .ContentHeader{height:64px !important;padding-top:0 !important;display:flex !important;align-items:center !important;}
:where(body:where(.vfh3):not(.vfhz)) .ContentHeader .container-fluid{display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important;gap:3px !important;width:100% !important;}
:where(body:where(.vfh3):not(.vfhz)) .ContentHeader h1{font-size:20px !important;font-weight:700 !important;line-height:1.1 !important;margin:0 !important;}
:where(body:where(.vfh3):not(.vfhz)) .ContentHeader .breadcrumbs{font-size:12.5px !important;margin:0 !important;padding:0 !important;}
:where(body:where(.vfh3):not(.vfhz)) .MainContainer.content-wrapper{background:var(--od-bg, #f4f6f9) !important;}
:where(body:where(.vfh3):not(.vfhz)) #dStatusChange{margin-left:6.5px !important;margin-right:1.5px !important;}
:where(body:where(.vfh3):not(.vfhz)) .form-group.row:where(.vfl42):not(#vfhz) + .ed-card{background:#fafbfc !important;}
:where(body:where(.vfh3):not(.vfhz)) .form-group.row:where(.vfl42):not(#vfhz){border-radius:0 !important;}
:where(body:where(.vfh3):not(.vfhz)) .form-group.row:where(.vfl42):not(#vfhz) + .ed-card{margin-top:10px !important;}
:where(body:where(.vfh3):not(.vfhz)) .form-group.row:where(.vfl42):not(#vfhz){padding-top:8px !important;padding-bottom:8px !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh9):not(#vfhz) .ed-card{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh9):not(#vfhz) .row.justify-content-center{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh10):not(#vfhz) div:where(.vfl43):not(.vfhz):not(.vfhz):not(vfhz){display:flex !important;justify-content:center !important;align-items:center !important;padding-top:0px !important;padding-bottom:18px !important;padding-left:16px !important;padding-right:16px !important;margin-bottom:0 !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh10):not(#vfhz) input.btn-green[onclick*='save_po_detail']{background:#336633 !important;border-color:#336633 !important;color:#fff !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh10):not(#vfhz) input.btn-green[onclick*='save_po_detail']:hover{background:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh10):not(#vfhz) input.btn-green[onclick*='save_po_detail']{text-transform:none !important;}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh2):not(.vfhz) .ed-lineitems-card table.table{border-bottom:0 !important;border-left:0 !important;border-right:0 !important}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh2):not(.vfhz) input[name="btnSaveForm"], body:where(:where(.vfh3):not(.vfhz)):where(.vfh2):not(.vfhz) #btnSaveCost, body:where(:where(.vfh3):not(.vfhz)):where(.vfh2):not(.vfhz) #save_estimate_po{background-color:#336633 !important;border-color:#336633 !important;color:#fff !important}
/* Invoice redesign - status pill colours for all statuses */
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ci-badge-neutral{ background: #eef0f2; color: #55595c; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ci-badge-warning{ background: #fff3cd; color: #8a6d1d; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ci-badge-info{ background: #d6ecff; color: #0a5aa8; }
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ci-badge-danger{ background: #fbdcdc; color: #a3252c; }
/* Invoice redesign - nexgen alignment fixes (sections line up with ribbon, header font matches demo) */
body:where(.vfh3):not(.vfhz) #client_po_detail > .row:where(.vfl44):not(#vfhz):not(.vfhz){margin-left:0 !important;margin-right:0 !important}
body:where(.vfh3):not(.vfhz) #client_po_detail > .row > .col-12:where(.vfl45):not(#vfhz){margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important}
body:where(.vfh3):not(.vfhz) #ResortTable .table .thead-dark th{font-size:11.5px !important}
/* Invoice redesign - field sizes match demo (Sales Comm natural height, line-item inputs 31px) */
body:where(.vfh3):not(.vfhz) #SalesComm, body:where(.vfh3):not(.vfhz) #IndSalesComm{height:auto !important}
body:where(.vfh3):not(.vfhz) #ResortTable tbody input[type="text"], body:where(.vfh3):not(.vfhz) #ResortTable tbody select{line-height:normal !important}
/* Invoice page - bold Save Details and Save Additional Cost buttons */
body:where(.vfh3):not(.vfhz) input[value="Save Details"], body:where(.vfh3):not(.vfhz) #btnSaveCost{font-weight:700 !important}
/* Invoice redesign - all Choose File buttons match Container Capacity / section file buttons */
body:where(.vfh3):not(.vfhz) input[type="file"]::file-selector-button{cursor:pointer;transition:background-color .15s;background:#e8f3fa !important;color:#08517c !important;border:none !important;border-radius:5px !important;padding:6px 12px !important;margin-right:8px !important;font-size:12.5px !important;font-weight:600 !important}
body:where(.vfh3):not(.vfhz) input[type="file"]::file-selector-button:hover{background:#0069d9 !important;color:#fff !important}
/* Invoice page - Estimated Container Vol box and Reset button centred vertically */
body:where(.vfh3):not(.vfhz) div:where(.vfl46):not(#vfhz){display:flex !important;flex-wrap:wrap !important;align-items:center !important;align-content:flex-start !important}
body:where(.vfh3):not(.vfhz) div:where(.vfl46):not(#vfhz) > .oc-fld-label{flex:0 0 100% !important}
body:where(.vfh3):not(.vfhz) div:where(.vfl46):not(#vfhz) > #total_cont_vol, body:where(.vfh3):not(.vfhz) div:where(.vfl47):not(#vfhz) > #btn_reset_cont_vol{margin-top:0 !important;margin-bottom:0 !important}
/* Site-wide blue banner - 54px on every page to match the main dashboard */
body .ContentHeader:not(#vf-a):not(#vf-b){height:54px !important;min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;display:flex !important;align-items:center !important}
body .ContentHeader:not(#vf-a):not(#vf-b) .container-fluid{display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important}
body .ContentHeader:not(#vf-a):not(#vf-b) h1{font-size:20px !important;font-weight:700 !important;line-height:1.1 !important;margin:0 !important}
body .ContentHeader:not(#vf-a):not(#vf-b) .breadcrumbs{font-size:12.5px !important;margin:0 !important;padding:0 !important}
/* Theme colour on every admin page (page background follows the saved dashboard theme) */
body .MainContainer.content-wrapper:not(#vf-c){background:var(--od-bg, #f4f6f9) !important}
/* Invoices list redesign (test page, scoped via .ng-ilr marker) */
body:where(.vfh11):not(.vfhz) .ilr-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 16px}
body:where(.vfh11):not(.vfhz) .ilr-kpi{background:#fff;border:1px solid #d5dce4;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}
body:where(.vfh11):not(.vfhz) .ilr-kpi-l{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#52606d}
body:where(.vfh11):not(.vfhz) .ilr-kpi-v{font-size:26px;font-weight:700;color:#102a43}
body:where(.vfh11):not(.vfhz) .ilr-kpi-s{font-size:12.5px;color:#52606d}
body:where(.vfh11):not(.vfhz) .ilr-card{background:#fff;border:1px solid #d5dce4;border-top:4px solid #1a3a63;border-radius:10px;margin-bottom:16px}
body:where(.vfh11):not(.vfhz) .ilr-filters{padding:16px 18px 14px;display:flex;flex-direction:column;gap:12px}
body:where(.vfh11):not(.vfhz) .ilr-chips{display:flex;flex-wrap:wrap;gap:8px}
body:where(.vfh11):not(.vfhz) a.ilr-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid #cbd2d9;background:#fff;color:#1f2933 !important;font-size:13px;font-weight:500;text-decoration:none !important}
body:where(.vfh11):not(.vfhz) a.ilr-chip:hover{border-color:#1a3a63}
body:where(.vfh11):not(.vfhz) a.ilr-chip.is-on{background:#1a3a63;border-color:#1a3a63;color:#fff !important}
body:where(.vfh11):not(.vfhz) .ilr-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
body:where(.vfh11):not(.vfhz) .ilr-form input[type=search],body:where(.vfh11):not(.vfhz) .ilr-form select,body:where(.vfh11):not(.vfhz) .ilr-form input[type=date]{height:40px;box-sizing:border-box;border:1px solid #cbd2d9;border-radius:8px;padding:0 10px;font-size:13.5px;background:#fff;color:#1f2933;margin:0;width:auto}
body:where(.vfh11):not(.vfhz) .ilr-search{flex:1 1 280px;max-width:420px;margin:0}
body:where(.vfh11):not(.vfhz) .ilr-search input{width:100% !important}
body:where(.vfh11):not(.vfhz) .ilr-date,body:where(.vfh11):not(.vfhz) .ilr-check{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;color:#3e4c59;font-weight:500}
body:where(.vfh11):not(.vfhz) .ilr-check{height:40px;padding:0 12px;border:1px solid #cbd2d9;border-radius:8px}
body:where(.vfh11):not(.vfhz) .ilr-check input{width:16px;height:16px;margin:0}
body:where(.vfh11):not(.vfhz) .ilr-btn{height:40px;padding:0 14px;border:1px solid #cbd2d9;border-radius:8px;background:#fff;color:#1f2933 !important;font-size:13.5px;font-weight:500;display:inline-flex;align-items:center;text-decoration:none !important;cursor:pointer}
body:where(.vfh11):not(.vfhz) .ilr-btn-go{background:#2f5e34;border-color:#2f5e34;color:#fff !important;font-weight:700}
body:where(.vfh11):not(.vfhz) .ilr-cols{position:relative;margin-left:auto}
body:where(.vfh11):not(.vfhz) .ilr-cols-menu{position:absolute;right:0;top:46px;z-index:30;background:#fff;border:1px solid #cbd2d9;border-radius:10px;box-shadow:0 12px 32px rgba(15,23,42,.18);padding:10px 12px;display:flex;flex-direction:column;gap:8px;min-width:170px}
body:where(.vfh11):not(.vfhz) .ilr-cols-menu[hidden]{display:none}
body:where(.vfh11):not(.vfhz) .ilr-cols-menu label{display:flex;gap:8px;align-items:center;font-size:13px;margin:0;white-space:nowrap}
body:where(.vfh11):not(.vfhz) .ilr-bulk{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#1a3a63;color:#fff;border-radius:8px;margin:0 0 10px}
body:where(.vfh11):not(.vfhz) .ilr-bulk[hidden]{display:none}
body:where(.vfh11):not(.vfhz) .ilr-bulk b{font-size:13.5px;margin-right:6px}
body:where(.vfh11):not(.vfhz) .ilr-bulk button{height:34px;padding:0 12px;border:0;border-radius:6px;background:#e8f3fa;color:#08517c;font-size:13px;font-weight:700;cursor:pointer}
body:where(.vfh11):not(.vfhz) .ilr-bulk button.ilr-danger{background:transparent;border:1px solid #f3b4ae;color:#ffd9d5}
body:where(.vfh11):not(.vfhz) .ilr-bulk button.ilr-link{margin-left:auto;background:transparent;color:#dbeaf6;text-decoration:underline;font-weight:400}
body:where(.vfh11):not(.vfhz) table.tile:not(.ilr-ready){visibility:hidden}
body:where(.vfh11):not(.vfhz) div:where(.vfl48):not(.vfhz):not(vfhz){overflow:visible !important}
body:where(.vfh11):not(.vfhz) table.tile .ilr-hide{display:none !important}
body:where(.vfh11):not(.vfhz) table.tile th,body:where(.vfh11):not(.vfhz) table.tile td{vertical-align:middle !important}
body:where(.vfh11):not(.vfhz) table.tile thead th{font-size:11px !important;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
body:where(.vfh11):not(.vfhz) table.tile thead th #ddoperation{display:none !important}
body:where(.vfh11):not(.vfhz) table.tile tbody td{padding-top:10px !important;padding-bottom:10px !important;font-size:13.5px}
body:where(.vfh11):not(.vfhz) .ilr-selcol{width:44px;text-align:center}
body:where(.vfh11):not(.vfhz) .ilr-selcol input{width:16px;height:16px;margin:0}
body:where(.vfh11):not(.vfhz) .ilr-sub{font-size:12px;color:#616e7c;margin-top:2px;font-weight:400}
body:where(.vfh11):not(.vfhz) .ilr-main{font-weight:500}
body:where(.vfh11):not(.vfhz) .ilr-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;border:1px solid}
body:where(.vfh11):not(.vfhz) .s-grey{background:#eef1f5;color:#3b4754;border-color:#c3ccd6}
body:where(.vfh11):not(.vfhz) .s-amber{background:#fff4e0;color:#7a4a00;border-color:#efc172}
body:where(.vfh11):not(.vfhz) .s-blue{background:#e3f0fb;color:#0b4f86;border-color:#9cc6ea}
body:where(.vfh11):not(.vfhz) .s-indigo{background:#e9ecfb;color:#2c3e8f;border-color:#b3bdf0}
body:where(.vfh11):not(.vfhz) .s-purple{background:#f3e9fb;color:#5b2d86;border-color:#cfb3ea}
body:where(.vfh11):not(.vfhz) .s-green{background:#e5f4ea;color:#1e6b3a;border-color:#a8d7b8}
body:where(.vfh11):not(.vfhz) .s-red{background:#fdecea;color:#9b1c13;border-color:#f1aaa3}
body:where(.vfh11):not(.vfhz) .ilr-cur{font-size:11px;color:#616e7c;margin-right:4px}
body:where(.vfh11):not(.vfhz) .ilr-due{color:#b42318 !important;font-weight:700}
body:where(.vfh11):not(.vfhz) .ilr-paid{display:inline-block;padding:3px 10px;border-radius:999px;background:#e5f4ea;color:#1e6b3a;font-size:12px;font-weight:700}
body:where(.vfh11):not(.vfhz) .ilr-ops{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:6px}
body:where(.vfh11):not(.vfhz) a.ilr-open{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:6px;background:#2f5e34;color:#fff !important;font-size:13px;font-weight:700;text-decoration:none !important}
body:where(.vfh11):not(.vfhz) .ilr-more{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd2d9;border-radius:6px;background:#fff;color:#3e4c59;cursor:pointer;padding:0}
body:where(.vfh11):not(.vfhz) .ilr-more[aria-expanded=true]{border-color:#1a3a63;background:#e8f3fa;color:#1a3a63}
body:where(.vfh11):not(.vfhz) .ilr-menu{position:absolute;right:0;top:38px;z-index:40;width:270px;background:#fff;border:1px solid #cbd2d9;border-radius:10px;box-shadow:0 12px 32px rgba(15,23,42,.18);padding:6px 0;text-align:left}
body:where(.vfh11):not(.vfhz) .ilr-menu[hidden]{display:none}
body:where(.vfh11):not(.vfhz) a.ilr-mi{display:flex !important;align-items:center;gap:12px;height:40px;padding:0 14px;color:#1f2933 !important;font-size:13.5px;text-decoration:none !important;white-space:nowrap;width:auto !important;margin:0 !important}
body:where(.vfh11):not(.vfhz) a.ilr-mi:hover{background:#f1f5f9;color:#0a5a9a !important}
body:where(.vfh11):not(.vfhz) a.ilr-mi svg{width:18px !important;height:18px !important;flex:0 0 18px}
body:where(.vfh11):not(.vfhz) a.ilr-del{color:#b42318 !important;font-weight:700}
body:where(.vfh11):not(.vfhz) .ilr-sep{height:1px;margin:6px 0;background:#e4e9ef}
body:where(.vfh11):not(.vfhz) tr.ilr-selrow td{background:#eef5fb !important}
/* Invoices list redesign - fixes (Open button, menu links, row striping) */
body:where(.vfh11):not(.vfhz) table.tile a.ilr-open{width:auto !important;min-width:0 !important;height:32px !important;padding:0 14px !important;background:#2f5e34 !important;color:#fff !important;border:0 !important;border-radius:6px !important;font-size:13px !important;font-weight:700 !important;line-height:32px !important;display:inline-flex !important;align-items:center !important;text-indent:0 !important;overflow:visible !important}
body:where(.vfh11):not(.vfhz) table.tile a.ilr-mi{width:auto !important;height:40px !important;background:transparent !important;border:0 !important;border-radius:0 !important;padding:0 14px !important;line-height:normal !important}
body:where(.vfh11):not(.vfhz) table.tile a.ilr-mi:hover{background:#f1f5f9 !important}
body:where(.vfh11):not(.vfhz) table.tile tbody tr td{background:#fff !important;border-bottom:1px solid #e4e9ef !important}
body:where(.vfh11):not(.vfhz) table.tile tbody tr:nth-child(even) td{background:#f8fafc !important}
body:where(.vfh11):not(.vfhz) table.tile tbody tr.ilr-selrow td{background:#eef5fb !important}
/* List redesign - menu text fix + Estimates extras (test pages) */
body:where(.vfh11):not(.vfhz) table.tile a.ilr-mi{justify-content:flex-start !important;text-align:left !important;font-size:13.5px !important;font-weight:400}
body:where(.vfh11):not(.vfhz) table.tile a.ilr-mi span{font-size:13.5px !important}
body:where(.vfh11):not(.vfhz) table.tile a.ilr-mi.ilr-del{font-weight:700}
body:where(.vfh11):not(.vfhz) .s-orange{background:#fdeedd;color:#8a3c00;border-color:#f2b98a}
body:where(.vfh12):not(.vfhz) .elr-rev{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;background:#eef1f5;color:#3b4754;font-size:11px;font-weight:700;vertical-align:middle}
body:where(.vfh12):not(.vfhz) .elr-np{color:#7b8794;font-style:italic;font-size:12.5px}
body:where(.vfh12):not(.vfhz) table.tile td.elr-void{color:#7b8794 !important;text-decoration:line-through}
/* Invoices list - filter card ribbon green, matching the invoice page Line Items card */
body:where(.vfh11):not(.vfhz):not(:where(.vfh12):not(.vfhz)) .ilr-card{border-top-color:#336633 !important}
/* List redesign - admin-dashboard style footer on the summary tiles */
body:where(.vfh11):not(.vfhz) .ilr-kpi{padding-bottom:0 !important;overflow:hidden}
body:where(.vfh11):not(.vfhz) a.ilr-kpi-foot{margin:auto -18px 0;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;background:#fafbfc;border-top:1px solid #eef1f5;color:#0a6ea8 !important;font-size:13px;font-weight:600;text-decoration:none !important}
body:where(.vfh11):not(.vfhz) a.ilr-kpi-foot:hover,body:where(.vfh11):not(.vfhz) a.ilr-kpi-foot:focus{background:#f1f5f9;color:#08517c !important;text-decoration:none !important}
body:where(.vfh11):not(.vfhz) .ilr-kpi-arrow{font-size:14px;line-height:1}
body:where(.vfh11):not(.vfhz) .ilr-kpi-s{margin-bottom:12px}
/* Site-wide: 16px space under the blue band (matches the estimate detail page); dashboard-type pages excluded */
body:not(:where(.vfh0):not(.vfhz)) .ContentArea:not(#vf-a){padding-top:16px !important}
body:where(.vfh11):not(.vfhz) .ilr-kpis{margin-top:0 !important}
/* Inventory pages: drop the old -24px pull-up so the 16px space under the band applies */
body #inventoryPage.ContentArea:not(#vf-b){margin-top:0 !important}
body #inventoryPage .inv-loc-strip:first-child{margin-top:0 !important}
/* Site-wide: green buttons turn blue #0069d9 on hover (matches the estimate detail page) */
body .btn-green:not(#vf-h):not(:disabled):hover, body .btn-success:not(#vf-h):not(:disabled):hover, body .btn.btn-primary:not(#vf-h):not(:disabled):hover, body .search-category-btn:not(#vf-h):not(:disabled):hover, body input[type=submit].btn-green:not(#vf-h):hover
{background-color:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important;text-decoration:none !important}
body:where(.vfh11):not(.vfhz) table.tile a.ilr-open:not(#vf-h):hover, body:where(.vfh11):not(.vfhz) .ilr-btn-go:not(#vf-h):hover
{background-color:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important;text-decoration:none !important}
body .btn-green, body .btn-success, body .search-category-btn, body a.ilr-open, body .ilr-btn-go{transition:background-color .15s, border-color .15s}
/* List pages - Reset dark grey, Columns light blue */
body:where(.vfh11):not(.vfhz) .ilr-form > a.ilr-btn{background:#555555 !important;border-color:#555555 !important;color:#fff !important;font-weight:600}
body:where(.vfh11):not(.vfhz) .ilr-form > a.ilr-btn:hover,body:where(.vfh11):not(.vfhz) .ilr-form > a.ilr-btn:focus{background:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important}
body:where(.vfh11):not(.vfhz) #ilrColsBtn{background:#e8f3fa !important;border-color:#e8f3fa !important;color:#08517c !important;font-weight:600}
body:where(.vfh11):not(.vfhz) #ilrColsBtn:hover,body:where(.vfh11):not(.vfhz) #ilrColsBtn:focus{background:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important}
/* List pages - Columns button follows Reset instead of being pinned to the right edge */
body:where(.vfh11):not(.vfhz) .ilr-form .ilr-cols{margin-left:0 !important}
/* List pages - thin scrollbars (same look as .scroll-thin) */
html:where(.vfh13):not(.vfhz), html:where(.vfh13):not(.vfhz) *{scrollbar-width:thin;scrollbar-color:#c1c1c1 transparent}
html:where(.vfh13):not(.vfhz)::-webkit-scrollbar, html:where(.vfh13):not(.vfhz) ::-webkit-scrollbar{width:6px;height:6px}
html:where(.vfh13):not(.vfhz)::-webkit-scrollbar-track, html:where(.vfh13):not(.vfhz) ::-webkit-scrollbar-track{background:transparent}
html:where(.vfh13):not(.vfhz)::-webkit-scrollbar-thumb, html:where(.vfh13):not(.vfhz) ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}
html:where(.vfh13):not(.vfhz)::-webkit-scrollbar-thumb:hover, html:where(.vfh13):not(.vfhz) ::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
/* List pages - 16px above the table header */
body:where(.vfh11):not(.vfhz) div.table-responsive:where(.vfl49):not(.vfhz):not(vfhz){margin-top:0 !important}
body:where(.vfh11):not(.vfhz) .inv-panel-head + .tile-ribbon + .row:not(:where(.vfl50):not(.vfhz):not(vfhz)){display:none !important}
/* List pages - paging footer in the design style (square buttons, navy current page) */
body:where(.vfh11):not(.vfhz) .ilr-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 0 4px;border-top:1px solid #e4e9ef;font-size:13px;color:#3e4c59}
body:where(.vfh11):not(.vfhz) .ilr-pager strong{color:#1f2933;font-weight:700}
body:where(.vfh11):not(.vfhz) .ilr-pager ul.pagination{margin:0 !important;display:flex;gap:6px;justify-content:flex-end !important;padding:0}
body:where(.vfh11):not(.vfhz) .ilr-pager .page-item .page-link{width:32px !important;min-width:32px;height:32px !important;padding:0 !important;margin:0 !important;display:inline-flex !important;align-items:center;justify-content:center;border:1px solid #cbd2d9 !important;border-radius:6px !important;background:#fff !important;color:#1f2933 !important;font-size:13px !important;font-weight:500;line-height:1 !important;box-shadow:none !important;text-decoration:none !important}
body:where(.vfh11):not(.vfhz) .ilr-pager .page-item.active .page-link{background:#1a3a63 !important;border-color:#1a3a63 !important;color:#fff !important;font-weight:700}
body:where(.vfh11):not(.vfhz) .ilr-pager .page-item:not(.active):not(.disabled) .page-link:hover{border-color:#1a3a63 !important;color:#1a3a63 !important;background:#f1f5f9 !important}
body:where(.vfh11):not(.vfhz) .ilr-pager .page-item.disabled .page-link{color:#9aa5b1 !important;background:#fff !important;cursor:default}
/* inv-panel styles from demo (list pages panel + heading) */
#imageFilesPanel .inv-panel-head { border-bottom: 1px solid #ecebef; padding-bottom: 10px; }
#insuranceDocsPanel .inv-panel-head { border-bottom: 1px solid #ecebef; padding-bottom: 10px; }
#packagingListsPanel .inv-panel-head { border-bottom: 1px solid #ecebef; padding-bottom: 10px; }
#commInvoicesPanel .inv-panel-head { border-bottom: 1px solid #ecebef; padding-bottom: 10px; }
#telexReleasePanel .inv-panel-head { border-bottom: 1px solid #ecebef; padding-bottom: 10px; }
#certOriginPanel .inv-panel-head { border-bottom: 1px solid #ecebef; padding-bottom: 10px; }
#billLadingPanel .inv-panel-head { border-bottom: 1px solid #ecebef; padding-bottom: 10px; }
#otherShippingDocsPanel .inv-panel-head { border-bottom: 1px solid #ecebef; padding-bottom: 10px; }
.inv-panel { background: #fff; border: 1px solid var(--card-border); border-radius: 8px; padding: 18px 20px 8px; }
.inv-panel-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 14px; flex-wrap: wrap; }
.inv-panel-head h3 { margin: 0; font-size: 16px; font-weight: 700; }
.inv-panel-head .sub { font-size: 12px; color: #6b7280; }
.inv-panel-head .panel-count { margin-left: auto; font-size: 11.5px; color: var(--text-faint); font-weight: 600; letter-spacing: .3px; }
#estimatesListPanel .inv-panel-head, #estimatesArchivePanel .inv-panel-head, #vendorPOPanel .inv-panel-head, #estimateLandedCostPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#invoiceListPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#manufInvoiceListPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#clientPOPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#vendorPOInvoicePanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#invoiceLandedCostPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#productsListPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#productCategoriesPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#brandsPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#clientsPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#clientCategoriesPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#clientShippingPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#salesRepsPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#salesMetricsPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#manufacturersPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#vendorsPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#salesReportPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#clientReportPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#clientStatementPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#activityTrackerPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#clientARPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#manufAPPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#paidCommPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
#prodSalesPanel .inv-panel-head { border-bottom: 1px solid #e1e5ec; padding-bottom: 10px; }
.inv-panel{background:var(--od-panel, #ffffff) !important;}
/* List pages - Rows per page dropdown in the paging footer */
body:where(.vfh11):not(.vfhz) .ilr-pager-right{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
body:where(.vfh11):not(.vfhz) .ilr-perpage{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:400;color:#3e4c59;white-space:nowrap}
body:where(.vfh11):not(.vfhz) .ilr-perpage select{height:32px;padding:0 8px;border:1px solid #cbd2d9;border-radius:6px;background:#fff;color:#1f2933;font-size:13px;cursor:pointer}
/* Inventory pages - green buttons use the standard dark green #336633 (hover stays blue) */
body:where(.vfh14):not(.vfhz) .btn-primary, body:where(.vfh14):not(.vfhz) .search-category-btn, body:where(.vfh14):not(.vfhz) .btn-green, body:where(.vfh14):not(.vfhz) .btn-success{background-color:#336633 !important;border-color:#336633 !important;color:#fff !important}
/* Inventory pages - grey buttons (Import Receipt, Export, Reset) turn blue #0069d9 on hover */
body:where(.vfh14):not(.vfhz) a.btn.btn-secondary:not(#vf-h):hover, body:where(.vfh14):not(.vfhz) a.btn.btn-secondary:not(#vf-h):focus{background-color:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important;text-decoration:none !important}
body:where(.vfh14):not(.vfhz) a.btn.btn-secondary{transition:background-color .15s, border-color .15s}
/* Inventory pages - button labels in normal (upper-lower) case */
body:where(.vfh14):not(.vfhz) .ContentArea .btn, body:where(.vfh14):not(.vfhz) .ContentArea button, body:where(.vfh14):not(.vfhz) .ContentArea input[type=button], body:where(.vfh14):not(.vfhz) .ContentArea input[type=submit], body:where(.vfh14):not(.vfhz) .ContentArea .search-category-btn{text-transform:none !important}
/* Manage Inventory - Import Receipt and Export in light blue (hover blue) */
body:where(.vfh14):not(.vfhz) .inv-toolbar-actions a.btn.btn-secondary:not(#vf-l){background-color:#e8f3fa !important;border-color:#e8f3fa !important;color:#08517c !important;font-weight:600}
body:where(.vfh14):not(.vfhz) .inv-toolbar-actions a.btn.btn-secondary:not(#vf-l):hover, body:where(.vfh14):not(.vfhz) .inv-toolbar-actions a.btn.btn-secondary:not(#vf-l):focus{background-color:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important;text-decoration:none !important}
/* Manage Inventory - dark blue ribbon on top of the Current Stock card */
body #currentStockPanel.inv-panel:not(#vf-r){border-top:4px solid #1a3a63 !important}
/* Global View redesign (test page, scoped via .ng-gvr marker) */
body:where(.vfh15):not(.vfhz) .gvr-panel{background:#fff;border:1px solid #d5dce4;border-radius:10px;padding:18px 20px 8px;margin-bottom:16px}
body:where(.vfh15):not(.vfhz) .gvr-head{display:flex;align-items:baseline;gap:10px;padding-bottom:10px;border-bottom:1px solid #e1e5ec;margin-bottom:16px}
body:where(.vfh15):not(.vfhz) .gvr-title{font-size:16px;font-weight:700;color:#1f2933}
body:where(.vfh15):not(.vfhz) .gvr-subtitle{font-size:12.5px;color:#616e7c}
body:where(.vfh15):not(.vfhz) .gvr-scroll{overflow-x:auto}
body:where(.vfh15):not(.vfhz) table.gvr-table{width:100%;min-width:1180px;border-collapse:separate;border-spacing:0;font-size:13.5px;color:#1f2933}
body:where(.vfh15):not(.vfhz) table.gvr-table thead th{background:#1a3a63;color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:12px 10px;text-align:left;white-space:nowrap;border:0}
body:where(.vfh15):not(.vfhz) table.gvr-table thead th:first-child{border-top-left-radius:6px}
body:where(.vfh15):not(.vfhz) table.gvr-table thead th:last-child{border-top-right-radius:6px}
body:where(.vfh15):not(.vfhz) table.gvr-table td{padding:10px;border-bottom:1px solid #e4e9ef;vertical-align:middle;background:#fff}
body:where(.vfh15):not(.vfhz) table.gvr-table tbody tr:nth-child(even) td{background:#f8fafc}
body:where(.vfh15):not(.vfhz) table.gvr-table th.gvr-r, body:where(.vfh15):not(.vfhz) table.gvr-table td.gvr-r{text-align:right}
body:where(.vfh15):not(.vfhz) .gvr-num{font-variant-numeric:tabular-nums}
body:where(.vfh15):not(.vfhz) a.gvr-id{font-size:14px;font-weight:700;color:#0a5a9a;text-decoration:none}
body:where(.vfh15):not(.vfhz) .gvr-sub{font-size:12px;color:#616e7c;margin-top:2px}
body:where(.vfh15):not(.vfhz) .gvr-sub2{font-size:11.5px;color:#7b8794;margin-top:1px}
body:where(.vfh15):not(.vfhz) .gvr-main{font-weight:500}
body:where(.vfh15):not(.vfhz) .gvr-dots{display:flex;gap:4px;margin-bottom:6px}
body:where(.vfh15):not(.vfhz) .gvr-dot{width:10px;height:10px;border-radius:50%;box-sizing:border-box;background:#fff;border:1.5px solid #9aa5b1;display:inline-block}
body:where(.vfh15):not(.vfhz) .gvr-dot.is-done{background:#2f7d4a;border-color:#2f7d4a}
body:where(.vfh15):not(.vfhz) .gvr-bar{height:6px;border-radius:3px;background:#e4e9ef;overflow:hidden;margin-bottom:6px;min-width:110px}
body:where(.vfh15):not(.vfhz) .gvr-fill{height:100%;background:#0a6ea8}
body:where(.vfh15):not(.vfhz) .gvr-fill.is-full{background:#2f7d4a}
body:where(.vfh15):not(.vfhz) .gvr-owe{color:#8a3c00}
body:where(.vfh15):not(.vfhz) .gvr-muted{color:#7b8794}
body:where(.vfh15):not(.vfhz) .gvr-profit{color:#1e6b3a;font-weight:600}
body:where(.vfh15):not(.vfhz) .gvr-empty{text-align:center;padding:36px 10px !important;color:#52606d}
body:where(.vfh15):not(.vfhz) table.gvr-table.gvr-hide-docs .gvr-c-docs, body:where(.vfh15):not(.vfhz) table.gvr-table.gvr-hide-sup .gvr-c-sup, body:where(.vfh15):not(.vfhz) table.gvr-table.gvr-hide-profit .gvr-c-profit{display:none}
body:where(.vfh15):not(.vfhz) .gvr-kv-red{color:#b42318 !important}
body:where(.vfh15):not(.vfhz) .gvr-kv-amber{color:#8a3c00 !important}
body:where(.vfh15):not(.vfhz) .gvr-kv-green{color:#1e6b3a !important}
body:where(.vfh15):not(.vfhz) a.gvr-open:hover, body:where(.vfh15):not(.vfhz) a.gvr-open:focus{background:#0069d9 !important;color:#fff !important}
body:where(.vfh15):not(.vfhz) a.gvr-mi{justify-content:flex-start !important;text-align:left;font-size:13.5px !important}
body:where(.vfh15):not(.vfhz) #gvReset{background:#555555 !important;border-color:#555555 !important;color:#fff !important;font-weight:600}
body:where(.vfh15):not(.vfhz) #gvExport{background:#e8f3fa !important;border-color:#e8f3fa !important;color:#08517c !important;font-weight:600}
body:where(.vfh15):not(.vfhz) #gvReset:hover, body:where(.vfh15):not(.vfhz) #gvExport:hover, body:where(.vfh15):not(.vfhz) #gvReset:focus, body:where(.vfh15):not(.vfhz) #gvExport:focus{background:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important}
/* Global View redesign - documents checklist card */
body:where(.vfh15):not(.vfhz) button.gvr-docbtn{display:block;background:none;border:0;padding:4px 6px;margin:-4px -6px;border-radius:6px;cursor:pointer;text-align:left;font:inherit;color:inherit}
body:where(.vfh15):not(.vfhz) button.gvr-docbtn:hover, body:where(.vfh15):not(.vfhz) button.gvr-docbtn[aria-expanded=true], body:where(.vfh15):not(.vfhz) button.gvr-docbtn:focus-visible{background:#eef5fb;outline:none;box-shadow:0 0 0 2px #9cc6ea}
body:where(.vfh15):not(.vfhz) .gvr-docpop{position:fixed;z-index:1050;width:300px;background:#fff;border:1px solid #cbd2d9;border-radius:10px;box-shadow:0 12px 32px rgba(15,23,42,.18);padding:14px 16px;display:flex;flex-direction:column;gap:10px;text-align:left;white-space:normal;color:#1f2933}
body:where(.vfh15):not(.vfhz) .gvr-docpop[hidden]{display:none}
body:where(.vfh15):not(.vfhz) .gvr-docpop-h{display:flex;justify-content:space-between;align-items:baseline;font-size:14px}
body:where(.vfh15):not(.vfhz) .gvr-docpop-c{font-size:12px;color:#3e4c59}
body:where(.vfh15):not(.vfhz) .gvr-docpop .gvr-bar{margin:0;min-width:0}
body:where(.vfh15):not(.vfhz) .gvr-fill.is-docs{background:#2f7d4a}
body:where(.vfh15):not(.vfhz) .gvr-docrow{display:flex;align-items:center;gap:10px;font-size:13.5px}
body:where(.vfh15):not(.vfhz) .gvr-docmark{width:18px;height:18px;flex:0 0 18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-sizing:border-box;background:#fff;border:1.5px solid #9aa5b1;color:#fff}
body:where(.vfh15):not(.vfhz) .gvr-docmark.is-done{background:#2f7d4a;border-color:#2f7d4a}
body:where(.vfh15):not(.vfhz) .gvr-doclabel{flex:1 1 auto}
body:where(.vfh15):not(.vfhz) .gvr-docstate{font-size:12px;font-weight:600;color:#8a3c00}
body:where(.vfh15):not(.vfhz) .gvr-docstate.is-done{color:#1e6b3a}
/* Global View redesign - optional Commissions and References columns */
body:where(.vfh15):not(.vfhz) table.gvr-table.gvr-hide-comm .gvr-c-comm, body:where(.vfh15):not(.vfhz) table.gvr-table.gvr-hide-ref .gvr-c-ref{display:none}
body:where(.vfh15):not(.vfhz) .gvr-kv{display:flex;align-items:center;gap:6px;font-size:12.5px;line-height:1.6;white-space:nowrap}
body:where(.vfh15):not(.vfhz) .gvr-k{min-width:34px;color:#7b8794;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
body:where(.vfh15):not(.vfhz) .gvr-tag{font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:999px;background:#fff4e0;color:#7a4a00}
body:where(.vfh15):not(.vfhz) .gvr-tag.is-paid{background:#e5f4ea;color:#1e6b3a}
/* Global View redesign - in-between document states (Requested / Emailed) in yellow */
body:where(.vfh15):not(.vfhz) .gvr-dot.is-mid{background:#f2b705;border-color:#f2b705}
body:where(.vfh15):not(.vfhz) .gvr-docmark.is-mid{background:#f2b705;border-color:#f2b705;color:#fff}
body:where(.vfh15):not(.vfhz) .gvr-docstate.is-mid{color:#9a6700}
body:where(.vfh15):not(.vfhz) .gvr-docstate:not(.is-done):not(.is-mid){color:#7b8794}
/* Global View redesign - AWB not-sent tag */
body:where(.vfh15):not(.vfhz) .gvr-tag.is-off{background:#eef1f5;color:#52606d}
/* Global View redesign - Ship Agent/AWB column toggle */
body:where(.vfh15):not(.vfhz) table.gvr-table.gvr-hide-awb .gvr-c-awb{display:none}
/* Global View redesign - launch icons for the original pop-ups */
body:where(.vfh15):not(.vfhz) .gvr-idline{display:flex;align-items:center;gap:6px}
body:where(.vfh15):not(.vfhz) button.gvr-pop{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;padding:0;margin-left:6px;vertical-align:middle;border:1px solid #cbd2d9;border-radius:5px;background:#fff;color:#0a6ea8;cursor:pointer}
body:where(.vfh15):not(.vfhz) .gvr-idline button.gvr-pop{margin-left:0}
body:where(.vfh15):not(.vfhz) button.gvr-pop:hover, body:where(.vfh15):not(.vfhz) button.gvr-pop:focus-visible{background:#0069d9;border-color:#0069d9;color:#fff;outline:none}
/* Global View redesign - bold Total column */
body:where(.vfh15):not(.vfhz) table.gvr-table td.gvr-total{font-weight:700}
body:where(.vfh15):not(.vfhz) table.gvr-table td.gvr-total .ilr-cur{font-weight:400}
/* Add Items (estimate_search_product_v2) - green ribbon and table header #336633 */
body:where(.vfh16):not(.vfhz) .ep2-card.ep2-results:not(#vf-g){border-top-color:#336633 !important}
body:where(.vfh16):not(.vfhz) .ep2-results table thead th:not(#vf-g){background:#336633 !important;background-color:#336633 !important;border-color:#336633 !important;color:#fff !important}
/* Add Items - paging footer in the list-page style */
body:where(.vfh16):not(.vfhz) .ep2-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 0 4px;border-top:1px solid #e4e9ef;font-size:13px;color:#3e4c59}
body:where(.vfh16):not(.vfhz) .ep2-pager ul.pagination{margin:0 !important;display:flex;gap:6px;justify-content:flex-end !important;padding:0}
body:where(.vfh16):not(.vfhz) .ep2-pager .page-item .page-link{width:32px !important;min-width:32px;height:32px !important;padding:0 !important;margin:0 !important;display:inline-flex !important;align-items:center;justify-content:center;border:1px solid #cbd2d9 !important;border-radius:6px !important;background:#fff !important;color:#1f2933 !important;font-size:13px !important;font-weight:500;line-height:1 !important;box-shadow:none !important;text-decoration:none !important}
body:where(.vfh16):not(.vfhz) .ep2-pager .page-item.active .page-link{background:#1a3a63 !important;border-color:#1a3a63 !important;color:#fff !important;font-weight:700}
body:where(.vfh16):not(.vfhz) .ep2-pager .page-item:not(.active):not(.disabled) .page-link:hover{border-color:#1a3a63 !important;color:#1a3a63 !important;background:#f1f5f9 !important}
body:where(.vfh16):not(.vfhz) .ep2-pager .page-item.disabled .page-link{color:#9aa5b1 !important;background:#fff !important;cursor:default}
/* Add Items - less space below the Add to Invoice bar */
body:where(.vfh16):not(.vfhz) .ep2-card.ep2-results:not(#vf-s){margin-bottom:6px !important}
body:where(.vfh16):not(.vfhz) .ep2-pager:not(#vf-s){margin-top:0 !important;padding-top:8px !important}
/* Estimates list - table header height 37px (matches the invoice Line Items header) */
body:where(.vfh12):not(.vfhz) table.tile thead th:not(#vf-h37){height:37px !important;padding-top:0 !important;padding-bottom:0 !important;line-height:17.25px !important;vertical-align:middle !important;box-sizing:border-box}
/* Invoices + Estimates lists - table header height 37px */
body:where(.vfh11):not(.vfhz) table.tile thead th:not(#vf-h37i){height:37px !important;padding-top:0 !important;padding-bottom:0 !important;line-height:17.25px !important;vertical-align:middle !important;box-sizing:border-box}
/* Estimates list - header font matches the estimate Line Items header (Roboto 11.5px bold, uppercase, 0.23px) */
body:where(.vfh12):not(.vfhz) table.tile thead th:not(#vf-hf), body:where(.vfh12):not(.vfhz) table.tile thead th a:not(#vf-hf), body:where(.vfh12):not(.vfhz) table.tile thead th span:not(#vf-hf){font-family:Roboto, Arial, sans-serif !important;font-size:11.5px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.23px !important;color:#fff !important;text-decoration:none !important}
/* Invoices + Estimates lists - header font (Roboto 11.5px bold, uppercase, 0.23px) */
body:where(.vfh11):not(.vfhz) table.tile thead th:not(#vf-hfi), body:where(.vfh11):not(.vfhz) table.tile thead th a:not(#vf-hfi), body:where(.vfh11):not(.vfhz) table.tile thead th span:not(#vf-hfi){font-family:Roboto, Arial, sans-serif !important;font-size:11.5px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.23px !important;color:#fff !important;text-decoration:none !important}
/* Invoices + Estimates lists - bold invoice / estimate number in the first column */
body:where(.vfh11):not(.vfhz) table.tile tbody td:where(.vfl51):not(.vfhz) > a:not(#vf-b){font-weight:700 !important}
/* GLOBAL DEFAULT - every table header: 37px tall, Roboto 11.5px bold uppercase 0.23px (header colours stay per table; date pickers excluded) */
html body table:not(:is(.ui-datepicker, .datepicker, .daterangepicker, .bootstrap-datetimepicker-widget, .flatpickr-calendar) *) thead th:not(#vf-gt1):not(#vf-gt2){height:37px !important;padding-top:0 !important;padding-bottom:0 !important;line-height:17.25px !important;vertical-align:middle !important;box-sizing:border-box;font-family:Roboto, Arial, sans-serif !important;font-size:11.5px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.23px !important}
html body table:not(:is(.ui-datepicker, .datepicker, .daterangepicker, .bootstrap-datetimepicker-widget, .flatpickr-calendar) *) thead th:not(#vf-gt1):not(#vf-gt2) a, html body table:not(:is(.ui-datepicker, .datepicker, .daterangepicker, .bootstrap-datetimepicker-widget, .flatpickr-calendar) *) thead th:not(#vf-gt1):not(#vf-gt2) span{font-family:Roboto, Arial, sans-serif !important;font-size:11.5px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.23px !important;text-decoration:none !important}
/* Invoice page - content area transparent (grey page background), matching the estimate page */
body:where(.vfh3):not(.vfhz):where(.vfh8):not(#vfhz) .ContentArea:not(#vf-cab){background:transparent !important;background-color:transparent !important}
/* Estimate page - less space below Expand All */
body #estimate_po_detail > div:where(.vfl52):not(.vfhz):not(#vf-ea){padding-bottom:0 !important}
body #estimate_po_detail > .oc-section:not(.oc-section ~ .oc-section):not(#vf-ea){margin-top:5px !important}
/* Invoice page - less space below Expand/Collapse All (matches the estimate page) */
body:where(.vfh3):not(.vfhz) #InvoiceTable > div:where(.vfl53):not(.vfhz):not(#vf-ea2){padding-bottom:0 !important}
body:where(.vfh3):not(.vfhz) #InvoiceTable > .oc-section:not(.oc-section ~ .oc-section):not(#vf-ea2){margin-top:5px !important}
/* Invoice page - save banner (light green) top/bottom padding -25% (12px -> 9px) */
body:where(.vfh3):not(.vfhz) .ContentArea .row.justify-content-center > .col-sm-10 > .alert.alert-success:not(#vf-sb9){padding-top:9px !important;padding-bottom:9px !important}
/* Estimate page - save banner (light green) top/bottom padding -25% (12px -> 9px) */
body:where(.vfh1):not(#vfhz) .row.justify-content-center > .col-sm-10 > .alert.alert-success:not(#vf-sb9e){padding-top:9px !important;padding-bottom:9px !important}
/* Invoices + Estimates lists - row hover colour (as on demo): green on Invoices, blue on Estimates */
body:where(.vfh11):not(.vfhz):not(:where(.vfh12):not(.vfhz)) table.tile tbody tr:not(#vf-rh):hover > td{background-color:#e2f3e4 !important;--bs-table-accent-bg:transparent}
body:where(.vfh12):not(.vfhz):not(:where(.vfh15):not(.vfhz)) table.tile tbody tr:not(#vf-rh):hover > td{background-color:#d6ecff !important;--bs-table-accent-bg:transparent}
/* Manage Products redesign (scoped via .ng-prd marker) */
body:where(.vfh17):not(.vfhz) .vp-panel{background:#fff;border:1px solid #d5dce4;border-radius:10px;padding:18px 20px 8px;margin-bottom:16px}
body:where(.vfh17):not(.vfhz) .vp-head{display:flex;align-items:baseline;gap:10px;padding-bottom:10px;border-bottom:1px solid #e1e5ec;margin-bottom:14px}
body:where(.vfh17):not(.vfhz) .vp-title{font-size:16px;font-weight:700;color:#1f2933}
body:where(.vfh17):not(.vfhz) .vp-subtitle{font-size:12.5px;color:#616e7c}
body:where(.vfh17):not(.vfhz) .vp-scroll{overflow-x:auto}
body:where(.vfh17):not(.vfhz) table.vp-table{width:100%;min-width:1150px;border-collapse:separate;border-spacing:0;font-size:13.5px;color:#1f2933}
body:where(.vfh17):not(.vfhz) table.vp-table thead th{background:#675f80;color:#fff;padding-left:10px;padding-right:10px;text-align:left;white-space:nowrap;border:0}
body:where(.vfh17):not(.vfhz) table.vp-table thead th:first-child{border-top-left-radius:6px}
body:where(.vfh17):not(.vfhz) table.vp-table thead th:last-child{border-top-right-radius:6px}
body:where(.vfh17):not(.vfhz) table.vp-table td{padding:10px;border-bottom:1px solid #e4e9ef;vertical-align:middle;background:#fff}
body:where(.vfh17):not(.vfhz) table.vp-table tbody tr:nth-child(even) td{background:#f8fafc}
body:where(.vfh17):not(.vfhz) table.vp-table tbody tr:hover td{background:#ece9f4}
body:where(.vfh17):not(.vfhz) table.vp-table tbody tr.vp-selrow td{background:#eef5fb !important}
body:where(.vfh17):not(.vfhz) table.vp-table .vp-sel{width:44px;padding-left:14px}
body:where(.vfh17):not(.vfhz) table.vp-table .vp-sel input{width:16px;height:16px}
body:where(.vfh17):not(.vfhz) table.vp-table th.vp-r, body:where(.vfh17):not(.vfhz) table.vp-table td.vp-r{text-align:right}
body:where(.vfh17):not(.vfhz) .vp-num{font-variant-numeric:tabular-nums}
body:where(.vfh17):not(.vfhz) .vp-sub{font-size:12px;color:#616e7c;margin-top:2px}
body:where(.vfh17):not(.vfhz) .vp-small{font-size:12px;color:#3e4c59}
body:where(.vfh17):not(.vfhz) .vp-desc{font-size:13px;font-weight:600}
body:where(.vfh17):not(.vfhz) .vp-muted{color:#9aa5b1}
body:where(.vfh17):not(.vfhz) .vp-warn{color:#8a3c00;font-weight:600;font-size:12.5px}
body:where(.vfh17):not(.vfhz) .vp-prod{display:flex;align-items:center;gap:10px}
body:where(.vfh17):not(.vfhz) .vp-thumb{width:40px;height:40px;flex:0 0 40px;box-sizing:border-box;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#eef2f6;border:1px solid #dfe5ec;color:#9aa5b1;padding:0}
body:where(.vfh17):not(.vfhz) button.vp-thumb.has-img{cursor:pointer;background:#f0f7fc;border-color:#b9d6ea;color:#0a6ea8}
body:where(.vfh17):not(.vfhz) button.vp-thumb.has-img:hover, body:where(.vfh17):not(.vfhz) button.vp-thumb.has-img:focus-visible{background:#0069d9;border-color:#0069d9;color:#fff;outline:none}
body:where(.vfh17):not(.vfhz) .vp-info{display:flex;flex-direction:column;gap:4px;min-width:0}
body:where(.vfh17):not(.vfhz) a.vp-code{font-size:14px;font-weight:700;color:#004080;text-decoration:none}
body:where(.vfh17):not(.vfhz) .vp-tags{display:flex;flex-wrap:wrap;gap:4px}
body:where(.vfh17):not(.vfhz) .vp-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
body:where(.vfh17):not(.vfhz) .vp-tag.vp-tag-hidden{background:#eceff3 !important;color:#52606d !important}
body:where(.vfh17):not(.vfhz) .vp-cost{font-weight:700}
body:where(.vfh17):not(.vfhz) .vp-cost .vp-sub{font-weight:400}
body:where(.vfh17):not(.vfhz) .vp-empty{text-align:center;padding:36px 10px !important;color:#52606d}
body:where(.vfh17):not(.vfhz) table.vp-table.vp-hide-pack .vp-c-pack, body:where(.vfh17):not(.vfhz) table.vp-table.vp-hide-ids .vp-c-ids, body:where(.vfh17):not(.vfhz) table.vp-table.vp-hide-vol .vp-c-vol, body:where(.vfh17):not(.vfhz) table.vp-table.vp-hide-last .vp-c-last, body:where(.vfh17):not(.vfhz) table.vp-table.vp-hide-alt .vp-c-alt{display:none}
body:where(.vfh17):not(.vfhz) .vp-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;border-radius:8px;background:#1a3a63;color:#fff;font-size:13.5px}
body:where(.vfh17):not(.vfhz) .vp-bulk[hidden]{display:none}
body:where(.vfh17):not(.vfhz) .vp-bb{height:32px;padding:0 12px;border:0;border-radius:6px;background:#e8f3fa;color:#08517c;font-size:13px;font-weight:600;cursor:pointer}
body:where(.vfh17):not(.vfhz) .vp-bb:hover, body:where(.vfh17):not(.vfhz) .vp-bb:focus-visible{background:#0069d9;color:#fff}
body:where(.vfh17):not(.vfhz) .vp-bb.vp-bb-del{background:#fff;color:#b42318;border:1px solid #f3b4ad;font-weight:700}
body:where(.vfh17):not(.vfhz) .vp-bb.vp-bb-link{margin-left:auto;background:transparent;color:#fff;text-decoration:underline}
body:where(.vfh17):not(.vfhz) a.vp-add{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:8px;background:#336633;color:#fff !important;font-size:13.5px;font-weight:700;text-decoration:none !important;white-space:nowrap}
body:where(.vfh17):not(.vfhz) a.vp-add:hover, body:where(.vfh17):not(.vfhz) a.vp-add:focus{background:#0069d9}
body:where(.vfh17):not(.vfhz) .vp-lb{background:#e8f3fa !important;border-color:#e8f3fa !important;color:#08517c !important;font-weight:600}
body:where(.vfh17):not(.vfhz) #vpReset{background:#555555 !important;border-color:#555555 !important;color:#fff !important;font-weight:600}
body:where(.vfh17):not(.vfhz) .vp-lb:hover, body:where(.vfh17):not(.vfhz) #vpReset:hover, body:where(.vfh17):not(.vfhz) .vp-lb:focus, body:where(.vfh17):not(.vfhz) #vpReset:focus{background:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important}
body:where(.vfh17):not(.vfhz) select.vp-more{height:34px;padding:0 10px;border:1px solid #cbd2d9;border-radius:999px;font-size:13px;background:#fff;color:#1f2933}
body:where(.vfh17):not(.vfhz) #vpBrand{height:40px;padding:0 10px;border:1px solid #cbd2d9;border-radius:8px;font-size:13.5px;background:#fff;max-width:240px}
body:where(.vfh17):not(.vfhz) a.vp-edit:hover, body:where(.vfh17):not(.vfhz) a.vp-edit:focus{background:#0069d9 !important;color:#fff !important}
body:where(.vfh17):not(.vfhz) a.vp-mi{justify-content:flex-start !important;text-align:left;font-size:13.5px !important}
body:where(.vfh17):not(.vfhz) a.vp-mi.ilr-del{color:#b42318 !important;font-weight:700}
body:where(.vfh17):not(.vfhz) .ilr-menu .ilr-sep{height:1px;background:#e4e9ef;margin:4px 0}
/* Manage Products redesign - band button placement + chip pills */
body:where(.vfh17):not(.vfhz) .ContentHeader{position:relative}
body:where(.vfh17):not(.vfhz) .ContentHeader a.vp-add{position:absolute;right:28px;top:50%;transform:translateY(-50%)}
body:where(.vfh17):not(.vfhz) #vpChips button.ilr-chip{height:34px;padding:0 14px;border:1px solid #cbd2d9;border-radius:999px;background:#fff;color:#1f2933;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
body:where(.vfh17):not(.vfhz) #vpChips button.ilr-chip b{font-weight:700}
body:where(.vfh17):not(.vfhz) #vpChips button.ilr-chip:hover{border-color:#1a3a63}
body:where(.vfh17):not(.vfhz) #vpChips button.ilr-chip.is-on{background:#1a3a63;border-color:#1a3a63;color:#fff}
body:where(.vfh17):not(.vfhz) #vpChips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
/* Manage Products - brief highlight when a summary tile points to a filter */
@keyframes vpFlash{0%{box-shadow:0 0 0 0 rgba(0,105,217,.55)}60%{box-shadow:0 0 0 6px rgba(0,105,217,.25)}100%{box-shadow:0 0 0 0 rgba(0,105,217,0)}}
body:where(.vfh17):not(.vfhz) .vp-flash{animation:vpFlash 1.5s ease-out 1;border-radius:10px}
/* Edit Product redesign (scoped via .ng-pe marker) */
body:where(.vfh18):not(.vfhz) .pe-flat{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;max-width:none !important;width:100% !important;margin:0 !important;flex:1 1 auto !important}
body:where(.vfh18):not(.vfhz) .pe-root{display:flex;flex-direction:column;gap:10px;margin-top:0}
body:where(.vfh18):not(.vfhz) .pe-ribbon{background:#fff;border:1px solid #d5dce4;border-top:4px solid #675f80;border-radius:10px;padding:12px 20px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}
body:where(.vfh18):not(.vfhz) .pe-rb{display:flex;flex-direction:column;gap:4px;min-width:0}
body:where(.vfh18):not(.vfhz) .pe-rb-l{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#616e7c}
body:where(.vfh18):not(.vfhz) .pe-code{font-size:15px;font-weight:700;color:#004080}
body:where(.vfh18):not(.vfhz) .pe-strong{font-weight:700;font-variant-numeric:tabular-nums;color:#1f2933}
body:where(.vfh18):not(.vfhz) .pe-green{color:#1e6b3a !important}
body:where(.vfh18):not(.vfhz) .pe-muted{color:#7b8794}
body:where(.vfh18):not(.vfhz) .pe-pill{align-self:flex-start;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}
body:where(.vfh18):not(.vfhz) .pe-pill-cat{background:#e9ecfb;color:#2c3e8f}
body:where(.vfh18):not(.vfhz) .pe-pill-on{background:#e5f4ea;color:#1e6b3a}
body:where(.vfh18):not(.vfhz) .pe-pill-off{background:#eceff3;color:#52606d}
body:where(.vfh18):not(.vfhz) .pe-bar{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:12px}
body:where(.vfh18):not(.vfhz) .pe-toggle{border:0;background:transparent;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;padding:0}
body:where(.vfh18):not(.vfhz) .pe-sep{color:#cbd5e1}
body:where(.vfh18):not(.vfhz) .pe-saved{color:#94a3b8}
body:where(.vfh18):not(.vfhz) .pe-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
@media (max-width:1100px){body:where(.vfh18):not(.vfhz) .pe-layout{grid-template-columns:1fr}}
body:where(.vfh18):not(.vfhz) .pe-main{display:flex;flex-direction:column;gap:14px;min-width:0}
body:where(.vfh18):not(.vfhz) .pe-sec{background:#e5e9ee;border-radius:10px}
body:where(.vfh18):not(.vfhz) .pe-sec-head{width:100%;display:flex;align-items:center;border:0;padding:0;background:transparent;cursor:pointer;text-align:left}
body:where(.vfh18):not(.vfhz) .pe-sec-tab{display:flex;align-items:center;gap:12px;height:40px;padding:0 18px;min-width:290px;box-sizing:border-box;color:#fff;border-radius:10px 0 10px 0;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
body:where(.vfh18):not(.vfhz) .pe-sec-num{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
body:where(.vfh18):not(.vfhz) .pe-sec-arrow{margin-left:auto}
body:where(.vfh18):not(.vfhz) .pe-sec-hint{padding-left:14px;font-size:12px;color:#52606d}
body:where(.vfh18):not(.vfhz) .pe-sec-body{padding:16px 18px 6px;background:#f4f6f9;border-radius:0 0 10px 10px}
body:where(.vfh18):not(.vfhz) .pe-sec.pe-closed .pe-sec-body{display:none}
body:where(.vfh18):not(.vfhz) .pe-grid{display:grid;gap:14px;margin-bottom:14px}
body:where(.vfh18):not(.vfhz) .pe-f{display:flex;flex-direction:column;gap:6px;min-width:0}
body:where(.vfh18):not(.vfhz) .pe-l{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#3e4c59;margin:0}
body:where(.vfh18):not(.vfhz) .pe-req{color:#b42318}
body:where(.vfh18):not(.vfhz) .pe-f .form-control, body:where(.vfh18):not(.vfhz) .pe-f select, body:where(.vfh18):not(.vfhz) .pe-f input[type=text]{width:100% !important;max-width:none !important;height:38px;border:1px solid #cbd2d9 !important;border-radius:8px !important;font-size:13.5px !important;padding:0 10px !important;box-sizing:border-box;background-color:#fff}
body:where(.vfh18):not(.vfhz) .pe-f textarea.form-control, body:where(.vfh18):not(.vfhz) .pe-f textarea{height:auto !important;min-height:62px;padding:8px 10px !important}
body:where(.vfh18):not(.vfhz) .pe-ro .form-control, body:where(.vfh18):not(.vfhz) .pe-ro input{background-color:#eef1f5 !important;font-weight:700;color:#1f2933}
body:where(.vfh18):not(.vfhz) .pe-f > a{font-size:12px;font-weight:600}
body:where(.vfh18):not(.vfhz) .pe-f .form-control-feedback{font-size:12px;color:#b42318}
body:where(.vfh18):not(.vfhz) .pe-links{margin:-6px 0 12px;font-size:12.5px}
body:where(.vfh18):not(.vfhz) .pe-links a{color:#0a6ea8;font-weight:600}
body:where(.vfh18):not(.vfhz) .pe-sub{margin:2px 0 12px;padding-top:12px;border-top:1px dashed #cbd2d9;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#52606d}
body:where(.vfh18):not(.vfhz) .pe-chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
body:where(.vfh18):not(.vfhz) .pe-chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid #cbd2d9;font-size:13px;cursor:pointer;margin:0}
body:where(.vfh18):not(.vfhz) .pe-chip.is-on{background:#e5f4ea;border-color:#a8d7b8;color:#1e6b3a;font-weight:700}
body:where(.vfh18):not(.vfhz) .pe-chip input{margin:0 !important;width:16px;height:16px;position:static !important}
body:where(.vfh18):not(.vfhz) .pe-brands{background:#fff;border:1px solid #d5dce4;border-radius:8px;overflow:hidden;margin-bottom:14px}
body:where(.vfh18):not(.vfhz) .pe-brands > .form-group{margin:0 !important;background:#675f80;align-items:center;min-height:37px;padding:4px 0}
body:where(.vfh18):not(.vfhz) .pe-brands > .form-group, body:where(.vfh18):not(.vfhz) .pe-brands > .form-group label, body:where(.vfh18):not(.vfhz) .pe-brands > .form-group div{color:#fff !important;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.23px}
body:where(.vfh18):not(.vfhz) .pe-brands > .form-group input[type=button]{background:#e8f3fa !important;color:#08517c !important;border:0 !important;border-radius:6px !important;font-weight:600;text-transform:none}
body:where(.vfh18):not(.vfhz) .pe-brands .contentBrBc{padding:6px 8px}
body:where(.vfh18):not(.vfhz) .pe-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:16px}
body:where(.vfh18):not(.vfhz) .pe-card{background:#fff;border:1px solid #d5dce4;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;font-size:13px}
body:where(.vfh18):not(.vfhz) .pe-card-t{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#52606d}
body:where(.vfh18):not(.vfhz) .pe-imgcard .form-group{display:block !important;margin:0 0 10px !important}
body:where(.vfh18):not(.vfhz) .pe-imgcard .form-group > *{max-width:100% !important;width:100% !important;flex:none !important;padding:0 !important;text-align:left !important}
body:where(.vfh18):not(.vfhz) .pe-imgcard label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#3e4c59}
body:where(.vfh18):not(.vfhz) .pe-imgcard .form-control{display:inline-block;width:calc(100% - 30px) !important;height:36px;border:1px solid #cbd2d9 !important;border-radius:8px !important;font-size:12.5px !important}
body:where(.vfh18):not(.vfhz) .pe-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:4px 0;border-bottom:1px solid #eef1f5}
body:where(.vfh18):not(.vfhz) .pe-row:last-child{border-bottom:0}
body:where(.vfh18):not(.vfhz) .pe-row > span:first-child{color:#3e4c59}
body:where(.vfh18):not(.vfhz) .pe-row-hi .pe-strong{color:#1e6b3a}
body:where(.vfh18):not(.vfhz) .pe-link{font-weight:600;color:#0a6ea8;text-decoration:none;margin-top:4px}
body:where(.vfh18):not(.vfhz) .pe-actions{display:flex;justify-content:center;gap:10px;margin:8px 0 4px}
body:where(.vfh18):not(.vfhz) .pe-actions input{height:40px !important;padding:0 22px !important;border-radius:8px !important;font-size:13.5px !important;font-weight:700 !important;text-transform:none !important;border:0 !important;color:#fff !important}
body:where(.vfh18):not(.vfhz) .pe-actions input[name=save_products]{background:#336633 !important}
body:where(.vfh18):not(.vfhz) .pe-actions input[type=button]{background:#555555 !important}
body:where(.vfh18):not(.vfhz) .pe-actions input:hover{background:#0069d9 !important}
body:where(.vfh18):not(.vfhz) .ContentHeader{position:relative}
body:where(.vfh18):not(.vfhz) .pe-band-actions{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:flex;gap:8px}
body:where(.vfh18):not(.vfhz) .pe-bb{height:36px;padding:0 16px;border:0;border-radius:8px;font-size:13.5px;font-weight:700;cursor:pointer;color:#fff}
body:where(.vfh18):not(.vfhz) .pe-bb-back{background:#555555}
body:where(.vfh18):not(.vfhz) .pe-bb-save{background:#336633}
body:where(.vfh18):not(.vfhz) .pe-bb:hover, body:where(.vfh18):not(.vfhz) .pe-bb:focus{background:#0069d9}
/* Edit Product - brands & barcodes (+) toggle visible on the purple header */
body:where(.vfh18):not(.vfhz) .pe-brands .toggleBrBc{background-image:none !important;cursor:pointer;display:flex !important;align-items:center;justify-content:center;min-height:37px;user-select:none}
body:where(.vfh18):not(.vfhz) .pe-brands .toggleBrBc::before{content:"+";color:#fff;font-size:22px;font-weight:700;line-height:1}
body:where(.vfh18):not(.vfhz) .pe-brands .toggleBrBc.expanded::before{content:"\2212"}
body:where(.vfh18):not(.vfhz) .pe-brands .toggleBrBc:hover::before{color:#e8f3fa}
/* Invoice page - no hover highlight on the Line Items totals row (last row) */
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-lineitems-card table.green-striped tbody tr:last-child:not(#vf-tot):hover, body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-lineitems-card table.green-striped tbody tr:last-child:not(#vf-tot):hover > td{background:transparent !important;background-color:transparent !important}
/* Invoice page - no vertical divider lines in the Line Items totals row (last row) */
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-lineitems-card table.green-striped tbody tr:last-child > td:not(#vf-tv){border-left:0 !important;border-right:0 !important}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-lineitems-card table.green-striped tbody tr:last-child > td:first-child:not(#vf-tv){border-left:1px solid #eef1f5 !important}
/* Invoice page - no side borders on the Line Items table below the header */
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-lineitems-card div.content.greenhead:where(.vfl54):not(.vfhz):not(vfhz):not(#vf-sb):not(#vf-sb2){border-left:0 !important;border-right:0 !important}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-lineitems-card table.green-striped tbody tr > td:first-child:not(#vf-sb):not(#vf-sb2){border-left:0 !important}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-lineitems-card table.green-striped tbody tr > td:last-of-type:not(#vf-sb):not(#vf-sb2){border-right:0 !important}
/* Invoice page - "Totals" label in the first cell of the Line Items totals row */
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-lineitems-card table.green-striped > tbody > tr:last-child > td:first-child:not(#vf-tl){text-align:left !important;white-space:nowrap}
body:where(:where(.vfh3):not(.vfhz)):where(.vfh8):not(#vfhz) .ed-lineitems-card table.green-striped > tbody > tr:last-child > td:first-child:not(#vf-tl)::before{content:"Totals";font-weight:700;font-size:14px;color:#1f2933}
/* Edit Product - Choose File button in the light-blue button style */
body:where(.vfh18):not(.vfhz) .pe-imgcard input[type=file]::file-selector-button{height:34px;padding:0 14px;margin-right:10px;border:0;border-radius:6px;background:#e8f3fa;color:#08517c;font-size:13px;font-weight:600;cursor:pointer}
body:where(.vfh18):not(.vfhz) .pe-imgcard input[type=file]::-webkit-file-upload-button{height:34px;padding:0 14px;margin-right:10px;border:0;border-radius:6px;background:#e8f3fa;color:#08517c;font-size:13px;font-weight:600;cursor:pointer}
body:where(.vfh18):not(.vfhz) .pe-imgcard input[type=file]:hover::file-selector-button, body:where(.vfh18):not(.vfhz) .pe-imgcard input[type=file]:focus-visible::file-selector-button{background:#0069d9;color:#fff}
body:where(.vfh18):not(.vfhz) .pe-imgcard input[type=file]:hover::-webkit-file-upload-button{background:#0069d9;color:#fff}
/* Edit Product - image card Reset button: dark green #336633, label Reset (not uppercase) */
body:where(.vfh18):not(.vfhz) .pe-imgcard a.btn.add-btn:not(#vf-ir){background:#336633 !important;border-color:#336633 !important;color:#fff !important;text-transform:none !important;font-size:13px !important;font-weight:600 !important;border-radius:6px !important}
body:where(.vfh18):not(.vfhz) .pe-imgcard a.btn.add-btn:not(#vf-ir):hover, body:where(.vfh18):not(.vfhz) .pe-imgcard a.btn.add-btn:not(#vf-ir):focus{background:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important}
/* Product categories redesign (scoped via .ng-pcat marker; reuses the Manage Products styles) */
body:where(.vfh19):not(.vfhz) table.vp-table.pc-table{min-width:900px}
body:where(.vfh19):not(.vfhz) .pc-sort{background:transparent;border:0;padding:0;color:#fff;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
body:where(.vfh19):not(.vfhz) .pc-sort:hover, body:where(.vfh19):not(.vfhz) .pc-sort:focus-visible{text-decoration:underline;outline:none}
body:where(.vfh19):not(.vfhz) .pc-name{font-size:13.5px;font-weight:600}
body:where(.vfh19):not(.vfhz) .pc-count{display:flex;align-items:center;gap:10px}
body:where(.vfh19):not(.vfhz) .pc-num{width:48px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
body:where(.vfh19):not(.vfhz) .pc-bar{display:block;flex:1 1 auto;max-width:200px;height:8px;border-radius:999px;background:#e8ebf0;overflow:hidden}
body:where(.vfh19):not(.vfhz) .pc-bar > span{display:block;height:100%;background:#675f80;border-radius:999px}
body:where(.vfh19):not(.vfhz) #pcKw{width:100%;height:40px;box-sizing:border-box;border:1px solid #cbd2d9;border-radius:8px;padding:0 12px;font-size:13.5px}
/* Edit product category redesign (scoped via .ng-pcat-edit; reuses the Edit Product styles) */
body:where(.vfh20):not(.vfhz) .pck-grid{grid-template-columns:180px minmax(0,1fr) !important}
body:where(.vfh20):not(.vfhz) .pck-help{font-size:11.5px;color:#616e7c;font-weight:400;text-transform:none;letter-spacing:0}
body:where(.vfh20):not(.vfhz) input.pck-code{font-weight:700 !important;color:#004080;text-transform:uppercase}
body:where(.vfh20):not(.vfhz) input.pck-name{text-transform:uppercase}
body:where(.vfh20):not(.vfhz) .pck-preview{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;background:#fff;border:1px dashed #cbd2d9;font-size:13px;margin-bottom:12px}
body:where(.vfh20):not(.vfhz) .pck-pv-l{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#52606d}
body:where(.vfh20):not(.vfhz) .pck-pv-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;padding:3px 8px;border-radius:6px;background:#eef1f5;color:#1f2933}
body:where(.vfh20):not(.vfhz) .pck-pv-t{color:#52606d}
body:where(.vfh20):not(.vfhz) .pck-pv-tag{padding:3px 10px;border-radius:999px;background:#e9ecfb;color:#2c3e8f;font-size:12px;font-weight:700}
body:where(.vfh20):not(.vfhz) .pck-warn{padding:10px 14px;border-radius:8px;background:#fff4e0;color:#7a4a00;font-size:13px;margin-bottom:12px}
body:where(.vfh20):not(.vfhz) .pck-warn[hidden]{display:none}
body:where(.vfh20):not(.vfhz) .pck-card-top{display:flex;justify-content:space-between;align-items:baseline}
body:where(.vfh20):not(.vfhz) .pck-big{font-size:22px;font-weight:700;color:#102a43}
body:where(.vfh20):not(.vfhz) .pck-prow{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid #eef1f5;font-size:12.5px}
body:where(.vfh20):not(.vfhz) .pck-pcode{font-weight:700;color:#004080;text-decoration:none}
body:where(.vfh20):not(.vfhz) .pck-pdesc{color:#3e4c59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:where(.vfh20):not(.vfhz) .pck-pcost{font-variant-numeric:tabular-nums}
body:where(.vfh20):not(.vfhz) .pck-head{cursor:default}
body:where(.vfh20):not(.vfhz) .pe-actions input[name=save_product_category]{background:#336633 !important}
body:where(.vfh20):not(.vfhz) .pe-actions input[name=save_product_category]:hover{background:#0069d9 !important}
/* Manage Brands redesign (scoped via .ng-brands; reuses the Products and Category styles) */
body:where(.vfh21):not(.vfhz) table.vp-table.pc-table{min-width:960px}
body:where(.vfh21):not(.vfhz) .vb-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body:where(.vfh21):not(.vfhz) .vp-tag.vb-tag-never{background:#fff4e0 !important;color:#7a4a00 !important}
body:where(.vfh21):not(.vfhz) .vb-recent{color:#1e6b3a !important;font-weight:600}
body:where(.vfh21):not(.vfhz) .vb-inv{font-weight:700}
body:where(.vfh21):not(.vfhz) a.pc-sort{color:#fff !important;text-decoration:none}
body:where(.vfh21):not(.vfhz) a.pc-sort:hover, body:where(.vfh21):not(.vfhz) a.pc-sort:focus-visible{text-decoration:underline}
/* Edit brand redesign (scoped via .ng-brand-edit; reuses the category-edit styles) */
body:where(.vfh22):not(.vfhz) .vbe-field{max-width:520px}
body:where(.vfh22):not(.vfhz) input.vbe-name{font-weight:700 !important;color:#004080;text-transform:uppercase}
body:where(.vfh22):not(.vfhz) .vbe-rb-name{display:flex;align-items:center;gap:8px}
body:where(.vfh22):not(.vfhz) .vbe-note{margin-top:6px;padding:10px 12px;border-radius:8px;background:#f4f6f9;color:#3e4c59;font-size:12.5px}
body:where(.vfh22):not(.vfhz) .vbe-del{align-self:flex-start;margin-top:4px;height:34px;padding:0 14px;border:1px solid #f3b4ad;border-radius:6px;background:#fff;color:#b42318;font-size:13px;font-weight:700;cursor:pointer}
body:where(.vfh22):not(.vfhz) .vbe-del:hover, body:where(.vfh22):not(.vfhz) .vbe-del:focus-visible{background:#fdecea}
body:where(.vfh22):not(.vfhz) .vb-recent-txt{color:#1e6b3a !important}
body:where(.vfh22):not(.vfhz) .pe-actions input[name=save_fob_countries]{background:#336633 !important}
body:where(.vfh22):not(.vfhz) .pe-actions input[name=save_fob_countries]:hover{background:#0069d9 !important}
/* Clients list redesign (scoped via .ng-cust; reuses the Products and Category styles) */
body:where(.vfh23):not(.vfhz) table.vp-table.vc-table{min-width:980px}
body:where(.vfh23):not(.vfhz) .vc-name{display:flex;flex-direction:column;gap:3px}
body:where(.vfh23):not(.vfhz) .vc-sub{font-size:12px;color:#616e7c}
body:where(.vfh23):not(.vfhz) .vc-cat{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:#e9ecfb;color:#2c3e8f;font-size:11px;font-weight:700}
body:where(.vfh23):not(.vfhz) .vc-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}
body:where(.vfh23):not(.vfhz) .vc-on{background:#e5f4ea;color:#1e6b3a}
body:where(.vfh23):not(.vfhz) .vc-off{background:#eceff3;color:#52606d}
body:where(.vfh23):not(.vfhz) .ilr-select{height:40px;border:1px solid #cbd2d9;border-radius:8px;padding:0 10px;font-size:13.5px;background:#fff;max-width:220px}
body:where(.vfh23):not(.vfhz) .vb-recent{color:#1e6b3a !important;font-weight:600}
body:where(.vfh23):not(.vfhz) .vb-inv{font-weight:700}
body:where(.vfh23):not(.vfhz) a.pc-sort{color:#fff !important;text-decoration:none}
body:where(.vfh23):not(.vfhz) a.pc-sort:hover, body:where(.vfh23):not(.vfhz) a.pc-sort:focus-visible{text-decoration:underline}
/* Edit client redesign (scoped via .ng-cust-edit; reuses the Edit Product styles) */
body:where(.vfh24):not(.vfhz) .vce-emails{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:14px}
@media (max-width:1200px){body:where(.vfh24):not(.vfhz) .vce-emails{grid-template-columns:minmax(0,1fr)}}
body:where(.vfh24):not(.vfhz) .vce-eblock{background:#fff;border:1px solid #d5dce4;border-radius:8px;overflow:hidden;min-width:0}
body:where(.vfh24):not(.vfhz) .vce-etitle{display:flex;justify-content:space-between;align-items:center;height:37px;padding:0 12px;background:#675f80;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.23px;text-transform:uppercase}
body:where(.vfh24):not(.vfhz) .vce-ecount{font-weight:400;text-transform:none;letter-spacing:0}
body:where(.vfh24):not(.vfhz) .vce-ehelp{padding:6px 12px 2px;font-size:12px;color:#52606d}
body:where(.vfh24):not(.vfhz) .vce-erows .form-group{align-items:center;gap:8px;margin:0 !important;padding:8px 12px;border-bottom:1px solid #eef1f5;flex-wrap:nowrap}
body:where(.vfh24):not(.vfhz) .vce-erows .form-group > div{flex:1 1 auto;max-width:none !important;width:auto !important;margin:0 !important;padding:0 !important}
body:where(.vfh24):not(.vfhz) .vce-erows .form-group > div:first-child{flex:0 0 130px}
body:where(.vfh24):not(.vfhz) .vce-erows .form-group > div:last-child{flex:0 0 auto}
body:where(.vfh24):not(.vfhz) .vce-erows .form-control{height:34px;border:1px solid #cbd2d9;border-radius:6px;font-size:13px}
body:where(.vfh24):not(.vfhz) .vce-ebar{padding:10px 12px;background:#fafbfc}
body:where(.vfh24):not(.vfhz) .vce-ebar input[type=button]{height:32px;padding:0 12px;border:0 !important;border-radius:6px !important;background:#e8f3fa !important;color:#08517c !important;font-size:13px;font-weight:600;text-transform:none}
body:where(.vfh24):not(.vfhz) .vce-warn{color:#b42318 !important;font-weight:600}
body:where(.vfh24):not(.vfhz) .vce-off{color:#7a4a00 !important}
body:where(.vfh24):not(.vfhz) .vb-recent-txt{color:#1e6b3a !important}
body:where(.vfh24):not(.vfhz) .vce-status input{margin:0 !important;width:16px;height:16px;position:static !important}
body:where(.vfh24):not(.vfhz) .pe-actions input[name=submit]{background:#336633 !important}
body:where(.vfh24):not(.vfhz) .pe-actions input[name=submit]:hover{background:#0069d9 !important}
/* Edit client - required field highlighting */
body:where(.vfh24):not(.vfhz) .pe-f .vf-invalid.vf-invalid{border-color:#b42318 !important;box-shadow:0 0 0 3px rgba(180,35,24,.14) !important}
body:where(.vfh24):not(.vfhz) .vf-req-msg{margin-top:2px;font-size:12px;font-weight:600;color:#b42318}
body:where(.vfh24):not(.vfhz) .vf-req-banner{padding:10px 14px;border-radius:8px;border:1px solid #f3b4ad;background:#fdecea;color:#8a1c12;font-size:13.5px;font-weight:600}
/* Clients list - navy table header */
body:where(.vfh23):not(.vfhz) .vp-panel table.vp-table.vc-table thead th{background:#1a3a63 !important;border-color:#1a3a63 !important}
/* Client categories list redesign (scoped via .ng-ccat; reuses the Clients and Category styles) */
body:where(.vfh25):not(.vfhz) table.vp-table.vcc-table{min-width:760px}
body:where(.vfh25):not(.vfhz) .vcc-sub{display:block;margin-top:3px;font-size:12px;color:#616e7c}
/* Client category edit redesign (scoped via .ng-ccat-edit; reuses the category-edit styles) */
body:where(.vfh26):not(.vfhz) .vcce-field{max-width:520px}
body:where(.vfh26):not(.vfhz) .vcce-prow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid #eef1f5;font-size:12.5px}
body:where(.vfh26):not(.vfhz) .vcce-name{display:block;font-weight:700;color:#004080;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:where(.vfh26):not(.vfhz) .vcce-city{display:block;font-size:11.5px;color:#616e7c}
body:where(.vfh26):not(.vfhz) .vcce-st{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}
body:where(.vfh26):not(.vfhz) .vcce-on{background:#e5f4ea;color:#1e6b3a}
body:where(.vfh26):not(.vfhz) .vcce-off{background:#eceff3;color:#52606d}
body:where(.vfh26):not(.vfhz) .pe-actions input[name=submit]{background:#336633 !important}
body:where(.vfh26):not(.vfhz) .pe-actions input[name=submit]:hover{background:#0069d9 !important}
/* Client shipping list redesign (scoped via .ng-cship; reuses the Clients styles) */
body:where(.vfh27):not(.vfhz) table.vp-table.vcs-table{min-width:960px}
body:where(.vfh27):not(.vfhz) .vcs-addr{display:block;font-size:13px;color:#1f2933}
body:where(.vfh27):not(.vfhz) .vcs-nozip{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:999px;background:#fff4e0;color:#7a4a00;font-size:11px;font-weight:700}
/* Shipping address edit - client name in side card */
body:where(.vfh28):not(.vfhz) .pe-card .vcce-name{display:block;margin:2px 0 6px;font-size:14px;font-weight:700;color:#004080;text-decoration:none}
body:where(.vfh28):not(.vfhz) .pe-card .vcce-name:hover{text-decoration:underline}
/* All buttons in sentence case: no forced uppercase */
.btn, button, input[type="button"], input[type="submit"], input[type="reset"], a.btn, .add-btn, .add-btn-sm { text-transform: none !important; }
/* Sales reps list redesign (scoped via .ng-srep; reuses the Clients styles) */
body:where(.vfh29):not(.vfhz) table.vp-table.vsr-table{min-width:980px}
body:where(.vfh29):not(.vfhz) .vsr-count{display:inline-block;min-width:52px;font-weight:700;font-variant-numeric:tabular-nums}
body:where(.vfh29):not(.vfhz) .vsr-full{color:#1e6b3a}
body:where(.vfh29):not(.vfhz) .vsr-toggle{margin-left:8px;height:28px;padding:0 10px;border:1px solid #cbd2d9;border-radius:6px;background:#fff;color:#0a6ea8;font-size:12.5px;font-weight:600;cursor:pointer}
body:where(.vfh29):not(.vfhz) .vsr-toggle:hover, body:where(.vfh29):not(.vfhz) .vsr-toggle:focus-visible{border-color:#0a6ea8;background:#e8f3fa}
body:where(.vfh29):not(.vfhz) .vsr-last{display:block;font-size:11.5px;font-weight:400;color:#616e7c}
body:where(.vfh29):not(.vfhz) tr.vsr-prow > td{background:#f4f6f9 !important;padding:12px 14px !important}
body:where(.vfh29):not(.vfhz) tr.vsr-prow[hidden]{display:none}
body:where(.vfh29):not(.vfhz) .vsr-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
body:where(.vfh29):not(.vfhz) .vsr-pcell{display:flex;flex-direction:column;gap:4px;margin:0;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#3e4c59}
body:where(.vfh29):not(.vfhz) .vsr-psel{height:32px !important;padding:0 8px !important;border:1px solid #cbd2d9 !important;border-radius:6px !important;font-size:13px !important;text-transform:none;letter-spacing:0;background:#fff}
body:where(.vfh29):not(.vfhz) .vsr-pnote{margin-top:8px;font-size:12px;color:#52606d}
/* Sales rep edit redesign (scoped via .ng-srep-edit; reuses the Edit Product styles) */
body:where(.vfh30):not(.vfhz) .vsre-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body:where(.vfh30):not(.vfhz) .vsre-group{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
body:where(.vfh30):not(.vfhz) .vsre-gt{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#52606d}
body:where(.vfh30):not(.vfhz) .vsre-pnote{margin-top:12px}
body:where(.vfh30):not(.vfhz) .pe-actions input[type=submit]{background:#336633 !important}
body:where(.vfh30):not(.vfhz) .pe-actions input[type=submit]:hover{background:#0069d9 !important}
/* Sales gauge metrics list redesign (scoped via .ng-smet; reuses the Clients styles) */
body:where(.vfh31):not(.vfhz) table.vp-table.vsm-table{min-width:820px}
body:where(.vfh31):not(.vfhz) .vsm-dash{display:inline-flex;align-items:center;gap:6px;height:28px;margin:0;padding:0 10px 0 8px;border:1px solid #cbd2d9;border-radius:999px;background:#fff;color:#52606d;font-size:12px;font-weight:700;cursor:pointer}
body:where(.vfh31):not(.vfhz) .vsm-dash.is-on{background:#e5f4ea;border-color:#a8d7b8;color:#1e6b3a}
body:where(.vfh31):not(.vfhz) .vsm-dash input{position:static !important;margin:0 !important;width:15px;height:15px}
body:where(.vfh31):not(.vfhz) .vsm-savebar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}
body:where(.vfh31):not(.vfhz) .vsm-savebar input[name=btnsave]{height:36px;padding:0 16px;border:0;border-radius:8px;background:#336633 !important;color:#fff;font-size:13.5px;font-weight:700}
body:where(.vfh31):not(.vfhz) .vsm-savebar input[name=btnsave]:hover{background:#0069d9 !important}
body:where(.vfh31):not(.vfhz) .vsm-unsaved{font-size:12.5px;font-weight:600;color:#7a4a00}
body:where(.vfh31):not(.vfhz) .vsm-unsaved[hidden]{display:none}
/* Sales target edit redesign (scoped via .ng-smet-edit; reuses the Edit Product styles) */
body:where(.vfh32):not(.vfhz) .vsme-row{display:grid;grid-template-columns:minmax(0,1fr) auto 52px;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid #eef1f5;font-size:12.5px}
body:where(.vfh32):not(.vfhz) .vsme-p{font-weight:700;color:#004080;text-decoration:none}
body:where(.vfh32):not(.vfhz) .vsme-row.is-cur .vsme-p{color:#1f2933}
body:where(.vfh32):not(.vfhz) .vsme-a{font-variant-numeric:tabular-nums}
body:where(.vfh32):not(.vfhz) .vsme-s{font-size:11px;font-weight:700;color:#7b8794;text-align:right}
body:where(.vfh32):not(.vfhz) .vsme-on{color:#1e6b3a}
body:where(.vfh32):not(.vfhz) .vb-recent-txt{color:#1e6b3a !important}
body:where(.vfh32):not(.vfhz) .pe-actions input[type=submit]{background:#336633 !important}
body:where(.vfh32):not(.vfhz) .pe-actions input[type=submit]:hover{background:#0069d9 !important}
body:where(.vfh32):not(.vfhz) .pe-f .vf-invalid.vf-invalid{border-color:#b42318 !important;box-shadow:0 0 0 3px rgba(180,35,24,.14) !important}
/* Sales gauge metrics: the old white table wrapper now holds the tiles and cards - make it transparent so the page colour shows in the gaps */
body:where(.vfh31):not(.vfhz) .ContentArea .content.table-responsive:where(.vfl55):not(.vfhz){background:transparent !important;border:0 !important;box-shadow:none !important;overflow:visible !important;padding:0 !important}
/* Sales gauge metrics (demo layout): the outer white inv-panel also wraps the tiles and cards - make it transparent and hide its duplicate title and count line */
body:where(.vfh31):not(.vfhz) .ContentArea .inv-panel:where(.vfl56):not(.vfhz){background:transparent !important;border:0 !important;border-radius:0 !important;padding:0 !important;box-shadow:none !important}
body:where(.vfh31):not(.vfhz) .ContentArea .inv-panel:where(.vfl56):not(.vfhz) > .inv-panel-head, body:where(.vfh31):not(.vfhz) .ContentArea .inv-panel:where(.vfl57):not(.vfhz) > .tile-ribbon{display:none !important}
/* Manufacturer invoices list redesign (scoped via .ng-minv) */
body:where(.vfh33):not(.vfhz) table.vp-table.vmi-table{min-width:900px}
body:where(.vfh33):not(.vfhz) .vmi-docs{display:flex;flex-direction:column;gap:6px}
body:where(.vfh33):not(.vfhz) .vmi-doc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px}
body:where(.vfh33):not(.vfhz) .vmi-name{font-weight:600;color:#004080;text-decoration:none;word-break:break-all}
body:where(.vfh33):not(.vfhz) .vmi-name:hover{text-decoration:underline}
body:where(.vfh33):not(.vfhz) .vmi-date{color:#616e7c;font-variant-numeric:tabular-nums}
body:where(.vfh33):not(.vfhz) .vmi-badge{padding:1px 8px;border-radius:999px;background:#eceff3;color:#52606d;font-size:11px;font-weight:700}
body:where(.vfh33):not(.vfhz) .vmi-act{font-size:12px;font-weight:600;color:#0a6ea8;text-decoration:none}
body:where(.vfh33):not(.vfhz) .vmi-act:hover{text-decoration:underline}
body:where(.vfh33):not(.vfhz) .vmi-act.vmi-del{color:#b42318}
body:where(.vfh33):not(.vfhz) .vmi-def{display:inline-flex;align-items:center;gap:4px;margin:0;font-size:11.5px;color:#3e4c59;cursor:pointer}
body:where(.vfh33):not(.vfhz) .vmi-def input{position:static !important;margin:0 !important}
/* Manufacturer AP redesign (scoped via .ng-ap) */
body:where(.vfh34):not(.vfhz) .vap-card form{margin:0}
body:where(.vfh34):not(.vfhz) .vap-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
body:where(.vfh34):not(.vfhz) .vap-field{display:flex;flex-direction:column;gap:5px;margin:0;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#52606d}
body:where(.vfh34):not(.vfhz) .vap-field input{height:40px;box-sizing:border-box;min-width:160px;padding:0 10px;border:1px solid #cbd2d9;border-radius:8px;font-size:13.5px;font-weight:400;text-transform:none;letter-spacing:0;color:#1f2933;background:#fff}
body:where(.vfh34):not(.vfhz) .vap-field input[name=keyword]{min-width:280px}
body:where(.vfh34):not(.vfhz) .vap-btns{display:flex;gap:8px;margin-left:auto}
body:where(.vfh34):not(.vfhz) .vap-btns input{height:40px;padding:0 16px;border:0 !important;border-radius:8px !important;color:#fff !important;font-size:13.5px;font-weight:700;cursor:pointer}
body:where(.vfh34):not(.vfhz) .vap-b-go{background:#336633 !important}
body:where(.vfh34):not(.vfhz) .vap-b-reset{background:#555 !important}
body:where(.vfh34):not(.vfhz) .vap-b-exp{background:#0a6ea8 !important}
body:where(.vfh34):not(.vfhz) .vap-btns input:hover{filter:brightness(1.1)}
body:where(.vfh34):not(.vfhz) .vap-bal{color:#b42318;font-weight:700}
body:where(.vfh34):not(.vfhz) table.vp-table.vap-table{min-width:960px}
body:where(.vfh34):not(.vfhz) .ContentArea .ilr-card.vap-card{padding:16px 18px !important}
/* Vendor PO document pages redesign (scoped via .ng-vpoe) */
body:where(.vfh35):not(.vfhz) .vpoe-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
@media (max-width:1200px){body:where(.vfh35):not(.vfhz) .vpoe-two{grid-template-columns:minmax(0,1fr)}}
body:where(.vfh35):not(.vfhz) .vpoe-two .pe-sec{margin:0}
body:where(.vfh35):not(.vfhz) .vpoe-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
body:where(.vfh35):not(.vfhz) .vpoe-chips-l{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#52606d}
body:where(.vfh35):not(.vfhz) .vpoe-chip input{position:static !important;margin:0 !important}
body:where(.vfh35):not(.vfhz) .vpoe-items{overflow-x:auto;background:#fff;border:1px solid #d5dce4;border-radius:8px}
body:where(.vfh35):not(.vfhz) .vpoe-items .CommonTable{margin:0 !important}
body:where(.vfh35):not(.vfhz) .vpoe-items table{margin:0 !important;width:100%;font-size:13px}
body:where(.vfh35):not(.vfhz) .vpoe-items table thead th, body:where(.vfh35):not(.vfhz) .vpoe-items table thead td{background:#1a3a63 !important;color:#fff !important;border-color:#1a3a63 !important;font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
body:where(.vfh35):not(.vfhz) .vpoe-items table td{padding:8px 10px;vertical-align:middle}
body:where(.vfh35):not(.vfhz) .vpoe-items table tbody tr:last-child td{background:#f4f6f9 !important;font-weight:700}
body:where(.vfh35):not(.vfhz) .pe-actions input[name=btnsave]{background:#336633 !important}
body:where(.vfh35):not(.vfhz) .pe-actions input[name=btnpdf]{background:#0a6ea8 !important}
body:where(.vfh35):not(.vfhz) .pe-bb-pdf{background:#0a6ea8 !important;color:#fff !important}
/* Landed cost page redesign (scoped via .ng-elcd) */
body:where(.vfh36):not(.vfhz) .elcd-items{overflow-x:auto;background:#fff;border:1px solid #d5dce4;border-radius:8px;margin:0 !important}
body:where(.vfh36):not(.vfhz) .elcd-items table{margin:0 !important;font-size:12.5px}
body:where(.vfh36):not(.vfhz) .elcd-items table thead th{background:#1a3a63;color:#fff;border-color:#1a3a63}
body:where(.vfh36):not(.vfhz) .elcd-inputs .form-group{margin-bottom:8px}
body:where(.vfh36):not(.vfhz) .elcd-inputs label, body:where(.vfh36):not(.vfhz) .elcd-inputs .col-6:first-child{font-size:12px;font-weight:700;color:#3e4c59}
body:where(.vfh36):not(.vfhz) .pe-bb-reset{background:#555 !important;color:#fff !important}
body:where(.vfh36):not(.vfhz) .elcd-bottom input[name=btnSaveForm]{background:#336633 !important}
body:where(.vfh36):not(.vfhz) .elcd-bottom input[name=submitExport]{background:#0a6ea8 !important}
/* Landed cost products table - new style */
body:where(.vfh36):not(.vfhz) .elcd-items table.elcd-tbl thead th{background:#1a3a63 !important;color:#fff !important;border-color:#2c4a73 !important;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;vertical-align:bottom;padding:8px !important;white-space:normal}
body:where(.vfh36):not(.vfhz) .elcd-items table.elcd-tbl thead th.elcd-calc{background:#0a6ea8 !important}
body:where(.vfh36):not(.vfhz) .elcd-items table.elcd-tbl tbody td{padding:7px 8px !important;vertical-align:top;border-color:#e4e9ef !important;background:#fff !important;color:#1f2933}
body:where(.vfh36):not(.vfhz) .elcd-items table.elcd-tbl tbody tr:nth-of-type(even) td{background:#f7f9fb !important}
body:where(.vfh36):not(.vfhz) .elcd-items table.elcd-tbl tbody td.elcd-calc{background:#eef6fc !important}
body:where(.vfh36):not(.vfhz) .elcd-items table.elcd-tbl tbody tr:nth-of-type(even) td.elcd-calc{background:#e4f0f9 !important}
body:where(.vfh36):not(.vfhz) .elcd-items table.elcd-tbl tbody td.elcd-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
body:where(.vfh36):not(.vfhz) .elcd-items table.elcd-tbl tbody tr:last-child td{background:#eef2f6 !important;font-weight:700;border-top:2px solid #cbd2d9 !important}
body:where(.vfh36):not(.vfhz) .elcd-items table.elcd-tbl tbody td:nth-child(2), body:where(.vfh36):not(.vfhz) .elcd-items table.elcd-tbl tbody td:nth-child(3){min-width:200px}
body:where(.vfh36):not(.vfhz) .elcd-items table.elcd-tbl tbody td:nth-child(4){min-width:130px}
body:where(.vfh36):not(.vfhz) .elcd-items table.elcd-tbl tbody td input:not([type=hidden]){width:90px;height:30px;border:1px solid #cbd2d9;border-radius:6px;padding:0 6px;text-align:right;font-size:12.5px;background:#fff}
/* Landed cost products table - row hover (same as the vendor PO list) */
body:where(.vfh36):not(.vfhz) .elcd-items table.elcd-tbl tbody tr:not(:last-child):hover td, body:where(.vfh36):not(.vfhz) .elcd-items table.elcd-tbl tbody tr:not(:last-child):hover td.elcd-calc{background:#ece9f4 !important}
/* Invoice landed cost list (scoped via .ng-ilc) */
body:where(.vfh37):not(.vfhz) .vli-bal{display:block;font-size:11.5px;font-weight:600;color:#b42318}
body:where(.vfh37):not(.vfhz) .vli-paid{display:block;font-size:11.5px;font-weight:600;color:#1e6b3a}
/* Client PO list (scoped via .ng-cpo) */
body:where(.vfh38):not(.vfhz) .vcp-doc{font-weight:600;color:#004080;text-decoration:none;word-break:break-all}
body:where(.vfh38):not(.vfhz) .vcp-doc:hover{text-decoration:underline}
/* Other customs / forwarding expenses - rows with + Add expense */
.vfx-wrap{margin:4px 0 8px}
.vfx-list{display:flex;flex-direction:column;gap:8px}
.vfx-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 34px;gap:8px;align-items:center}
.vfx-row .form-control{height:36px;border:1px solid #cbd2d9;border-radius:6px;font-size:13px}
.vfx-row .vfx-amt{text-align:right;font-variant-numeric:tabular-nums}
.vfx-del{width:34px;height:34px;padding:0;border:1px solid #cbd2d9;border-radius:6px;background:#fff;color:#b42318;font-size:18px;line-height:1;cursor:pointer}
.vfx-del:hover{background:#fdecea;border-color:#f3b4ae}
.vfx-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.vfx-add{height:34px;padding:0 14px;border:1px solid #9ccbe6;border-radius:8px;background:#e3f2fb;color:#0a6ea8;font-size:13px;font-weight:700;cursor:pointer}
.vfx-add:hover, .vfx-add:focus-visible{background:#cfe7f7;border-color:#0a6ea8}
.vfx-total{font-size:13px;font-weight:700;color:#1f2933}
/* Client pages: tile icon badges (dashboard style) */
.ilr-kpi.vfk-ic{position:relative}
.ilr-kpi.vfk-ic::before{content:"";position:absolute;top:16px;left:18px;width:44px;height:44px;border-radius:10px;background:#e8f3fa}
.ilr-kpi.vfk-ic::after{content:"";position:absolute;top:27px;left:29px;width:22px;height:22px;background:#0a6ea8;-webkit-mask:var(--vfk-icon) center/22px 22px no-repeat;mask:var(--vfk-icon) center/22px 22px no-repeat}
.ilr-kpi.vfk-ic .ilr-kpi-l, .ilr-kpi.vfk-ic .ilr-kpi-v, .ilr-kpi.vfk-ic .ilr-kpi-s{margin-left:60px}
.ilr-kpi.vfk-ic .ilr-kpi-s{min-height:18px}
.ilr-kpi.vfk-c2::before{background:#eef2f7} .ilr-kpi.vfk-c2::after{background:#475569}
.ilr-kpi.vfk-c3::before{background:#e7f4ec} .ilr-kpi.vfk-c3::after{background:#2f7d4f}
.ilr-kpi.vfk-c4::before{background:#fdf1e3} .ilr-kpi.vfk-c4::after{background:#b45f06}
.ilr-kpi.vfk-i-users{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-bag{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-globe{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-shield{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-tag{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cpath d='M7 7h.01'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-chart{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20V10'/%3E%3Cpath d='M18 20V4'/%3E%3Cpath d='M6 20v-4'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-clock{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-pin{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-home{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-alert{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E")}
/* All redesigned pages: more tile icons */
.ilr-kpi.vfk-i-file{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6'/%3E%3Cpath d='M9 17h6'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-files{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7z'/%3E%3Cpath d='M15 2v5h5'/%3E%3Cpath d='M4 8v12a2 2 0 0 0 2 2h10'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-truck{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 3h15v13H1z'/%3E%3Cpath d='M16 8h4l3 3v5h-7V8z'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-factory{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 20h20'/%3E%3Cpath d='M4 20V10l5 3v-3l5 3v-3l5 3v7'/%3E%3Cpath d='M17 13V4h3v16'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-calendar{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-archive{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='5' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8'/%3E%3Cpath d='M10 12h4'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-dollar{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 1v22'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-box{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5 9 5 9-5z'/%3E%3Cpath d='M3 8v8l9 5 9-5V8'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-award{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.48 12.89L17 22l-5-3-5 3 1.52-9.11'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-usercheck{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cpath d='M17 11l2 2 4-4'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-target{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-gauge{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 14l4-4'/%3E%3Cpath d='M3.34 19a10 10 0 1 1 17.32 0'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-clipboard{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Crect x='8' y='2' width='8' height='4' rx='1'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-layers{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5z'/%3E%3Cpath d='M2 17l10 5 10-5'/%3E%3Cpath d='M2 12l10 5 10-5'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-trending{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 6l-9.5 9.5-5-5L1 18'/%3E%3Cpath d='M17 6h6v6'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-grid{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E")}
/* Tile icons: brands/products extras */
.ilr-kpi.vfk-i-eyeoff{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94'/%3E%3Cpath d='M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19'/%3E%3Cpath d='M1 1l22 22'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-barcode{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5v14'/%3E%3Cpath d='M8 5v14'/%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M17 5v14'/%3E%3Cpath d='M21 5v14'/%3E%3C/svg%3E")}
.ilr-kpi.vfk-i-check{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12l3 3 5-5'/%3E%3C/svg%3E")}
/* Company Dashboard growth boxes + Business Metrics KPI cards: icon badges */
.ch-growth-box.vfk-gb{position:relative}
.ch-growth-box.vfk-gb::before{content:"";position:absolute;left:18px;top:calc(50% + 4px);width:44px;height:44px;border-radius:10px;background:#e8f3fa}
.ch-growth-box.vfk-gb::after{content:"";position:absolute;left:29px;top:calc(50% + 15px);width:22px;height:22px;background:#0a6ea8;-webkit-mask:var(--vfk-icon) center/22px 22px no-repeat;mask:var(--vfk-icon) center/22px 22px no-repeat}
.ch-growth-box.vfk-c2::before{background:#eef2f7} .ch-growth-box.vfk-c2::after{background:#475569}
.ch-growth-box.vfk-c3::before{background:#e7f4ec} .ch-growth-box.vfk-c3::after{background:#2f7d4f}
.bm-kpi-card.vfk-bm{position:relative}
.bm-kpi-card.vfk-bm .bm-kpi-label{padding-right:46px}
.bm-kpi-card.vfk-bm::before{content:"";position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:10px;background:rgba(56,152,214,.20)}
.bm-kpi-card.vfk-bm::after{content:"";position:absolute;top:26px;right:26px;width:20px;height:20px;background:#8ccbf2;-webkit-mask:var(--vfk-icon) center/20px 20px no-repeat;mask:var(--vfk-icon) center/20px 20px no-repeat}
.bm-kpi-card.vfk-c2::before{background:rgba(148,163,184,.18)} .bm-kpi-card.vfk-c2::after{background:#cbd5e1}
.bm-kpi-card.vfk-c3::before{background:rgba(74,163,108,.22)} .bm-kpi-card.vfk-c3::after{background:#8fd9a8}
.bm-kpi-card.vfk-c4::before{background:rgba(214,138,52,.22)} .bm-kpi-card.vfk-c4::after{background:#f5b06b}
.vfk-gb.vfk-i-users, .vfk-bm.vfk-i-users{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-bag, .vfk-bm.vfk-i-bag{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-globe, .vfk-bm.vfk-i-globe{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-shield, .vfk-bm.vfk-i-shield{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-tag, .vfk-bm.vfk-i-tag{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cpath d='M7 7h.01'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-chart, .vfk-bm.vfk-i-chart{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20V10'/%3E%3Cpath d='M18 20V4'/%3E%3Cpath d='M6 20v-4'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-clock, .vfk-bm.vfk-i-clock{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-pin, .vfk-bm.vfk-i-pin{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-home, .vfk-bm.vfk-i-home{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-alert, .vfk-bm.vfk-i-alert{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-file, .vfk-bm.vfk-i-file{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6'/%3E%3Cpath d='M9 17h6'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-files, .vfk-bm.vfk-i-files{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7z'/%3E%3Cpath d='M15 2v5h5'/%3E%3Cpath d='M4 8v12a2 2 0 0 0 2 2h10'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-truck, .vfk-bm.vfk-i-truck{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 3h15v13H1z'/%3E%3Cpath d='M16 8h4l3 3v5h-7V8z'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-factory, .vfk-bm.vfk-i-factory{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 20h20'/%3E%3Cpath d='M4 20V10l5 3v-3l5 3v-3l5 3v7'/%3E%3Cpath d='M17 13V4h3v16'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-calendar, .vfk-bm.vfk-i-calendar{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-archive, .vfk-bm.vfk-i-archive{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='5' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8'/%3E%3Cpath d='M10 12h4'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-dollar, .vfk-bm.vfk-i-dollar{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 1v22'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-box, .vfk-bm.vfk-i-box{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5 9 5 9-5z'/%3E%3Cpath d='M3 8v8l9 5 9-5V8'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-award, .vfk-bm.vfk-i-award{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.48 12.89L17 22l-5-3-5 3 1.52-9.11'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-usercheck, .vfk-bm.vfk-i-usercheck{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cpath d='M17 11l2 2 4-4'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-target, .vfk-bm.vfk-i-target{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-gauge, .vfk-bm.vfk-i-gauge{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 14l4-4'/%3E%3Cpath d='M3.34 19a10 10 0 1 1 17.32 0'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-clipboard, .vfk-bm.vfk-i-clipboard{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Crect x='8' y='2' width='8' height='4' rx='1'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-layers, .vfk-bm.vfk-i-layers{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5z'/%3E%3Cpath d='M2 17l10 5 10-5'/%3E%3Cpath d='M2 12l10 5 10-5'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-trending, .vfk-bm.vfk-i-trending{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 6l-9.5 9.5-5-5L1 18'/%3E%3Cpath d='M17 6h6v6'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-grid, .vfk-bm.vfk-i-grid{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-eyeoff, .vfk-bm.vfk-i-eyeoff{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94'/%3E%3Cpath d='M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19'/%3E%3Cpath d='M1 1l22 22'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-barcode, .vfk-bm.vfk-i-barcode{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5v14'/%3E%3Cpath d='M8 5v14'/%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M17 5v14'/%3E%3Cpath d='M21 5v14'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-check, .vfk-bm.vfk-i-check{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12l3 3 5-5'/%3E%3C/svg%3E")}
.vfk-gb.vfk-i-userplus, .vfk-bm.vfk-i-userplus, .ilr-kpi.vfk-i-userplus{--vfk-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cpath d='M20 8v6'/%3E%3Cpath d='M23 11h-6'/%3E%3C/svg%3E")}
/* Inventory location cards: warehouse icon badge */
.inv-loc-card.vfk-wh{position:relative;padding-left:72px !important}
.inv-loc-card.vfk-wh::before{content:"";position:absolute;left:16px;top:50%;margin-top:-22px;width:44px;height:44px;border-radius:10px;background:var(--vfk-tint,#e8f3fa)}
.inv-loc-card.vfk-wh::after{content:"";position:absolute;left:27px;top:50%;margin-top:-11px;width:22px;height:22px;background:var(--vfk-ink,#0a6ea8);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 8.35V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8.35A2 2 0 0 1 3.26 6.5l8-3.2a2 2 0 0 1 1.48 0l8 3.2A2 2 0 0 1 22 8.35z'/%3E%3Cpath d='M6 18h12'/%3E%3Cpath d='M6 14h12'/%3E%3Crect width='12' height='12' x='6' y='10'/%3E%3C/svg%3E") center/22px 22px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 8.35V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8.35A2 2 0 0 1 3.26 6.5l8-3.2a2 2 0 0 1 1.48 0l8 3.2A2 2 0 0 1 22 8.35z'/%3E%3Cpath d='M6 18h12'/%3E%3Cpath d='M6 14h12'/%3E%3Crect width='12' height='12' x='6' y='10'/%3E%3C/svg%3E") center/22px 22px no-repeat}
/* Logistics document lists (scoped via .ng-ldoc) */
body:where(.vfh39):not(.vfhz) .vcp-doc{font-weight:600;color:#004080;text-decoration:none;word-break:break-all}
body:where(.vfh39):not(.vfhz) .vcp-doc:hover{text-decoration:underline}
body:where(.vfh39):not(.vfhz) .vld-slot select{min-width:130px;height:32px;padding:0 6px;border:1px solid #cbd2d9;border-radius:6px;font-size:12.5px;background:#fff}
body:where(.vfh39):not(.vfhz) table.vp-table.vld-table{min-width:980px}
/* Shipping documents library redesign (scoped via .ng-sdl) */
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card{border:1px solid #d5dce4;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.05);background:#fff}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card > .CardHeader{background:#1a3a63 !important;border:0 !important;padding:12px 16px !important;display:flex;align-items:center;gap:8px;min-height:48px}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card > .CardHeader .CardTitle, body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card > .CardHeader h3{color:#fff !important;font-size:14px !important;font-weight:700;margin:0;flex:1 1 auto}
body:where(.vfh40):not(.vfhz) .sdl-pill{flex:0 0 auto;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
body:where(.vfh40):not(.vfhz) .sdl-all{flex:0 0 auto;color:#bfe0f5 !important;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
body:where(.vfh40):not(.vfhz) .sdl-all:hover{color:#fff !important;text-decoration:underline}
body:where(.vfh40):not(.vfhz) .sdl-doc ul.CardListing{margin:0;padding:6px 8px}
body:where(.vfh40):not(.vfhz) .sdl-doc ul.CardListing li{list-style:none;margin:0;padding:0;border-bottom:1px solid #eef1f4}
body:where(.vfh40):not(.vfhz) .sdl-doc ul.CardListing li:last-child{border-bottom:0}
body:where(.vfh40):not(.vfhz) .sdl-doc ul.CardListing li.sdl-total{display:none}
body:where(.vfh40):not(.vfhz) .sdl-doc a.sdl-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:#1f2933 !important;font-size:13px;text-decoration:none;word-break:break-all}
body:where(.vfh40):not(.vfhz) .sdl-doc a.sdl-item:hover{background:#ece9f4}
body:where(.vfh40):not(.vfhz) .sdl-doc a.sdl-item::before{content:"";flex:0 0 16px;width:16px;height:16px;background:#0a6ea8;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E") center/16px 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E") center/16px 16px no-repeat}
body:where(.vfh40):not(.vfhz) .sdl-doc li.sdl-none{padding:14px 10px;color:#7b8794;font-size:13px;border:0}
body:where(.vfh40):not(.vfhz) .sdl-kpis{margin-bottom:16px}
/* Generated shipping documents lists (scoped via .ng-cip) */
body:where(.vfh41):not(.vfhz) .vcip-docs a{font-weight:600;color:#004080 !important;text-decoration:none;word-break:break-all}
body:where(.vfh41):not(.vfhz) .vcip-docs a:hover{text-decoration:underline}
body:where(.vfh41):not(.vfhz) .vcip-docs, body:where(.vfh41):not(.vfhz) .vcip-dates{line-height:1.7}
body:where(.vfh41):not(.vfhz) table.vp-table.vcip-table{min-width:900px}
/* HS Code Lookup + HS Code Table redesign */
body:where(.vfh42):not(#vfhz) .ContentArea .Card{border:1px solid #d5dce4;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.05);background:#fff}
body:where(.vfh42):not(#vfhz) .ContentArea .Card > .CardHeader{background:#1a3a63 !important;border:0 !important;padding:12px 16px !important}
body:where(.vfh42):not(#vfhz) .ContentArea .Card > .CardHeader, body:where(.vfh42):not(#vfhz) .ContentArea .Card > .CardHeader *{color:#fff !important}
body:where(.vfh42):not(#vfhz) .hts-box{border:1px solid #d5dce4 !important;border-radius:10px !important;background:#f8fafc !important;padding:18px !important;box-shadow:none !important}
body:where(.vfh42):not(#vfhz) .hts-box label{font-size:11px !important;font-weight:700 !important;letter-spacing:.05em;text-transform:uppercase;color:#52606d !important}
body:where(.vfh42):not(#vfhz) #hts-query, body:where(.vfh42):not(#vfhz) .hts-box select{height:40px !important;border:1px solid #cbd2d9 !important;border-radius:8px !important;font-size:13.5px !important;background:#fff !important}
body:where(.vfh42):not(#vfhz) .hts-box button[type=submit]{height:40px;padding:0 20px !important;border:0 !important;border-radius:8px !important;background:#336633 !important;color:#fff !important;font-weight:700 !important}
body:where(.vfh42):not(#vfhz) #hts-results table{width:100%;border-collapse:separate !important;border-spacing:0;border:1px solid #d5dce4 !important;border-radius:8px;overflow:hidden;font-size:13px;margin-top:14px;background:#fff}
body:where(.vfh42):not(#vfhz) #hts-results table th{background:#1a3a63 !important;color:#fff !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.04em;text-transform:uppercase;padding:10px 12px !important;border:0 !important}
body:where(.vfh42):not(#vfhz) #hts-results table td{padding:9px 12px !important;border:0 !important;border-top:1px solid #eef1f4 !important;vertical-align:top;background:#fff !important;color:#1f2933}
body:where(.vfh42):not(#vfhz) #hts-results table tr:nth-child(even) td{background:#f8fafc !important}
body:where(.vfh42):not(#vfhz) #hts-results table tr:hover td{background:#ece9f4 !important}
body:where(.vfh42):not(#vfhz) #hts-results table td:first-child{font-weight:700;color:#004080;white-space:nowrap;font-variant-numeric:tabular-nums}
body:where(.vfh43):not(.vfhz) table.vhs-table td:first-child, body:where(.vfh43):not(.vfhz) table.vhs-table td:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}
body:where(.vfh43):not(.vfhz) table.vhs-table td:first-child{font-weight:700;color:#004080}
body:where(.vfh43):not(.vfhz) table.vp-table.vhs-table{min-width:720px}
/* Commercial invoice editor redesign (scoped via .ng-cir) */
body:where(.vfh44):not(.vfhz) .cir-ribbon{margin-bottom:14px}
body:where(.vfh44):not(.vfhz) .Card.cir-card{border:1px solid #d5dce4 !important;border-radius:10px !important;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.05) !important;background:#fff !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card > .CardHeader{background:#1a3a63 !important;border:0 !important;padding:12px 16px !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card > .CardHeader, body:where(.vfh44):not(.vfhz) .Card.cir-card > .CardHeader *{color:#fff !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card > .CardHeader select{color:#1f2933 !important;background:#fff !important;border-radius:6px}
body:where(.vfh44):not(.vfhz) .cir-ship-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 14px}
body:where(.vfh44):not(.vfhz) .cir-f{display:flex;flex-direction:column;gap:5px;margin:0}
body:where(.vfh44):not(.vfhz) .cir-f input, body:where(.vfh44):not(.vfhz) .cir-f select{width:100% !important;height:38px;border:1px solid #cbd2d9 !important;border-radius:8px !important;padding:0 10px;font-size:13px;background:#fff}
body:where(.vfh44):not(.vfhz) .cir-sec{margin:14px 0}
body:where(.vfh44):not(.vfhz) .cir-items-wrap{background:#fff;border:1px solid #d5dce4;border-radius:10px;overflow:auto}
body:where(.vfh44):not(.vfhz) table.cir-items{margin:0 !important}
body:where(.vfh44):not(.vfhz) table.cir-items th{background:#1a3a63 !important;color:#fff !important;border-color:#2c4a73 !important;font-size:11px !important;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:9px 8px !important}
body:where(.vfh44):not(.vfhz) table.cir-items tbody tr td{background:#fff !important;border-color:#eef1f4 !important;padding:6px 8px !important;vertical-align:middle}
body:where(.vfh44):not(.vfhz) table.cir-items tbody tr:nth-of-type(even) td{background:#f7f9fb !important}
body:where(.vfh44):not(.vfhz) table.cir-items tbody tr:hover td{background:#ece9f4 !important}
body:where(.vfh44):not(.vfhz) table.cir-items input[type=text]{height:30px;border:1px solid #cbd2d9 !important;border-radius:6px !important;padding:0 7px;font-size:12.5px;background:#fff}
body:where(.vfh44):not(.vfhz) table.cir-items input[type=text]:focus{border-color:#0a6ea8 !important;outline:2px solid rgba(10,110,168,.15)}
body:where(.vfh44):not(.vfhz) .cir-btn{height:36px;padding:0 16px !important;border:0 !important;border-radius:8px !important;color:#fff !important;font-weight:700 !important;font-size:13px !important;cursor:pointer}
body:where(.vfh44):not(.vfhz) .cir-btn.cir-go{background:#336633 !important}
body:where(.vfh44):not(.vfhz) .cir-btn.cir-blue{background:#0a6ea8 !important}
body:where(.vfh44):not(.vfhz) .cir-btn.cir-grey{background:#5f6b7a !important}
body:where(.vfh44):not(.vfhz) .cir-btn.cir-add{background:#e3f2fb !important;color:#0a6ea8 !important;border:1px solid #9ccbe6 !important}
body:where(.vfh44):not(.vfhz) .cir-btn:hover{filter:brightness(1.08)}
body:where(.vfh44):not(.vfhz) .pe-bb-pdf{background:#0a6ea8 !important;color:#fff !important}
/* Commercial invoice editor - requested tweaks */
body:where(.vfh44):not(.vfhz) .pe-ribbon.cir-ribbon{background:#1a3a63 !important;border-color:#1a3a63 !important}
body:where(.vfh44):not(.vfhz) .pe-ribbon.cir-ribbon .pe-rb-l{color:#a9bdd3 !important}
body:where(.vfh44):not(.vfhz) .pe-ribbon.cir-ribbon .pe-strong, body:where(.vfh44):not(.vfhz) .pe-ribbon.cir-ribbon .pe-code{color:#fff !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card > .CardHeader{border-radius:10px 10px 0 0 !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-filebar{background:transparent !important;border:0 !important;box-shadow:none !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-filebar .CardBody{background:transparent !important}
body:where(.vfh44):not(.vfhz) .cir-resort-row{display:flex;justify-content:flex-start;margin:6px 0 8px}
body:where(.vfh44):not(.vfhz) table.cir-items th input[type=button], body:where(.vfh44):not(.vfhz) table.cir-items th button, body:where(.vfh44):not(.vfhz) table.cir-items th .cir-btn{height:24px !important;padding:0 8px !important;font-size:11px !important;border-radius:6px !important;line-height:1 !important}
body:where(.vfh44):not(.vfhz) table.cir-items th, body:where(.vfh44):not(.vfhz) table.cir-items td{border:0 !important}
body:where(.vfh44):not(.vfhz) table.cir-items th{background:#fff !important;color:#292b2c !important;font-size:11.5px !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:.02em;border-bottom:2px solid #eceaef !important}
body:where(.vfh44):not(.vfhz) .cir-items-wrap{border:1px solid #eceef0 !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent{border:1px solid #e1e5ec !important;border-top:3px solid #e07a5f !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent > .CardHeader{background:transparent !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent > .CardHeader, body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent > .CardHeader *{color:#292b2c !important}
body:where(.vfh44):not(.vfhz) input[type=file]::file-selector-button{background:#e3f2fb;color:#0a6ea8;border:1px solid #9ccbe6;border-radius:8px;padding:7px 14px;font-weight:700;cursor:pointer;margin-right:10px}
body:where(.vfh44):not(.vfhz) input[type=file]::file-selector-button:hover{background:#cfe7f7}
body:where(.vfh44):not(.vfhz) .pe-band-actions .pe-bb.pe-bb-pdf{background:#e3f2fb !important;color:#0a6ea8 !important;border:1px solid #9ccbe6 !important}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items tr th, body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items tr td{border-left:0 !important;border-right:0 !important;border-top:0 !important}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items tr td{border-bottom:0 !important}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items tr th{border-bottom:2px solid #eceaef !important}
/* Commercial invoice editor - requested tweaks 2 */
body:where(.vfh44):not(.vfhz) .pe-ribbon.cir-ribbon{background:#fff !important;border:1px solid #e1e5ec !important;border-top:3px solid #e07a5f !important}
body:where(.vfh44):not(.vfhz) .pe-ribbon.cir-ribbon .pe-rb-l{color:#616e7c !important}
body:where(.vfh44):not(.vfhz) .pe-ribbon.cir-ribbon .pe-strong{color:#1f2933 !important}
body:where(.vfh44):not(.vfhz) .pe-ribbon.cir-ribbon .pe-code{color:#004080 !important}
body:where(.vfh44):not(.vfhz) .cir-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
@media (max-width:1100px){body:where(.vfh44):not(.vfhz) .cir-two{grid-template-columns:minmax(0,1fr)}}
body:where(.vfh44):not(.vfhz) .cir-col-title{display:flex;align-items:center;gap:10px;min-height:34px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #eef1f4;color:#1a3a63;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
body:where(.vfh44):not(.vfhz) .cir-col-title select{height:32px;max-width:260px;border:1px solid #cbd2d9;border-radius:6px;font-size:12.5px;text-transform:none;letter-spacing:0;color:#1f2933;background:#fff}
body:where(.vfh44):not(.vfhz) .cir-toggle{cursor:pointer;user-select:none}
body:where(.vfh44):not(.vfhz) .cir-toggle:focus-visible{outline:2px solid #0a6ea8;outline-offset:2px}
body:where(.vfh44):not(.vfhz) .cir-chev{margin-left:auto;padding:0 12px;color:#52606d;font-size:15px;line-height:1;transition:transform .15s}
body:where(.vfh44):not(.vfhz) .cir-sec.is-collapsed .cir-chev{transform:rotate(-90deg)}
body:where(.vfh44):not(.vfhz) .cir-sec.is-collapsed > .pe-sec-body{display:none !important}
body:where(.vfh44):not(.vfhz) .row.cir-filebar-row{margin-bottom:0 !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-filebar{margin:0 !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-filebar .CardBody{padding:6px 0 !important}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap{border:1px solid #e1e5ec !important;border-top:3px solid #e07a5f !important;border-radius:10px !important;box-shadow:none !important}
/* Commercial invoice editor - requested tweaks 3 */
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items tr th, body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items tr td{border-right:1px solid #ecebef !important}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items tr th:last-child, body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items tr td:last-child{border-right:0 !important}
body:where(.vfh44):not(.vfhz) .cir-filebar input[type=file]{width:auto !important;min-width:270px;max-width:none !important}
body:where(.vfh44):not(.vfhz) .cir-btn.cir-add, body:where(.vfh44):not(.vfhz) table.cir-items th .cir-btn.cir-add{background:#336633 !important;color:#fff !important;border:0 !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent{border:1px solid #e1e5ec !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent.cir-accent-o{border-top:3px solid #e07a5f !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent > .CardHeader{padding:16px 18px 4px !important;border-bottom:0 !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent > .CardHeader, body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent > .CardHeader h3, body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent > .CardHeader h4, body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent > .CardHeader .CardTitle{font-family:Roboto, sans-serif !important;font-size:16px !important;font-weight:700 !important;color:#292b2c !important;text-transform:none !important;letter-spacing:normal !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent label, body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent .LabelTitle, body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent .col-form-label{font-size:14px !important;font-weight:400 !important;color:#555 !important;text-transform:none !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent input[type=text], body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent select, body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent textarea{border:1px solid rgba(0,0,0,.15) !important;border-radius:4px !important;font-size:14px !important;background:#fff !important}
body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent input[type=text], body:where(.vfh44):not(.vfhz) .Card.cir-card.cir-accent select{height:38px !important}
body:where(.vfh44):not(.vfhz) .pe-band-actions .pe-bb.pe-bb-pdf{background:#336633 !important;color:#fff !important;border:0 !important}
body:where(.vfh44):not(.vfhz) .pe-band-actions .pe-bb.pe-bb-pdf:hover, body:where(.vfh44):not(.vfhz) .cir-btn.cir-hoverblue:hover{background:#0a6ea8 !important;filter:none !important}
body:where(.vfh44):not(.vfhz) .row.cir-top-row{margin-bottom:0 !important}
body:where(.vfh44):not(.vfhz) .row.cir-top-row .Card{margin-bottom:12px !important}
body:where(.vfh44):not(.vfhz) .pe-sec.cir-sec{margin-top:0 !important;margin-bottom:12px !important}
/* Commercial invoice editor - tighter space above Resort */
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice ul.ResortData{margin-bottom:10px !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-resort-row{margin-top:0 !important}
/* Commercial invoice editor - file row styled like the invoice page Comments and Attachments card */
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .Card.cir-filebar input[type=file]{font-size:12.5px !important;color:#555 !important;width:259px !important;min-width:259px !important;max-width:none !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .Card.cir-filebar input[type=file]::file-selector-button{background:#e8f3fa !important;color:#08517c !important;border:0 !important;border-radius:5px !important;padding:6px 12px !important;font-size:12.5px !important;font-weight:600 !important;margin-right:10px;cursor:pointer}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .Card.cir-filebar input[type=file]::file-selector-button:hover{background:#d6eaf7 !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .Card.cir-filebar .cir-btn{background:#e8f3fa !important;color:#08517c !important;border:0 !important;border-radius:5px !important;padding:10px 30px !important;height:auto !important;font-size:13.5px !important;font-weight:700 !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .Card.cir-filebar .cir-btn:hover{background:#d6eaf7 !important;filter:none !important}
/* Commercial invoice editor - file row colours + page-wide button hover */
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .Card.cir-filebar .cir-btn[name=submitImport], body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .Card.cir-filebar .cir-btn[name=submitExport]{background:#336633 !important;color:#fff !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .Card.cir-filebar .cir-btn[name=submitCopyPL]{background:#5f6b7a !important;color:#fff !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-btn:hover, body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .Card.cir-filebar .cir-btn:hover, body:where(.vfh44):not(.vfhz) .pe-band-actions .pe-bb:hover, body:where(.vfh44):not(.vfhz) .pe-band-actions .pe-bb.pe-bb-pdf:hover, body:where(.vfh44):not(.vfhz) .cir-btn.cir-hoverblue:hover{background:#0069d9 !important;color:#fff !important;border-color:#0069d9 !important;filter:none !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .Card.cir-filebar input[type=file]::file-selector-button:hover{background:#0069d9 !important;color:#fff !important}
/* Commercial invoice editor - grey buttons #555555 (hover #0069d9 kept) */
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-btn.cir-grey:not(:hover){background:#555555 !important;color:#fff !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .Card.cir-filebar .cir-btn[name=submitCopyPL]:not(:hover){background:#555555 !important;color:#fff !important}
body:where(.vfh44):not(.vfhz) .pe-band-actions .pe-bb.pe-bb-back:not(:hover){background:#555555 !important;color:#fff !important;border-color:#555555 !important}
/* Commercial invoice editor - slot summary table - black top ribbon */
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap.cir-slots-wrap{border-top:3px solid #000 !important;margin-top:14px}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-slots-wrap table.cir-slots td, body:where(.vfh44):not(.vfhz) .ContentArea .cir-slots-wrap table.cir-slots th{white-space:nowrap}
/* Commercial invoice editor - checkboxes above Item for Shipment / Cont No.-Seal No., columns centered */
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack{text-align:center !important;vertical-align:bottom !important}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack .cir-th-ctl{display:flex;justify-content:center;align-items:center;gap:6px;margin:4px 0 0}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack .cir-th-ctl input{margin:0 !important}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items td.cir-center{text-align:center !important}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items td.cir-center > *{margin-left:auto;margin-right:auto}
/* Commercial invoice editor - Item for Shipment: checkbox centred, icon beside it */
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack .cir-th-ctl{position:relative}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack .cir-th-ctl > i{position:absolute;left:calc(50% + 12px);top:50%;transform:translateY(-50%)}
/* Commercial invoice editor - smaller header checkboxes, headings centred vertically */
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack{vertical-align:middle !important;line-height:1.25}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack .cir-th-ctl{margin:2px 0 0 !important;line-height:1}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack .cir-th-ctl input[type=checkbox]{width:12px !important;height:12px !important;margin:0 !important;vertical-align:middle}
/* Commercial invoice editor - Add(+) header stacked like the other checkbox headers */
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack.cir-th-add .cir-th-top{display:flex;justify-content:center}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack.cir-th-add .cir-th-ctl{position:relative}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack.cir-th-add .cir-th-icons{position:absolute;left:calc(50% + 10px);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack.cir-th-add .cir-th-icons i{position:static !important;transform:none !important;font-size:12px;cursor:pointer}
/* Commercial invoice editor - header icons visible on the white header */
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th i.fa{color:#555 !important}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th i.fa-trash{color:#b42318 !important}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th i.fa-refresh{color:#0a6ea8 !important}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th i.fa:hover{color:#0069d9 !important}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack.cir-th-add .cir-th-icons{left:calc(50% + 8px);gap:4px}
/* Commercial invoice editor - Add(+) header: icons between Add(+) and checkbox */
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack.cir-th-add .cir-th-ctl{flex-direction:column-reverse !important;align-items:center !important;gap:3px !important;margin:3px 0 0 !important}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack.cir-th-add .cir-th-ctl .cir-th-icons{position:static !important;left:auto !important;top:auto !important;transform:none !important;display:inline-flex;justify-content:center;gap:8px}
/* Commercial invoice editor - Add(+) header compact + vertically centred */
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack.cir-th-add{font-size:0 !important;line-height:0 !important;vertical-align:middle !important;padding-top:6px !important;padding-bottom:6px !important}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack.cir-th-add .cir-th-top{line-height:1}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack.cir-th-add .cir-th-top input, body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack.cir-th-add .cir-th-top button{margin:0 !important}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack.cir-th-add .cir-th-ctl{margin:4px 0 0 !important;line-height:1}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack.cir-th-add .cir-th-icons i{font-size:12px !important;line-height:1 !important}
/* Commercial invoice editor - Add(+) header compact (stronger selector) */
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add{font-size:0 !important;line-height:0 !important;vertical-align:middle !important;padding-top:6px !important;padding-bottom:6px !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add .cir-th-top input, body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add .cir-th-top button{margin:0 !important;font-size:11px !important;line-height:1 !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add .cir-th-ctl{margin:4px 0 0 !important;line-height:1 !important}
/* Commercial invoice editor - Add(+) header compact; outranks the site-wide header rule (3 ids) */
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add:not(#vfz-a1):not(#vfz-a2){font-size:0 !important;line-height:0 !important;vertical-align:middle !important;padding-top:6px !important;padding-bottom:6px !important}
/* Commercial invoice editor - Add(+) header: trash | checkbox | refresh on one row */
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add:not(#vfz-a1):not(#vfz-a2) .cir-th-ctl{display:flex !important;flex-direction:row !important;justify-content:center !important;align-items:center !important;gap:7px !important;margin:5px 0 0 !important;line-height:1 !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add:not(#vfz-a1):not(#vfz-a2) .cir-th-ctl .cir-th-icons{display:contents !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add:not(#vfz-a1):not(#vfz-a2) .cir-th-ctl i.fa{position:static !important;transform:none !important;font-size:12px !important;line-height:1 !important;display:block !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add:not(#vfz-a1):not(#vfz-a2) .cir-th-ctl i.fa-trash{order:1 !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add:not(#vfz-a1):not(#vfz-a2) .cir-th-ctl input[type=checkbox]{order:2 !important;margin:0 !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add:not(#vfz-a1):not(#vfz-a2) .cir-th-ctl i.fa-refresh{order:3 !important}
/* Commercial invoice editor - UNIT, QTY, PRICE inputs sized like HS CODE (120px) */
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items input[name^="Unit["], body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items input[name^="Quantity["], body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items input[name^="Price["]{width:120px !important;min-width:120px !important;max-width:120px !important}
/* Commercial invoice editor - Shipping Status wraps to 2 lines + fits text; Ship Date input sized to the date */
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items tr th.cir-th-wrap:not(#vfz-w1):not(#vfz-w2){white-space:normal !important;width:1% !important;min-width:72px !important;line-height:1.25 !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items tr td.cir-fit:not(#vfz-w1):not(#vfz-w2){white-space:nowrap !important;width:1% !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items input[name^="ShippingDate"]{width:98px !important;min-width:98px !important;max-width:98px !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-cm-toggle{display:inline-flex;align-items:center;gap:4px;margin:0;font-weight:400;cursor:pointer}
/* Commercial invoice editor - footer totals larger + COST column fits its values */
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items table.slot_summary td:not(#vfz-t1):not(#vfz-t2), body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items table.slot_summary th:not(#vfz-t1):not(#vfz-t2){font-size:15px !important;font-weight:700 !important;white-space:nowrap !important}
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items input[name^="Cost["]{width:80px !important;min-width:80px !important;max-width:80px !important}
/* Commercial invoice editor - summary ribbon - wider column spacing */
body:where(.vfh44):not(.vfhz) .pe-ribbon.cir-ribbon{column-gap:56px !important;row-gap:12px !important;flex-wrap:wrap}
/* Packing list editor - same rules as the commercial invoice editor (form-id specific ones) */
body:where(.vfh44):not(.vfhz) #generate_packaging_report ul.ResortData{margin-bottom:10px !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-resort-row{margin-top:0 !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .Card.cir-filebar input[type=file]{font-size:12.5px !important;color:#555 !important;width:259px !important;min-width:259px !important;max-width:none !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .Card.cir-filebar input[type=file]::file-selector-button{background:#e8f3fa !important;color:#08517c !important;border:0 !important;border-radius:5px !important;padding:6px 12px !important;font-size:12.5px !important;font-weight:600 !important;margin-right:10px;cursor:pointer}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .Card.cir-filebar input[type=file]::file-selector-button:hover{background:#d6eaf7 !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .Card.cir-filebar .cir-btn{background:#e8f3fa !important;color:#08517c !important;border:0 !important;border-radius:5px !important;padding:10px 30px !important;height:auto !important;font-size:13.5px !important;font-weight:700 !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .Card.cir-filebar .cir-btn:hover{background:#d6eaf7 !important;filter:none !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .Card.cir-filebar .cir-btn[name=submitImport], body:where(.vfh44):not(.vfhz) #generate_packaging_report .Card.cir-filebar .cir-btn[name=submitExport]{background:#336633 !important;color:#fff !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .Card.cir-filebar .cir-btn[name=submitCopyPL]{background:#5f6b7a !important;color:#fff !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-btn:hover, body:where(.vfh44):not(.vfhz) #generate_packaging_report .Card.cir-filebar .cir-btn:hover, body:where(.vfh44):not(.vfhz) .pe-band-actions .pe-bb:hover, body:where(.vfh44):not(.vfhz) .pe-band-actions .pe-bb.pe-bb-pdf:hover, body:where(.vfh44):not(.vfhz) .cir-btn.cir-hoverblue:hover{background:#0069d9 !important;color:#fff !important;border-color:#0069d9 !important;filter:none !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .Card.cir-filebar input[type=file]::file-selector-button:hover{background:#0069d9 !important;color:#fff !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-btn.cir-grey:not(:hover){background:#555555 !important;color:#fff !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .Card.cir-filebar .cir-btn[name=submitCopyPL]:not(:hover){background:#555555 !important;color:#fff !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add{font-size:0 !important;line-height:0 !important;vertical-align:middle !important;padding-top:6px !important;padding-bottom:6px !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add .cir-th-top input, body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add .cir-th-top button{margin:0 !important;font-size:11px !important;line-height:1 !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add .cir-th-ctl{margin:4px 0 0 !important;line-height:1 !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add:not(#vfz-a1):not(#vfz-a2){font-size:0 !important;line-height:0 !important;vertical-align:middle !important;padding-top:6px !important;padding-bottom:6px !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add:not(#vfz-a1):not(#vfz-a2) .cir-th-ctl{display:flex !important;flex-direction:row !important;justify-content:center !important;align-items:center !important;gap:7px !important;margin:5px 0 0 !important;line-height:1 !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add:not(#vfz-a1):not(#vfz-a2) .cir-th-ctl .cir-th-icons{display:contents !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add:not(#vfz-a1):not(#vfz-a2) .cir-th-ctl i.fa{position:static !important;transform:none !important;font-size:12px !important;line-height:1 !important;display:block !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add:not(#vfz-a1):not(#vfz-a2) .cir-th-ctl i.fa-trash{order:1 !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add:not(#vfz-a1):not(#vfz-a2) .cir-th-ctl input[type=checkbox]{order:2 !important;margin:0 !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items tr th.cir-th-stack.cir-th-add:not(#vfz-a1):not(#vfz-a2) .cir-th-ctl i.fa-refresh{order:3 !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items input[name^="Unit["], body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items input[name^="Quantity["], body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items input[name^="Price["]{width:120px !important;min-width:120px !important;max-width:120px !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items tr th.cir-th-wrap:not(#vfz-w1):not(#vfz-w2){white-space:normal !important;width:1% !important;min-width:72px !important;line-height:1.25 !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items tr td.cir-fit:not(#vfz-w1):not(#vfz-w2){white-space:nowrap !important;width:1% !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items input[name^="ShippingDate"]{width:98px !important;min-width:98px !important;max-width:98px !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-cm-toggle{display:inline-flex;align-items:center;gap:4px;margin:0;font-weight:400;cursor:pointer}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items table.slot_summary td:not(#vfz-t1):not(#vfz-t2), body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items table.slot_summary th:not(#vfz-t1):not(#vfz-t2){font-size:15px !important;font-weight:700 !important;white-space:nowrap !important}
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items input[name^="Cost["]{width:80px !important;min-width:80px !important;max-width:80px !important}
/* Packing list editor - CBM, CTNS, weight inputs sized to their values */
body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items input[name^="TtlVol["], body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items input[name^="CtnQty["], body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items input[name^="grosswt["], body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items input[name^="netwt["]{width:100px !important;min-width:100px !important;max-width:100px !important}
/* Commercial invoice + packing list editors - Resort centred above NO. */
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack.cir-th-no .cir-th-top{display:flex;justify-content:center;margin:0 0 4px}
body:where(.vfh44):not(.vfhz) .ContentArea .cir-items-wrap table.cir-items th.cir-th-stack.cir-th-no .cir-th-top input{margin:0 !important}
/* Manage Commercial Invoices / Packing Lists - Reset button #555555, hover #0069d9 */
body:where(.vfh41):not(.vfhz) .ilr-card .ilr-form .ilr-btn:not(.ilr-btn-go){background:#555555 !important;color:#fff !important;border-color:#555555 !important}
body:where(.vfh41):not(.vfhz) .ilr-card .ilr-form .ilr-btn:not(.ilr-btn-go):hover, body:where(.vfh41):not(.vfhz) .ilr-card .ilr-form .ilr-btn:not(.ilr-btn-go):focus-visible{background:#0069d9 !important;color:#fff !important;border-color:#0069d9 !important}
/* Manage Commercial Invoices / Packing Lists - Reset button bold */
body:where(.vfh41):not(.vfhz) .ilr-card .ilr-form .ilr-btn:not(.ilr-btn-go){font-weight:700 !important}
/* Manage Commercial Invoices + Packing Lists - orange card ribbon + light-orange table header */
body:where(.vfh41):not(.vfhz) .ContentArea .vp-panel{border-top:3px solid #e07a5f !important}
body:where(.vfh41):not(.vfhz) .ContentArea table.vp-table.vcip-table thead th:not(#vfz-o1):not(#vfz-o2){background:#fde8df !important;color:#292b2c !important;border-color:#f6d3c6 !important}
/* CI + PL editors - light-orange items table header */
body:where(.vfh44):not(.vfhz) #generate_commercial_invoice .cir-items-wrap table.cir-items:not(.cir-slots) thead th:not(#vfz-p1):not(#vfz-p2):not(#vfz-p3), body:where(.vfh44):not(.vfhz) #generate_packaging_report .cir-items-wrap table.cir-items:not(.cir-slots) thead th:not(#vfz-p1):not(#vfz-p2):not(#vfz-p3){background:#fde8df !important;color:#292b2c !important;border-bottom-color:#f6d3c6 !important}
/* Manage Certificates of Origin - orange card ribbon + light-orange table header */
body:where(.vfh45):not(.vfhz) .ContentArea .vp-panel{border-top:3px solid #e07a5f !important}
body:where(.vfh45):not(.vfhz) .ContentArea table.vp-table.vld-table thead th:not(#vfz-o1):not(#vfz-o2){background:#fde8df !important;color:#292b2c !important;border-color:#f6d3c6 !important}
body:where(.vfh45):not(.vfhz) .ContentArea table.vp-table.vld-table thead th a{color:#292b2c !important}
/* All document lists - orange card ribbon + light-orange table header */
body:where(.vfh39):not(.vfhz) .ContentArea .vp-panel{border-top:3px solid #e07a5f !important}
body:where(.vfh39):not(.vfhz) .ContentArea table.vp-table.vld-table thead th:not(#vfz-o1):not(#vfz-o2){background:#fde8df !important;color:#292b2c !important;border-color:#f6d3c6 !important}
body:where(.vfh39):not(.vfhz) .ContentArea table.vp-table.vld-table thead th a{color:#292b2c !important}
/* Telex release edit page - PDF buttons dark green, hover #0069d9 */
body:where(.vfh46):not(.vfhz) .pe-band-actions .pe-bb.telex-pdf, body:where(.vfh46):not(.vfhz) .pe-actions .telex-pdf{background:#336633 !important;color:#fff !important;border:0 !important}
body:where(.vfh46):not(.vfhz) .pe-band-actions .pe-bb.telex-pdf:hover, body:where(.vfh46):not(.vfhz) .pe-actions .telex-pdf:hover{background:#0069d9 !important}
body:where(.vfh46):not(.vfhz) .pe-actions input[type=button].telex-pdf:not(:hover){background:#336633 !important;color:#fff !important;border:0 !important}
body:where(.vfh46):not(.vfhz) .pe-actions input[type=button].telex-pdf:hover{background:#0069d9 !important;color:#fff !important}
body:where(.vfh46):not(.vfhz) .pe-actions input[type=submit][name=btnsave]:not(:hover){background:#336633 !important;color:#fff !important;border:0 !important}
body:where(.vfh46):not(.vfhz) .pe-actions input[type=submit][name=btnsave]:hover{background:#0069d9 !important;color:#fff !important}
/* Upload document + telex pages - ribbon column spacing like the commercial invoice editor */
body:where(.vfh47):not(.vfhz) .pe-ribbon{column-gap:56px !important;row-gap:12px !important;flex-wrap:wrap}
/* HS Code Lookup - no navy header, navy top ribbon, smaller corners */
body:where(.vfh42):not(#vfhz) .ContentArea .Card{border-top:3px solid #1a3a63 !important;border-radius:10px !important}
body:where(.vfh42):not(#vfhz) .ContentArea .Card > .CardHeader{background:transparent !important;border-radius:10px 10px 0 0 !important;border-bottom:1px solid #eef1f4 !important}
body:where(.vfh42):not(#vfhz) .ContentArea .Card > .CardHeader, body:where(.vfh42):not(#vfhz) .ContentArea .Card > .CardHeader *{color:#1f2933 !important}
/* HS Code Table - Open HS Code Lookup button #336633, hover #0069d9 */
body:where(.vfh43):not(.vfhz) .ilr-card .ilr-btn.ilr-btn-go:not(:hover){background:#336633 !important;color:#fff !important;border-color:#336633 !important}
body:where(.vfh43):not(.vfhz) .ilr-card .ilr-btn.ilr-btn-go:hover{background:#0069d9 !important;color:#fff !important;border-color:#0069d9 !important}
/* Shipping documents library - plain card headers, navy (email: orange) top ribbons, 10px corners, standard buttons */
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card{border-radius:10px !important;overflow:hidden}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card > .CardHeader{background:#fff !important;color:#1f2933 !important;border-radius:10px 10px 0 0 !important;border-bottom:1px solid #eef1f4 !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card > .CardHeader .CardTitle, body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card > .CardHeader h3, body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card > .CardHeader h4{color:#1f2933 !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card > .CardHeader a{color:#0a6ea8 !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card > .CardHeader a:hover{color:#0069d9 !important}
body:where(.vfh40):not(.vfhz) .ContentArea .sdl-pill{background:#eef2f7 !important;color:#1f2933 !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:not(:where(.vfl58):not(.vfhz)){border-top:3px solid #1a3a63 !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl59):not(.vfhz){border-top:3px solid #e07a5f !important}
body:where(.vfh40):not(.vfhz) .ContentArea :is(input[name="Search"], input[type="button"][value="Send"]):not(:hover){background:#2f5e34 !important;color:#fff !important;border:0 !important;border-radius:8px !important;font-weight:700 !important;height:40px;padding:0 18px !important}
body:where(.vfh40):not(.vfhz) .ContentArea :is(input[name="Search"], input[type="button"][value="Send"]):hover{background:#0069d9 !important;color:#fff !important;border:0 !important;border-radius:8px !important}
body:where(.vfh40):not(.vfhz) .ContentArea input[name="Reset"]:not(:hover){background:#555555 !important;color:#fff !important;border:0 !important;border-radius:8px !important;font-weight:700 !important;height:40px;padding:0 18px !important}
body:where(.vfh40):not(.vfhz) .ContentArea input[name="Reset"]:hover{background:#0069d9 !important;color:#fff !important;border:0 !important;border-radius:8px !important}
/* Shipping documents library - document cards same height as demo (236px scrolling file list) */
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card.sdl-doc > .CardBody{height:auto !important;min-height:0 !important;max-height:none !important;padding:0 !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card.sdl-doc .DashboardCardScroll{height:236px !important;max-height:236px !important;overflow-y:auto !important}
/* Shipping documents library - bottom row 410px like demo */
body:where(.vfh40):not(.vfhz) .ContentArea .row:where(.vfl60):not(.vfhz):not(.vfhz):not(.vfhz):where(.vfl61):not(.vfhz):not(.vfhz):not(.vfhz) .Card.sdl-card{height:410px !important;display:flex !important;flex-direction:column !important}
body:where(.vfh40):not(.vfhz) .ContentArea .row:where(.vfl60):not(.vfhz):not(.vfhz):not(.vfhz):where(.vfl61):not(.vfhz):not(.vfhz):not(.vfhz) .Card.sdl-card > .CardHeader{flex:0 0 auto !important}
body:where(.vfh40):not(.vfhz) .ContentArea .row:where(.vfl60):not(.vfhz):not(.vfhz):not(.vfhz):where(.vfl61):not(.vfhz):not(.vfhz):not(.vfhz) .Card.sdl-card > .CardBody{flex:1 1 auto !important;min-height:0 !important;height:auto !important;overflow-y:auto !important}
body:where(.vfh40):not(.vfhz) .ContentArea .row:where(.vfl60):not(.vfhz):not(.vfhz):not(.vfhz):where(.vfl61):not(.vfhz):not(.vfhz):not(.vfhz) .Card.sdl-card:not(.sdl-doc) .DashboardCardScroll{height:auto !important;max-height:none !important}
body:where(.vfh40):not(.vfhz) .ContentArea .row:where(.vfl60):not(.vfhz):not(.vfhz):not(.vfhz):where(.vfl61):not(.vfhz):not(.vfhz):not(.vfhz) .Card.sdl-card.sdl-doc .DashboardCardScroll{height:358px !important;max-height:358px !important}
/* Shipping documents library - Activity Log header link like the document cards View all */
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card > .CardHeader{min-height:48px !important;height:48px !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card > .CardHeader .CardMoreLink{margin-left:auto !important;line-height:1 !important;font-size:12px !important;display:flex !important;align-items:center}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card > .CardHeader .CardMoreLink a{font-size:12px !important;font-weight:700 !important;color:#0a6ea8 !important;text-decoration:none !important;white-space:nowrap}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card > .CardHeader .CardMoreLink a:hover{color:#0069d9 !important;text-decoration:underline !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card > .CardHeader .CardMoreLink a::after{content:" \2192" !important;background:none !important;width:auto !important;height:auto !important;display:inline !important;margin:0 !important;position:static !important;border:0 !important;transform:none !important}
/* Shipping documents library - Activity Log rows like the dashboard Activity Stream (blue bullets, tight rows) */
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl62):not(.vfhz) ul.CardListing > li{position:relative !important;padding:0 0 6px 16px !important;margin:0 0 4px !important;line-height:16px !important;border-bottom:1px solid #f0f0f0 !important;list-style:none !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl62):not(.vfhz) ul.CardListing > li::before{content:"" !important;position:absolute !important;left:0 !important;top:6px !important;width:5px !important;height:5px !important;border-radius:50% !important;background:#0a5aa8 !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl62):not(.vfhz) ul.CardListing > li:last-child{border-bottom:0 !important}
/* Shipping documents library - Activity Log row text like demo (Roboto 12px #3d4b58) */
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl62):not(.vfhz) ul.CardListing > li, body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl63):not(.vfhz) ul.CardListing > li a{font-family:Roboto, sans-serif !important;font-size:12px !important;font-weight:400 !important;color:#3d4b58 !important;line-height:16px !important;letter-spacing:normal !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl62):not(.vfhz) ul.CardListing > li a:hover{color:#0069d9 !important}
/* Shipping documents library - less space below the Email card (gap = row gap 32px) */
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl59):not(.vfhz){margin-bottom:8px !important}
/* Shipping documents library - Search Library card beside the Email card (equal heights) */
body:where(.vfh40):not(.vfhz) .ContentArea .row:where(.vfl64):not(.vfhz) > [class*="col-"]{display:flex !important;flex-direction:column !important}
body:where(.vfh40):not(.vfhz) .ContentArea .row:where(.vfl64):not(.vfhz) > [class*="col-"] > .Card.sdl-card{flex:1 1 auto !important;margin-bottom:8px !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-search .sdl-search-label{display:block;margin:0 0 8px;font-size:13px;color:#555}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-search ul.MainDashboardFilter{display:flex !important;align-items:center !important;gap:8px !important;margin:0 !important;padding:0 !important;list-style:none !important;float:none !important;justify-content:flex-start !important;width:100% !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-search ul.MainDashboardFilter > li{margin:0 !important;padding:0 !important;float:none !important;list-style:none !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-search ul.MainDashboardFilter > li.DashboardSearch{flex:1 1 auto !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-search ul.MainDashboardFilter > li.DashboardSearch input{width:100% !important;height:40px !important;border:1px solid #cbd2d9 !important;border-radius:8px !important;padding:0 12px !important;font-size:13px !important}
/* Shipping documents library - Search Library card - orange ribbon like the Email card */
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card.sdl-search.sdl-search{border-top:3px solid #e07a5f !important}
/* Shipping documents library - Email / Search card widths like demo (31% / 69%) */
body:where(.vfh40):not(.vfhz) .ContentArea .row:where(.vfl64):not(.vfhz) > [class*="col-"]:where(.vfl65):not(.vfhz){flex:0 0 31% !important;max-width:31% !important}
body:where(.vfh40):not(.vfhz) .ContentArea .row:where(.vfl64):not(.vfhz) > [class*="col-"]:not(:where(.vfl66):not(.vfhz)){flex:0 0 69% !important;max-width:69% !important}
/* Shipping documents library - Email card form: label above, field + Send on one line (like demo) */
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl59):not(.vfhz) .CardBody .form-group.row:where(.vfl67):not(.vfhz){display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:8px !important;margin:0 !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl59):not(.vfhz) .CardBody .form-group.row:where(.vfl67):not(.vfhz) > label{flex:0 0 100% !important;max-width:100% !important;width:100% !important;padding:0 !important;margin:0 !important;font-size:13px !important;color:#555 !important;white-space:nowrap}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl59):not(.vfhz) .CardBody .form-group.row:where(.vfl67):not(.vfhz) > *:not(label):where(.vfl68):not(.vfhz){flex:1 1 auto !important;max-width:none !important;width:auto !important;padding:0 !important;margin:0 !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl59):not(.vfhz) .CardBody .form-group.row:where(.vfl67):not(.vfhz) > *:not(label):where(.vfl69):not(.vfhz):not(vfhz){flex:0 0 auto !important;max-width:none !important;width:auto !important;padding:0 !important;margin:0 !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl59):not(.vfhz) .CardBody [name="txtinvoice"]{width:100% !important;height:40px !important;border:1px solid #cbd2d9 !important;border-radius:8px !important;padding:0 12px !important;font-size:13px !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl59):not(.vfhz) .CardBody input[type="button"][value="Send"]{width:auto !important;min-width:90px}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl59):not(.vfhz) .CardBody .form-group.row:where(.vfl67):not(.vfhz) > label *{display:inline !important;float:none !important;position:static !important;margin:0 3px 0 0 !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl59):not(.vfhz) .CardBody .form-group.row:where(.vfl67):not(.vfhz) > label:not(#vfz-l1):not(#vfz-l2){display:block !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card:where(.vfl59):not(.vfhz) .CardBody .form-group.row:where(.vfl67):not(.vfhz) > label:not(#vfz-l1):not(#vfz-l2) span.required{display:inline !important;width:auto !important;margin:0 3px 0 0 !important}
/* Shipping documents library - card spacing like demo (16px gutters and row gaps) */
body:where(.vfh40):not(.vfhz) .ContentArea .row:where(.vfl70):not(.vfhz):not(.vfhz){margin-left:-8px !important;margin-right:-8px !important}
body:where(.vfh40):not(.vfhz) .ContentArea .row:where(.vfl70):not(.vfhz):not(.vfhz) > [class*="col-"]{padding-left:8px !important;padding-right:8px !important}
body:where(.vfh40):not(.vfhz) .ContentArea .Card.sdl-card{margin-bottom:16px !important}
body:where(.vfh40):not(.vfhz) .ContentArea .row:where(.vfl64):not(.vfhz) > [class*="col-"] > .Card.sdl-card{margin-bottom:16px !important}
/* Shipping documents library - hide the empty spacer div under the Email / Search row */
body:where(.vfh40):not(.vfhz) .ContentArea .row:where(.vfl64):not(.vfhz) + div:not([class]):not([id]):not(:where(.vfl71)){display:none !important}
/* Outstanding transactions popups - AR/AP design */
body:where(.vfh48):not(.vfhz){background:#eef1f4 !important}
body:where(.vfh48):not(.vfhz) .container-fluid:where(.vfl72):not(#vfhz){padding:16px 20px 24px !important}
body:where(.vfh48):not(.vfhz) .tx-tabs input[type="button"]{background:#fff !important;color:#1f2933 !important;border:1px solid #cbd2d9 !important;border-radius:18px !important;padding:6px 16px !important;font-weight:700 !important;font-size:12.5px !important;margin-right:6px}
body:where(.vfh48):not(.vfhz) .tx-tabs input[type="button"].tx-tab-on{background:#1a3a63 !important;color:#fff !important;border-color:#1a3a63 !important}
body:where(.vfh48):not(.vfhz) .tx-tabs input[type="button"]:hover{background:#0069d9 !important;color:#fff !important;border-color:#0069d9 !important}
body:where(.vfh48):not(.vfhz) .tx-band{background:linear-gradient(90deg,#0a5a9c,#1580c8) !important;border-radius:10px !important;padding:10px 16px !important;margin:12px 0 16px !important;color:#fff !important}
body:where(.vfh48):not(.vfhz) .tx-band, body:where(.vfh48):not(.vfhz) .tx-band *:not(input){color:#fff !important;font-size:16px;font-weight:700}
body:where(.vfh48):not(.vfhz) .tx-band input[type="button"]{border:0 !important;border-radius:8px !important;font-weight:700 !important;font-size:13px !important;padding:7px 18px !important;color:#fff !important;margin-left:6px}
body:where(.vfh48):not(.vfhz) .tx-band input[type="button"][value="Add"]{background:#336633 !important}
body:where(.vfh48):not(.vfhz) .tx-band input[type="button"][value="Close"]{background:#555555 !important}
body:where(.vfh48):not(.vfhz) .tx-band input[type="button"]:hover{background:#0069d9 !important}
body:where(.vfh48):not(.vfhz) .tx-kpis{margin:0 0 16px !important}
body:where(.vfh48):not(.vfhz) .tx-card{background:#fff !important;border:1px solid #e1e5ec !important;border-top:3px solid #1a3a63 !important;border-radius:10px !important;padding:14px 18px !important;margin:0 0 16px !important;box-shadow:0 1px 2px rgba(16,24,40,.05) !important}
body:where(.vfh48):not(.vfhz) .tx-card-title, body:where(.vfh48):not(.vfhz) .tx-sec-title{font-size:14px !important;font-weight:700 !important;color:#1f2933 !important;margin:0 0 10px !important}
body:where(.vfh48):not(.vfhz) .tx-card input[type="submit"], body:where(.vfh48):not(.vfhz) .tx-card input[type="button"]{border:0 !important;border-radius:8px !important;font-weight:700 !important;color:#fff !important;padding:8px 18px !important}
body:where(.vfh48):not(.vfhz) .tx-card input[name="submitImport"], body:where(.vfh48):not(.vfhz) .tx-req input[type="button"]{background:#336633 !important}
body:where(.vfh48):not(.vfhz) .tx-card input[name="submitExport"]{background:#0a6ea8 !important}
body:where(.vfh48):not(.vfhz) .tx-card input[type="submit"]:hover, body:where(.vfh48):not(.vfhz) .tx-card input[type="button"]:hover{background:#0069d9 !important}
body:where(.vfh48):not(.vfhz) .tx-card input[type="file"]::file-selector-button{background:#e8f3fa;color:#08517c;border:0;border-radius:5px;padding:6px 12px;font-weight:600;font-size:12.5px;cursor:pointer}
body:where(.vfh48):not(.vfhz) .tx-table{background:#fff !important;border:1px solid #e1e5ec !important;border-radius:10px !important;overflow:hidden !important;margin:0 0 16px !important}
body:where(.vfh48):not(.vfhz) .tx-table table{margin:0 !important;border:0 !important}
body:where(.vfh48):not(.vfhz) .tx-table table th{background:#1a3a63 !important;color:#fff !important;font-size:11.5px !important;text-transform:uppercase;letter-spacing:.03em;font-weight:700 !important;border:0 !important;padding:10px 12px !important}
body:where(.vfh48):not(.vfhz) .tx-table table td{border:0 !important;border-bottom:1px solid #eef1f4 !important;padding:10px 12px !important;font-size:13px !important;vertical-align:middle !important}
body:where(.vfh48):not(.vfhz) .tx-table table tr:nth-child(even) td{background:#f8fafc !important}
body:where(.vfh48):not(.vfhz) .tx-table table tr:hover td{background:#eef2ff !important}
body:where(.vfh48):not(.vfhz) .tx-req select, body:where(.vfh48):not(.vfhz) .tx-req input[type="text"], body:where(.vfh48):not(.vfhz) .tx-req textarea{border:1px solid #cbd2d9 !important;border-radius:8px !important;font-size:13px !important}
body:where(.vfh48):not(.vfhz) .tx-req select, body:where(.vfh48):not(.vfhz) .tx-req input[type="text"]{height:38px !important}
body:where(.vfh48):not(.vfhz) .tx-card .CardBody, body:where(.vfh48):not(.vfhz) .tx-card .CardBody > *{text-align:left !important;justify-content:flex-start !important;margin-left:0 !important;padding-left:0 !important;padding-right:0 !important;float:none !important}
body:where(.vfh48):not(.vfhz) .tx-card .text-center, body:where(.vfh48):not(.vfhz) .tx-card .uplodNbtnCen{text-align:left !important}
/* Outstanding invoice payment pages - AR/AP design, navy ribbons */
body:where(.vfh49):not(.vfhz) .pay-kpis{margin:0 0 16px !important}
body:where(.vfh49):not(.vfhz) .Card.pay-card{border:1px solid #e1e5ec !important;border-top:3px solid #1a3a63 !important;border-radius:10px !important;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.05) !important}
body:where(.vfh49):not(.vfhz) .Card.pay-card > .CardHeader{background:#fff !important;border-radius:10px 10px 0 0 !important;border-bottom:1px solid #eef1f4 !important;padding:12px 18px !important}
body:where(.vfh49):not(.vfhz) .Card.pay-card > .CardHeader, body:where(.vfh49):not(.vfhz) .Card.pay-card > .CardHeader *{color:#1f2933 !important;font-size:15px !important;font-weight:700 !important}
body:where(.vfh49):not(.vfhz) .Card.pay-card .CardBody{padding:16px 22px !important}
body:where(.vfh49):not(.vfhz) .Card.pay-card label{font-size:13px !important;color:#555 !important;font-weight:400 !important}
body:where(.vfh49):not(.vfhz) .Card.pay-card input[type="text"], body:where(.vfh49):not(.vfhz) .Card.pay-card input[type="date"], body:where(.vfh49):not(.vfhz) .Card.pay-card select{height:38px !important;border:1px solid #cbd2d9 !important;border-radius:8px !important;font-size:13px !important}
body:where(.vfh49):not(.vfhz) .Card.pay-card textarea{border:1px solid #cbd2d9 !important;border-radius:8px !important;font-size:13px !important}
body:where(.vfh49):not(.vfhz) .Card.pay-card .pay-b-go, body:where(.vfh49):not(.vfhz) .Card.pay-card .pay-b-back{border:0 !important;border-radius:8px !important;font-weight:700 !important;color:#fff !important;padding:9px 20px !important}
body:where(.vfh49):not(.vfhz) .Card.pay-card .pay-b-go{background:#336633 !important}
body:where(.vfh49):not(.vfhz) .Card.pay-card .pay-b-back{background:#555555 !important}
body:where(.vfh49):not(.vfhz) .Card.pay-card .pay-b-go:hover, body:where(.vfh49):not(.vfhz) .Card.pay-card .pay-b-back:hover{background:#0069d9 !important}
body:where(.vfh49):not(.vfhz) .pay-kpis .ilr-kpi:first-child .ilr-kpi-v{font-size:15px !important;line-height:1.3 !important}
/* Finance reports (paid commission, product sales) - AR/AP design, navy ribbons */
body:where(.vfh50):not(.vfhz) .rpt-kpis{margin:0 0 16px !important}
body:where(.vfh50):not(.vfhz) .Card.ListCard.rpt-listcard{background:transparent !important;border:0 !important;box-shadow:none !important;margin:0 !important}
body:where(.vfh50):not(.vfhz) .Card.ListCard.rpt-listcard > .CardBody{padding:0 !important}
body:where(.vfh50):not(.vfhz) .rpt-filter{background:#fff !important;border:1px solid #e1e5ec !important;border-top:3px solid #1a3a63 !important;border-radius:10px !important;padding:14px 18px !important;margin:0 0 16px !important;box-shadow:0 1px 2px rgba(16,24,40,.05) !important}
body:where(.vfh50):not(.vfhz) .rpt-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
body:where(.vfh50):not(.vfhz) .rpt-field{display:flex;flex-direction:column;gap:4px;margin:0;flex:0 0 190px}
body:where(.vfh50):not(.vfhz) .rpt-field:where(.vfl73):not(.vfhz){flex:1 1 260px}
body:where(.vfh50):not(.vfhz) .rpt-field > span{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#52606d}
body:where(.vfh50):not(.vfhz) .rpt-field input{height:38px !important;border:1px solid #cbd2d9 !important;border-radius:8px !important;font-size:13px !important;padding:0 10px !important;width:100% !important;background:#fff !important}
body:where(.vfh50):not(.vfhz) .rpt-btns{display:flex;gap:8px;margin-left:auto}
body:where(.vfh50):not(.vfhz) .rpt-btns input{height:38px !important;border:0 !important;border-radius:8px !important;font-weight:700 !important;color:#fff !important;padding:0 18px !important;font-size:13px !important;text-transform:none !important}
body:where(.vfh50):not(.vfhz) .rpt-btns .rpt-b-go{background:#2f5e34 !important}
body:where(.vfh50):not(.vfhz) .rpt-btns .rpt-b-reset{background:#555555 !important}
body:where(.vfh50):not(.vfhz) .rpt-btns .rpt-b-exp{background:#0a6ea8 !important}
body:where(.vfh50):not(.vfhz) .rpt-btns input:hover{background:#0069d9 !important}
body:where(.vfh50):not(.vfhz) .rpt-panel{background:#fff;border:1px solid #e1e5ec;border-top:3px solid #1a3a63;border-radius:10px;padding:14px 18px 10px;margin:0 0 16px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
body:where(.vfh50):not(.vfhz) .rpt-head{display:flex;align-items:baseline;gap:10px;padding:0 0 10px;margin:0 0 10px;border-bottom:1px solid #eef1f4}
body:where(.vfh50):not(.vfhz) .rpt-title{font-size:15px;font-weight:700;color:#1f2933}
body:where(.vfh50):not(.vfhz) .rpt-hint{font-size:12.5px;color:#7b8794}
body:where(.vfh50):not(.vfhz) table.rpt-table{margin:0 !important;border:0 !important}
body:where(.vfh50):not(.vfhz) table.rpt-table th{background:#1a3a63 !important;color:#fff !important;font-size:11.5px !important;text-transform:uppercase;letter-spacing:.03em;font-weight:700 !important;border:0 !important;padding:10px 12px !important;white-space:nowrap}
body:where(.vfh50):not(.vfhz) table.rpt-table td{border:0 !important;border-bottom:1px solid #eef1f4 !important;padding:9px 12px !important;font-size:13px !important;vertical-align:middle !important;background:#fff !important}
body:where(.vfh50):not(.vfhz) table.rpt-table tr:nth-child(even) td{background:#f8fafc !important}
body:where(.vfh50):not(.vfhz) table.rpt-table tr:hover td{background:#eef2ff !important}
body:where(.vfh50):not(.vfhz) table.rpt-table td a{font-weight:700 !important;color:#0a6ea8 !important}
body:where(.vfh50):not(.vfhz) .rpt-pager{display:flex;justify-content:center;padding:12px 0 2px}
body:where(.vfh50):not(.vfhz) .rpt-pager ul.pagination{margin:0 !important}
/* Finance pages tweaks - AP/AR search grows to the buttons, transactions import card aligned, payment popups without sidebar gap + footer */
body:where(.vfh34):not(.vfhz) .vap-row .vap-field:where(.vfl74):not(.vfhz){flex:1 1 260px !important}
body:where(.vfh34):not(.vfhz) .vap-row .vap-field:where(.vfl74):not(.vfhz) input{width:100% !important}
body:where(.vfh48):not(.vfhz) .col-12:where(.vfl75):not(.vfhz){padding-left:0 !important;padding-right:0 !important}
body:where(.vfh49):not(.vfhz) .MainContainer{margin-left:0 !important}
body:where(.vfh49):not(.vfhz) .footer{display:none !important}
body:where(.vfh49):not(.vfhz){background:#eef1f4 !important}
/* Transactions popups - Client / Manufacturer tabs shaped like the AR buttons; active = dark green, other = white */
body:where(.vfh48):not(.vfhz) .tx-tabs input[type="button"]{border-radius:8px !important;height:40px !important;padding:0 16px !important;font-size:13.5px !important;font-weight:700 !important;background:#fff !important;color:#1f2933 !important;border:1px solid #cbd2d9 !important;margin-right:8px !important;text-transform:none !important}
body:where(.vfh48):not(.vfhz) .tx-tabs input[type="button"].tx-tab-on, body:where(.vfh48):not(.vfhz) .tx-tabs input[type="button"].tx-tab-on:hover{background:#336633 !important;color:#fff !important;border-color:#336633 !important}
body:where(.vfh48):not(.vfhz) .tx-tabs input[type="button"]:not(.tx-tab-on):hover{background:#0069d9 !important;color:#fff !important;border-color:#0069d9 !important}
/* Client statements - Client Ledger List / Client Statement / preview */
body:where(.vfh51):not(.vfhz) .stmt-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
body:where(.vfh51):not(.vfhz) .stmt-tab{height:40px;box-sizing:border-box;display:inline-flex;align-items:center;padding:0 16px;border-radius:8px;background:#fff;border:1px solid #cbd2d9;color:#1f2933 !important;font-size:13.5px;font-weight:700;text-decoration:none !important}
body:where(.vfh51):not(.vfhz) .stmt-tab:not(.stmt-tab-on):hover{background:#0069d9;border-color:#0069d9;color:#fff !important}
body:where(.vfh51):not(.vfhz) .stmt-tab.stmt-tab-on{background:#336633;border-color:#336633;color:#fff !important}
body:where(.vfh51):not(.vfhz) .stmt-field-clients{flex:2 1 320px !important}
body:where(.vfh51):not(.vfhz) .stmt-field-clients .chosen-container{width:100% !important}
body:where(.vfh51):not(.vfhz) .stmt-field-clients .chosen-choices{min-height:38px !important;border:1px solid #cbd2d9 !important;border-radius:8px !important;background:#fff !important;padding:3px 6px !important}
body:where(.vfh51):not(.vfhz) .stmt-opts{display:flex;flex-wrap:wrap;gap:22px;margin:12px 0 0}
body:where(.vfh51):not(.vfhz) .stmt-opt{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#1f2933;margin:0;font-weight:400}
body:where(.vfh51):not(.vfhz) .stmt-opt input{width:17px;height:17px;margin:0}
body:where(.vfh51):not(.vfhz) .rpt-btns .rpt-b-send{background:#336633 !important}
body:where(.vfh51):not(.vfhz) .stmt-pill{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;white-space:nowrap}
body:where(.vfh51):not(.vfhz) .stmt-pill-unpaid{background:#fde8df;color:#9a3412}
body:where(.vfh51):not(.vfhz) .stmt-pill-partial{background:#dbeafe;color:#1e3a8a}
body:where(.vfh51):not(.vfhz) .stmt-pill-paid{background:#dcfce7;color:#14532d}
body:where(.vfh51):not(.vfhz) table.stmt-table td.stmt-bal{color:#b42318 !important;font-weight:700 !important}
body:where(.vfh51):not(.vfhz) table.stmt-table tr.stmt-total td{font-weight:700 !important;background:#f6f8fa !important;border-bottom:0 !important}
body:where(.vfh51):not(.vfhz) table.stmt-table tr.stmt-pay-row td{background:#f1f8f1 !important;color:#2f6b34 !important;font-size:12.5px !important}
/* Client statements - Client Statement tab (Option B) */
body:where(.vfh52):not(.vfhz) .stmtb-wrap{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;margin:0 0 16px}
body:where(.vfh52):not(.vfhz) .stmtb-rail{flex:1 1 300px;max-width:380px;background:#fff;border:1px solid #e1e5ec;border-top:3px solid #1a3a63;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:12px}
body:where(.vfh52):not(.vfhz) .stmtb-rail-head{display:flex;justify-content:space-between;align-items:baseline}
body:where(.vfh52):not(.vfhz) .stmtb-rail .rpt-field{flex:none !important}
body:where(.vfh52):not(.vfhz) .stmtb-list{display:flex;flex-direction:column;gap:4px;max-height:640px;overflow-y:auto}
body:where(.vfh52):not(.vfhz) .stmtb-item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border-radius:8px;border:1px solid #eef1f4;background:#fff;text-decoration:none !important}
body:where(.vfh52):not(.vfhz) .stmtb-item:hover{border-color:#0069d9;background:#f3f8fe}
body:where(.vfh52):not(.vfhz) .stmtb-item.stmtb-on{background:#e8f0fa;border-color:#0f5f9e}
body:where(.vfh52):not(.vfhz) .stmtb-item-l{display:flex;flex-direction:column;gap:2px;min-width:0}
body:where(.vfh52):not(.vfhz) .stmtb-name{font-size:13px;font-weight:600;color:#1f2933;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:where(.vfh52):not(.vfhz) .stmtb-meta{font-size:12px;color:#52606d}
body:where(.vfh52):not(.vfhz) .stmtb-bal{font-size:13px;font-weight:700;color:#b42318;white-space:nowrap;font-variant-numeric:tabular-nums}
body:where(.vfh52):not(.vfhz) .stmtb-bal.stmtb-zero{color:#52606d;font-weight:600}
body:where(.vfh52):not(.vfhz) .stmtb-main{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:16px}
body:where(.vfh52):not(.vfhz) .stmtb-main form{margin:0}
body:where(.vfh52):not(.vfhz) .stmtb-head, body:where(.vfh52):not(.vfhz) .stmtb-empty{background:#fff;border:1px solid #e1e5ec;border-top:3px solid #1a3a63;border-radius:10px;padding:18px 20px;display:flex;flex-direction:column;gap:14px}
body:where(.vfh52):not(.vfhz) .stmtb-head-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-start}
body:where(.vfh52):not(.vfhz) .stmtb-who{display:flex;flex-direction:column;gap:4px}
body:where(.vfh52):not(.vfhz) .stmtb-client{font-size:19px;font-weight:700;color:#1f2933}
body:where(.vfh52):not(.vfhz) .stmtb-head .rpt-btns{margin-left:0}
body:where(.vfh52):not(.vfhz) .stmtb-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body:where(.vfh52):not(.vfhz) .stmtb-sum-i{background:#f6f8fa;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
body:where(.vfh52):not(.vfhz) .stmtb-sum-v{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;color:#1f2933}
body:where(.vfh52):not(.vfhz) .stmtb-paid .stmtb-sum-v{color:#2f6b34}
body:where(.vfh52):not(.vfhz) .stmtb-due{background:#fdf1ef}
body:where(.vfh52):not(.vfhz) .stmtb-due .stmtb-sum-v{color:#b42318}
/* Sales report - overview + Month Summary */
body:where(.vfh53):not(.vfhz) .ContentHeader{position:relative}
body:where(.vfh53):not(.vfhz) .sales-band-act{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;gap:8px}
body:where(.vfh53):not(.vfhz) .sales-bb{height:40px;box-sizing:border-box;display:inline-flex;align-items:center;padding:0 16px;border-radius:8px;color:#fff !important;font-size:13.5px;font-weight:700;text-decoration:none !important}
body:where(.vfh53):not(.vfhz) .sales-bb-go{background:#336633}
body:where(.vfh53):not(.vfhz) .sales-bb-back{background:#555555}
body:where(.vfh53):not(.vfhz) .sales-bb:hover{background:#0069d9}
body:where(.vfh53):not(.vfhz) .ilr-kpi-v.sales-pos{color:#2f6b34}
body:where(.vfh53):not(.vfhz) .ilr-kpi-v.sales-neg{color:#b42318}
body:where(.vfh53):not(.vfhz) .sales-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch;margin:0 0 16px}
body:where(.vfh53):not(.vfhz) .sales-card{background:#fff;border:1px solid #e1e5ec;border-top:3px solid #1a3a63;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
body:where(.vfh53):not(.vfhz) .sales-chart{flex:999 1 620px;min-width:0}
body:where(.vfh53):not(.vfhz) .sales-clients{flex:1 1 320px}
body:where(.vfh53):not(.vfhz) .sales-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px}
body:where(.vfh53):not(.vfhz) .sales-head h2{margin:0;font-size:15px;font-weight:700;color:#1f2933}
body:where(.vfh53):not(.vfhz) .sales-legend{display:flex;gap:16px;font-size:12.5px;color:#3e4c59}
body:where(.vfh53):not(.vfhz) .sales-legend span{display:inline-flex;align-items:center;gap:6px}
body:where(.vfh53):not(.vfhz) .sales-legend span::before{content:"";width:12px;height:12px;border-radius:3px}
body:where(.vfh53):not(.vfhz) .sales-legend .sl-s::before{background:#1a3a63}
body:where(.vfh53):not(.vfhz) .sales-legend .sl-c::before{background:#9fb3c8}
body:where(.vfh53):not(.vfhz) .sales-bars{display:flex;gap:8px;align-items:flex-end;height:230px;padding:0 4px;border-bottom:1px solid #cbd2d9}
body:where(.vfh53):not(.vfhz) .sales-col{flex:1 1 0;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}
body:where(.vfh53):not(.vfhz) .sales-col .sb-s, body:where(.vfh53):not(.vfhz) .sales-col .sb-c{width:40%;max-width:26px;border-radius:4px 4px 0 0}
body:where(.vfh53):not(.vfhz) .sales-col .sb-s{background:#1a3a63}
body:where(.vfh53):not(.vfhz) .sales-col .sb-c{background:#9fb3c8}
body:where(.vfh53):not(.vfhz) .sales-labels{display:flex;gap:8px;padding:0 4px}
body:where(.vfh53):not(.vfhz) .sales-labels span{flex:1 1 0;text-align:center;font-size:11.5px;color:#52606d;white-space:nowrap}
body:where(.vfh53):not(.vfhz) .sales-cl{display:flex;flex-direction:column;gap:5px}
body:where(.vfh53):not(.vfhz) .sales-cl-r{display:flex;justify-content:space-between;gap:10px;font-size:13px}
body:where(.vfh53):not(.vfhz) .sales-cl-n{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:where(.vfh53):not(.vfhz) .sales-cl-v{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
body:where(.vfh53):not(.vfhz) .sales-bar{flex:1 1 auto;min-width:70px;height:8px;border-radius:4px;background:#e6ebf1;overflow:hidden}
body:where(.vfh53):not(.vfhz) .sales-bar-i{height:8px;background:#2f6b34}
body:where(.vfh53):not(.vfhz) .sales-bar-i.sales-bar-blue{background:#0f5f9e}
body:where(.vfh53):not(.vfhz) .sales-head2{justify-content:space-between}
body:where(.vfh53):not(.vfhz) .sales-link{margin-left:auto;font-size:12.5px;font-weight:700;color:#0a6ea8 !important;text-decoration:none !important}
body:where(.vfh53):not(.vfhz) .sales-link:hover{color:#0069d9 !important}
body:where(.vfh53):not(.vfhz) .sales-tw{overflow-x:auto}
body:where(.vfh53):not(.vfhz) table.sales-mt{width:100%;border-collapse:collapse}
body:where(.vfh53):not(.vfhz) table.sales-mt th.num, body:where(.vfh53):not(.vfhz) table.sales-mt td.num, body:where(.vfh53):not(.vfhz) table.sales-sub .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
body:where(.vfh53):not(.vfhz) table.sales-mt td.sales-mn{font-weight:700}
body:where(.vfh53):not(.vfhz) table.sales-mt td.sales-pos{color:#2f6b34 !important}
body:where(.vfh53):not(.vfhz) table.sales-mt td.sales-neg, body:where(.vfh53):not(.vfhz) table.sales-sub td.sales-neg{color:#b42318 !important;font-weight:700}
body:where(.vfh53):not(.vfhz) table.sales-mt td.sales-zero, body:where(.vfh53):not(.vfhz) table.sales-sub td.sales-zero{color:#52606d !important}
body:where(.vfh53):not(.vfhz) .sales-collected{display:flex;align-items:center;gap:8px}
body:where(.vfh53):not(.vfhz) .sales-collected span{font-size:12.5px;width:46px;text-align:right}
body:where(.vfh53):not(.vfhz) table.sales-mt tr.sales-tot td{font-weight:700 !important;background:#f6f8fa !important;border-bottom:0 !important}
body:where(.vfh53):not(.vfhz) table.sales-mt tr.sales-open td{background:#f3f6fa !important}
body:where(.vfh53):not(.vfhz) .sales-show{height:32px;padding:0 12px;border:1px solid #cbd2d9;border-radius:8px;background:#fff;color:#1f2933;font-weight:700;font-size:12.5px;cursor:pointer}
body:where(.vfh53):not(.vfhz) .sales-show.on{background:#336633;border-color:#336633;color:#fff}
body:where(.vfh53):not(.vfhz) .sales-show:hover{background:#0069d9;border-color:#0069d9;color:#fff}
body:where(.vfh53):not(.vfhz) table.sales-mt tr.sales-subrow > td{background:#f3f6fa !important;padding:4px 12px 16px 28px !important}
body:where(.vfh53):not(.vfhz) table.sales-sub{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e1e5ec;border-radius:8px}
body:where(.vfh53):not(.vfhz) table.sales-sub th{background:#e8eef6 !important;color:#1a3a63 !important;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:8px 12px !important;text-align:left}
body:where(.vfh53):not(.vfhz) table.sales-sub td{padding:9px 12px !important;border-bottom:1px solid #eef1f4 !important;font-size:13px !important;background:#fff !important}
body:where(.vfh53):not(.vfhz) .sales-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;padding-top:14px;margin-top:14px;border-top:1px solid #eef1f4}
body:where(.vfh53):not(.vfhz) .sales-strip > div{display:flex;flex-direction:column;gap:3px}
body:where(.vfh53):not(.vfhz) .sales-strip-v{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;white-space:pre}
body:where(.vfh53):not(.vfhz) .sales-strip-v.sales-pos{color:#2f6b34}
body:where(.vfh53):not(.vfhz) .sales-strip-v.sales-neg{color:#b42318}
body:where(.vfh53):not(.vfhz) .rpt-filter > .sales-strip:first-child{border-top:0;padding-top:0;margin-top:0;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #eef1f4}
/* Client invoice report - overview + Client Scorecard */
body:where(.vfh54):not(.vfhz) .cir2-period{font-size:12.5px;color:#52606d;margin:0 0 12px}
body:where(.vfh54):not(.vfhz) .cir2-bar{display:grid;grid-template-columns:minmax(150px,240px) 1fr 150px;gap:12px;align-items:center}
body:where(.vfh54):not(.vfhz) .cir2-bar-n{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:where(.vfh54):not(.vfhz) .cir2-bar-b{height:14px !important;border-radius:4px}
body:where(.vfh54):not(.vfhz) .cir2-bar-b .sales-bar-i{height:14px}
body:where(.vfh54):not(.vfhz) .sales-bar-i.cir2-navy{background:#1a3a63}
body:where(.vfh54):not(.vfhz) .cir2-bar-v{font-size:12.5px;text-align:right;color:#52606d;white-space:nowrap;font-variant-numeric:tabular-nums}
body:where(.vfh54):not(.vfhz) .cir2-bar-v b{color:#1f2933}
body:where(.vfh54):not(.vfhz) .sales-cl-v.cir2-red{color:#b42318}
body:where(.vfh54):not(.vfhz) .sales-bar.cir2-owe{background:#f6e3df}
body:where(.vfh54):not(.vfhz) .sales-bar-i.cir2-red-bg{background:#b42318}
body:where(.vfh54):not(.vfhz) .cir2-head{justify-content:space-between;flex-wrap:wrap}
body:where(.vfh54):not(.vfhz) .cir2-ctl, body:where(.vfh54):not(.vfhz) .cir2-ctlbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
body:where(.vfh54):not(.vfhz) .cir2-ctlbar{background:#fff;border:1px solid #e1e5ec;border-radius:10px;padding:12px 16px;margin:0 0 16px}
body:where(.vfh54):not(.vfhz) .cir2-find, body:where(.vfh54):not(.vfhz) .cir2-sort{height:36px;box-sizing:border-box;border:1px solid #cbd2d9;border-radius:8px;padding:0 10px;font-size:13px;background:#fff}
body:where(.vfh54):not(.vfhz) .cir2-find{width:240px}
body:where(.vfh54):not(.vfhz) .cir2-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:0 0 16px}
body:where(.vfh54):not(.vfhz) .cir2-card{background:#fff;border:1px solid #e1e5ec;border-top:3px solid #1a3a63;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
body:where(.vfh54):not(.vfhz) .cir2-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
body:where(.vfh54):not(.vfhz) .cir2-card-top h2{margin:0;font-size:14px;font-weight:700;line-height:1.35;color:#1f2933}
body:where(.vfh54):not(.vfhz) .cir2-kv{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body:where(.vfh54):not(.vfhz) .cir2-kv > div{display:flex;flex-direction:column;gap:2px}
body:where(.vfh54):not(.vfhz) .cir2-v{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;color:#1f2933}
body:where(.vfh54):not(.vfhz) .cir2-v.sales-pos{color:#2f6b34}
body:where(.vfh54):not(.vfhz) .cir2-v.sales-neg{color:#b42318}
body:where(.vfh54):not(.vfhz) .cir2-v.sales-zero{color:#52606d}
body:where(.vfh54):not(.vfhz) .cir2-coll{display:flex;flex-direction:column;gap:5px}
body:where(.vfh54):not(.vfhz) .cir2-coll-r{display:flex;justify-content:space-between;font-size:12px;color:#52606d}
body:where(.vfh54):not(.vfhz) .cir2-coll-r b{color:#1f2933}
body:where(.vfh54):not(.vfhz) .cir2-links{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #eef1f4}
body:where(.vfh54):not(.vfhz) .cir2-links .sales-link{margin-left:0}
/* Client statements - view switch button in the blue band */
body:where(.vfh51):not(.vfhz) .ContentHeader{position:relative}
body:where(.vfh51):not(.vfhz) .sales-band-act{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;gap:8px}
body:where(.vfh51):not(.vfhz) .sales-bb{height:40px;box-sizing:border-box;display:inline-flex;align-items:center;padding:0 16px;border-radius:8px;color:#fff !important;font-size:13.5px;font-weight:700;text-decoration:none !important}
body:where(.vfh51):not(.vfhz) .sales-bb-go{background:#336633}
body:where(.vfh51):not(.vfhz) .sales-bb:hover{background:#0069d9}
body:where(.vfh51):not(.vfhz) .sales-bb-back{background:#555555}
/* Activity tracker - Activity Log / Timeline Feed / Order Journey */
body:where(.vfh55):not(.vfhz) .act-show .act-checks{display:flex;gap:16px;height:38px;align-items:center}
body:where(.vfh55):not(.vfhz) .act-kw{flex:1 1 300px !important}
body:where(.vfh55):not(.vfhz) .act-sel{height:38px;box-sizing:border-box;border:1px solid #cbd2d9;border-radius:8px;padding:0 10px;font-size:13px;background:#fff;width:100%}
body:where(.vfh55):not(.vfhz) .act-pill{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;white-space:nowrap}
body:where(.vfh55):not(.vfhz) .act-est{background:#e0f2f1;color:#0f5e57}
body:where(.vfh55):not(.vfhz) .act-inv{background:#dbeafe;color:#1e3a8a}
body:where(.vfh55):not(.vfhz) .act-pay{background:#dcfce7;color:#14532d}
body:where(.vfh55):not(.vfhz) .act-ship{background:#fde8df;color:#9a3412}
body:where(.vfh55):not(.vfhz) .act-mfr{background:#f3e8ff;color:#5b21b6}
body:where(.vfh55):not(.vfhz) .act-ord{background:#eef2f7;color:#334155}
body:where(.vfh55):not(.vfhz) .act-none{background:#fff4cc;color:#7a5a00}
body:where(.vfh55):not(.vfhz) table.act-table tr.act-day td{background:#f3f6fa !important;font-weight:700 !important;font-size:12.5px !important;color:#1a3a63 !important;padding:8px 12px !important;border-bottom:1px solid #dfe5ee !important}
body:where(.vfh55):not(.vfhz) .act-dot-est, body:where(.vfh55):not(.vfhz) .act-bg-est{background:#0f766e}
body:where(.vfh55):not(.vfhz) .act-dot-inv, body:where(.vfh55):not(.vfhz) .act-bg-inv{background:#1d4ed8}
body:where(.vfh55):not(.vfhz) .act-dot-pay, body:where(.vfh55):not(.vfhz) .act-bg-pay{background:#15803d}
body:where(.vfh55):not(.vfhz) .act-dot-ship, body:where(.vfh55):not(.vfhz) .act-bg-ship{background:#c2410c}
body:where(.vfh55):not(.vfhz) .act-dot-mfr, body:where(.vfh55):not(.vfhz) .act-bg-mfr{background:#6d28d9}
body:where(.vfh55):not(.vfhz) .act-dot-ord, body:where(.vfh55):not(.vfhz) .act-bg-ord{background:#64748b}
body:where(.vfh55):not(.vfhz) .act-dot-none, body:where(.vfh55):not(.vfhz) .act-bg-none{background:#b7791f}
body:where(.vfh55):not(.vfhz) .act-fg-est{color:#0f5e57}
body:where(.vfh55):not(.vfhz) .act-fg-inv{color:#1e3a8a}
body:where(.vfh55):not(.vfhz) .act-fg-pay{color:#14532d}
body:where(.vfh55):not(.vfhz) .act-fg-ship{color:#9a3412}
body:where(.vfh55):not(.vfhz) .act-fg-mfr{color:#5b21b6}
body:where(.vfh55):not(.vfhz) .act-fg-ord{color:#334155}
body:where(.vfh55):not(.vfhz) .act-fg-none{color:#7a5a00}
body:where(.vfh55):not(.vfhz) .act-wrap{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;margin:0 0 16px}
body:where(.vfh55):not(.vfhz) .act-feed{flex:999 1 640px;min-width:0}
body:where(.vfh55):not(.vfhz) .act-side{flex:1 1 320px;max-width:400px;display:flex;flex-direction:column;gap:16px}
body:where(.vfh55):not(.vfhz) .act-tl-day{margin:10px 0 6px;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#1a3a63}
body:where(.vfh55):not(.vfhz) .act-tl{display:grid;grid-template-columns:74px 14px 1fr;gap:10px;align-items:start;padding:4px 0}
body:where(.vfh55):not(.vfhz) .act-tl-time{font-size:12.5px;color:#52606d;text-align:right;white-space:nowrap}
body:where(.vfh55):not(.vfhz) .act-tl-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-top:4px;flex:0 0 11px}
body:where(.vfh55):not(.vfhz) .act-tl-body{display:flex;flex-direction:column;gap:2px}
body:where(.vfh55):not(.vfhz) .act-tl-l1{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:13.5px}
body:where(.vfh55):not(.vfhz) .act-cnt{display:grid;grid-template-columns:1fr 90px 26px;gap:10px;align-items:center;font-size:13px}
body:where(.vfh55):not(.vfhz) .act-cnt-n{display:inline-flex;align-items:center;gap:8px}
body:where(.vfh55):not(.vfhz) .act-cnt-n .act-tl-dot{margin-top:0}
body:where(.vfh55):not(.vfhz) .act-cnt b{text-align:right}
body:where(.vfh55):not(.vfhz) .act-h2{margin:0;font-size:15px;font-weight:700;color:#1f2933}
body:where(.vfh55):not(.vfhz) .act-warn{background:#fff8e1;border:1px solid #f0d78c;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:#5c4600}
body:where(.vfh55):not(.vfhz) .act-warn .act-h2{font-size:14px;color:#7a5a00}
body:where(.vfh55):not(.vfhz) .act-jcount{margin-left:auto;align-self:center;font-weight:700}
body:where(.vfh55):not(.vfhz) .act-jnote{margin-top:10px}
body:where(.vfh55):not(.vfhz) .act-jlist{display:flex;flex-direction:column;gap:16px;margin:0 0 16px}
body:where(.vfh55):not(.vfhz) .act-card{background:#fff;border:1px solid #e1e5ec;border-top:3px solid #1a3a63;border-radius:10px;padding:16px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 2px rgba(16,24,40,.05)}
body:where(.vfh55):not(.vfhz) .act-card-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-start}
body:where(.vfh55):not(.vfhz) .act-who{display:flex;flex-direction:column;gap:3px}
body:where(.vfh55):not(.vfhz) .act-who h2{margin:0;font-size:15px;font-weight:700;color:#1f2933}
body:where(.vfh55):not(.vfhz) .act-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
body:where(.vfh55):not(.vfhz) .act-stage{border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}
body:where(.vfh55):not(.vfhz) .act-stage-client{background:#dbeafe;color:#1e3a8a}
body:where(.vfh55):not(.vfhz) .act-stage-mfr{background:#f3e8ff;color:#5b21b6}
body:where(.vfh55):not(.vfhz) .act-stage-ship{background:#fde8df;color:#9a3412}
body:where(.vfh55):not(.vfhz) .act-stage-pay{background:#dcfce7;color:#14532d}
body:where(.vfh55):not(.vfhz) .act-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0}
body:where(.vfh55):not(.vfhz) .act-step{display:flex;flex-direction:column;gap:6px;padding-right:8px;min-width:0}
body:where(.vfh55):not(.vfhz) .act-step-mark{display:flex;align-items:center}
body:where(.vfh55):not(.vfhz) .act-step-dot{width:18px;height:18px;flex:0 0 18px;border-radius:50%;box-sizing:border-box;border:2px solid #cbd2d9;background:#fff}
body:where(.vfh55):not(.vfhz) .act-step-line{flex:1 1 auto;height:3px;background:#e1e5ec}
body:where(.vfh55):not(.vfhz) .act-step:last-child .act-step-line{visibility:hidden}
body:where(.vfh55):not(.vfhz) .act-step-done .act-step-dot{background:#336633;border-color:#336633}
body:where(.vfh55):not(.vfhz) .act-step-implied .act-step-dot{background:#a9c5a9;border-color:#a9c5a9}
body:where(.vfh55):not(.vfhz) .act-line-done .act-step-line{background:#336633}
body:where(.vfh55):not(.vfhz) .act-step-cur .act-step-dot{border-color:#0f5f9e;border-width:3px}
body:where(.vfh55):not(.vfhz) .act-step-name{font-size:12.5px;font-weight:500;color:#7b8794;line-height:1.3}
body:where(.vfh55):not(.vfhz) .act-step-done .act-step-name, body:where(.vfh55):not(.vfhz) .act-step-implied .act-step-name{color:#1f2933}
body:where(.vfh55):not(.vfhz) .act-step-cur .act-step-name{color:#0f5f9e;font-weight:700}
body:where(.vfh55):not(.vfhz) .act-step-when{font-size:11.5px;color:#52606d;line-height:1.35}
/* Unified pager - Manage Products style on every paged list */
.vf-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 0 4px;border-top:1px solid #e4e9ef;font-size:13px;color:#3e4c59;width:100%;box-sizing:border-box}
.vf-pager strong{color:#1f2933;font-weight:700}
.vf-pager-right{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-left:auto}
.vf-pager ul.pagination{margin:0 !important;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end !important;padding:0}
.vf-pager .page-item .page-link{min-width:32px !important;width:auto !important;height:32px !important;padding:0 8px !important;margin:0 !important;display:inline-flex !important;align-items:center;justify-content:center;border:1px solid #cbd2d9 !important;border-radius:6px !important;background:#fff !important;color:#1f2933 !important;font-size:13px !important;line-height:1 !important;box-sizing:border-box}
.vf-pager .page-item.active .page-link{background:#1a3a63 !important;border-color:#1a3a63 !important;color:#fff !important;font-weight:700 !important}
.vf-pager .page-item:not(.active):not(.disabled) .page-link:hover{border-color:#1a3a63 !important;color:#1a3a63 !important;background:#f1f5f9 !important}
.vf-perpage{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:400;color:#3e4c59;white-space:nowrap}
.vf-perpage select{height:32px;padding:0 8px;border:1px solid #cbd2d9;border-radius:6px;background:#fff;color:#1f2933;font-size:13px;cursor:pointer}
.rpt-pager:where(.vfl76):not(.vfhz){display:block !important;padding:0 !important}

/* VF: section description sits to the right of its tab (as on Commercial Invoice) */

.oc-section > .oc-section-desc{display:inline-block !important;vertical-align:top;margin:1px 0 0 !important;padding:0 0 0 14px !important;line-height:38px;font-size:12px;color:#52606d;max-width:calc(100% - 420px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:767px){.oc-section > .oc-section-desc{display:block !important;max-width:none;line-height:1.4;padding:10px 24px 0 !important;white-space:normal}}

/* VF 2026-10-08: top-bar menu button = sidebar-toggle icon (option C); arrow points left when the menu is open, right when collapsed */
header.header.tb-v2 .nav-link.push-menu{padding:0 !important}
header.header.tb-v2 .nav-link.push-menu span,header.header.tb-v2 .nav-link.push-menu:hover span{display:block;width:22px !important;height:22px !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='3'/%3E%3Cpath d='M9 4v16M16 10l-2 2 2 2'/%3E%3C/svg%3E") center/22px 22px no-repeat !important}
header.header.tb-v2 .nav-link.push-menu:hover span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231260a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='3'/%3E%3Cpath d='M9 4v16M16 10l-2 2 2 2'/%3E%3C/svg%3E") !important}
body.sidebar-collapse header.header.tb-v2 .nav-link.push-menu span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='3'/%3E%3Cpath d='M9 4v16M14 10l2 2-2 2'/%3E%3C/svg%3E") !important}
body.sidebar-collapse header.header.tb-v2 .nav-link.push-menu:hover span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231260a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='3'/%3E%3Cpath d='M9 4v16M14 10l2 2-2 2'/%3E%3C/svg%3E") !important}

/* VF 2026-10-09: top bar menu toggle - light grey shade always on, light blue on hover */
header.header.tb-v2 .push-menu{background:#f1f5f9 !important}
header.header.tb-v2 .push-menu:hover,header.header.tb-v2 .push-menu:focus-visible{background:#dbeafe !important}

/* VF 2026-10-14: every "Back" button in the blue band uses the translucent style with a left arrow (matches Email Shipping Docs) */
body .ContentHeader .pe-bb-back,body .ContentHeader .sales-bb-back,body .pe-band-actions .pe-bb-back,body .sales-band-act .sales-bb-back,body:where(.vfh44):not(.vfhz) .pe-band-actions .pe-bb.pe-bb-back:not(:hover){background:rgba(255,255,255,.14) !important;border:1px solid rgba(255,255,255,.35) !important;color:#fff !important;border-radius:6px !important;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;font-size:13px;font-weight:700;line-height:1;cursor:pointer}
body .ContentHeader .pe-bb-back:hover,body .ContentHeader .pe-bb-back:focus,body .ContentHeader .sales-bb-back:hover,body .pe-band-actions .pe-bb-back:hover,body .sales-band-act .sales-bb-back:hover,body:where(.vfh44):not(.vfhz) .pe-band-actions .pe-bb.pe-bb-back:hover{background:rgba(255,255,255,.26) !important;border-color:rgba(255,255,255,.35) !important;color:#fff !important}
body .ContentHeader .pe-bb-back::before,body .ContentHeader .sales-bb-back::before,body .pe-band-actions .pe-bb-back::before,body .sales-band-act .sales-bb-back::before{content:"";display:inline-block;width:16px;height:16px;flex-shrink:0;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3C/svg%3E") center/16px 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3C/svg%3E") center/16px 16px no-repeat}

/* VF 2026-10-14: Logistics document pages (Commercial Invoices, Packing Lists, Bill of Ladings, Certificates of Origin, Insurance, Image Files, Other Shipping Docs, Telex Releases) - no navy ribbon on the search card; HS Code pages (ng-hst) keep theirs */
body:where(.vfh41):not(.vfhz) .ilr-card.ilr-card,body:where(.vfh39):not(.vfhz) .ilr-card.ilr-card{border-top:1px solid #d5dce4 !important}

/* VF 2026-10-14: Logistics document pages - orange square before each card label */
body:where(.vfh41):not(.vfhz) .vp-panel .vp-title::before,body:where(.vfh39):not(.vfhz) .vp-panel .vp-title::before{content:"";display:inline-block;width:10px;height:10px;background:#b5651d;border-radius:2px;margin-right:10px;vertical-align:middle;position:relative;top:-1px}

/* VF 2026-10-14: admin Manage Invoices - dark green square before the Invoices card label */
#invoiceListPanel .inv-panel-head h3::before{content:"";display:inline-block;width:10px;height:10px;background:#336633;border-radius:2px;margin-right:10px;vertical-align:middle;position:relative;top:-1px}

/* VF 2026-10-14: admin Manage Estimates - blue square before the Estimates card label */
#estimatesListPanel .inv-panel-head h3::before{content:"";display:inline-block;width:10px;height:10px;background:#0062a6;border-radius:2px;margin-right:10px;vertical-align:middle;position:relative;top:-1px}

/* VF 2026-10-14: landed cost lists - invoice search card ribbon dark green; estimate table header blue */
body:where(.vfh37):not(.vfhz) .ilr-card.ilr-card{border-top:4px solid #336633 !important}
body:where(.vfh56):not(.vfhz) .ilr-card.ilr-card, body:where(.vfh57):not(.vfhz) .ilr-card.ilr-card, body:where(.vfh58):not(.vfhz):not(:where(.vfh59):not(.vfhz)) .ilr-card.ilr-card{border-top:4px solid #0062a6 !important}
body:where(.vfh33):not(.vfhz) .ilr-card.ilr-card, body:where(.vfh38):not(.vfhz) .ilr-card.ilr-card, body:where(.vfh59):not(.vfhz) .ilr-card.ilr-card{border-top:4px solid #336633 !important}

/* VF 2026-10-14: card label squares - estimate pages blue, invoice pages dark green */
body:where(.vfh56):not(.vfhz) .vp-panel .vp-title::before, body:where(.vfh57):not(.vfhz) .vp-panel .vp-title::before, body:where(.vfh58):not(.vfhz):not(:where(.vfh59):not(.vfhz)) .vp-panel .vp-title::before{content:"";display:inline-block;width:10px;height:10px;background:#0062a6;border-radius:2px;margin-right:10px;vertical-align:middle;position:relative;top:-1px}
body:where(.vfh37):not(.vfhz) .vp-panel .vp-title::before, body:where(.vfh33):not(.vfhz) .vp-panel .vp-title::before, body:where(.vfh38):not(.vfhz) .vp-panel .vp-title::before, body:where(.vfh59):not(.vfhz) .vp-panel .vp-title::before{content:"";display:inline-block;width:10px;height:10px;background:#336633;border-radius:2px;margin-right:10px;vertical-align:middle;position:relative;top:-1px}
/* VF 2026-10-15: invoice/estimate edit - Landed Cost button next to Container Capacity (same light-blue style) */
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card input#LandedCost, body:where(.vfh60):not(#vfhz) .ed-lineitems-card input#LandedCost{background:#e8f3fa !important;border-color:#e8f3fa !important;color:#08517c !important;text-transform:none !important;font-weight:700 !important}
:where(body:where(.vfh3):not(.vfhz)) .ed-lineitems-card input#LandedCost:hover, body:where(.vfh60):not(#vfhz) .ed-lineitems-card input#LandedCost:hover{background:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important}
/* VF 2026-10-15: invoice edit - Barcode column sizes to its content instead of the 220px description minimum */
body:where(.vfh2):not(.vfhz) #ResortTable > table > thead > tr > th.pf_in_barcode, body:where(.vfh2):not(.vfhz) #ResortTable > table > tbody > tr > td.pf_in_barcode{min-width:0 !important;width:1% !important;white-space:nowrap !important}
.ed-lineitems-card .ed-head-actions input#LandedCost{background:#e8f3fa !important;border-color:#e8f3fa !important;color:#08517c !important;text-transform:none !important;font-weight:700 !important}
.ed-lineitems-card .ed-head-actions input#LandedCost:hover{background:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important}

/* ===== VF 2026-10-16: admin estimate Resort row - 12px above the line-items table, light-blue currency dropdown (like the QTY inputs), currency dropdown + DOP/rate boxes bottom-aligned with the Resort button ===== */
html:not(.vf-client) body:where(.vfh1):not(#vfhz) #currency_code,html:not(.vf-client) body:where(.vfh1):not(#vfhz) #exchange_rate{vertical-align:middle !important;margin-top:-10.3px !important;margin-bottom:0 !important;height:31px !important;box-sizing:border-box !important}
html:not(.vf-client) body:where(.vfh1):not(#vfhz) .row:where(.vfl77):not(#vfhz):not(.vfhz){align-items:center !important;margin-bottom:12px !important}
html:not(.vf-client) body:where(.vfh1):not(#vfhz) .row:where(.vfl77):not(#vfhz):not(.vfhz) > .col-8{margin-top:0 !important}
html:not(.vf-client) body:where(.vfh1):not(#vfhz) #btnsort{margin-bottom:0 !important}
html:not(.vf-client) body:where(.vfh1):not(#vfhz) .row:where(.vfl77):not(#vfhz):not(.vfhz) .ColorLegend{margin:0 !important;padding-top:0 !important;padding-bottom:0 !important}
html:not(.vf-client) body:where(.vfh1):not(#vfhz) #fx_country{background-color:#eaf4fb !important;border:1px solid #9cc7e3 !important;border-radius:6px !important;color:#1f2933 !important}
html:not(.vf-client) body:where(.vfh1):not(#vfhz) .row > .col-8:where(.vfl78):not(#vfhz){display:flex !important;align-items:flex-end !important}
html:not(.vf-client) body:where(.vfh1):not(#vfhz) .col-8 > #btnsort,html:not(.vf-client) body:where(.vfh1):not(#vfhz) .col-8 > #fx_country,html:not(.vf-client) body:where(.vfh1):not(#vfhz) .col-8 > #currency_code,html:not(.vf-client) body:where(.vfh1):not(#vfhz) .col-8 > #exchange_rate{margin-top:0 !important;margin-bottom:0 !important;vertical-align:bottom !important}
html:not(.vf-client) body:where(.vfh1):not(#vfhz) .col-8 > #fx_country{margin-left:15px !important}
html:not(.vf-client) body:where(.vfh1):not(#vfhz) .col-8 > #currency_code,html:not(.vf-client) body:where(.vfh1):not(#vfhz) .col-8 > #exchange_rate{margin-left:4px !important}
/* ===== end VF 2026-10-16 Resort row ===== */

/* ===== VF 2026-10-16: admin invoice (edit_invoice.php) Resort row - same as the estimate page: 12px above the line-items table, light-blue currency dropdown, dropdown + DOP/rate boxes bottom-aligned with the Resort button ===== */
html:not(.vf-client) body:where(.vfh8):not(#vfhz) #currency_code,html:not(.vf-client) body:where(.vfh8):not(#vfhz) #exchange_rate{vertical-align:middle !important;margin-top:-10.3px !important;margin-bottom:0 !important;height:31px !important;box-sizing:border-box !important}
html:not(.vf-client) body:where(.vfh8):not(#vfhz) .row:where(.vfl77):not(#vfhz):not(.vfhz){align-items:center !important;margin-bottom:12px !important}
html:not(.vf-client) body:where(.vfh8):not(#vfhz) .row:where(.vfl77):not(#vfhz):not(.vfhz) > .col-8{margin-top:0 !important}
html:not(.vf-client) body:where(.vfh8):not(#vfhz) #btnsort{margin-bottom:0 !important}
html:not(.vf-client) body:where(.vfh8):not(#vfhz) .row:where(.vfl77):not(#vfhz):not(.vfhz) .ColorLegend{margin:0 !important;padding-top:0 !important;padding-bottom:0 !important}
html:not(.vf-client) body:where(.vfh8):not(#vfhz) #fx_country{background-color:#eaf4fb !important;border:1px solid #9cc7e3 !important;border-radius:6px !important;color:#1f2933 !important}
html:not(.vf-client) body:where(.vfh8):not(#vfhz) .row > .col-8:where(.vfl78):not(#vfhz){display:flex !important;align-items:flex-end !important}
html:not(.vf-client) body:where(.vfh8):not(#vfhz) .col-8 > #btnsort,html:not(.vf-client) body:where(.vfh8):not(#vfhz) .col-8 > #fx_country,html:not(.vf-client) body:where(.vfh8):not(#vfhz) .col-8 > #currency_code,html:not(.vf-client) body:where(.vfh8):not(#vfhz) .col-8 > #exchange_rate{margin-top:0 !important;margin-bottom:0 !important;vertical-align:bottom !important}
html:not(.vf-client) body:where(.vfh8):not(#vfhz) .col-8 > #fx_country{margin-left:15px !important}
html:not(.vf-client) body:where(.vfh8):not(#vfhz) .col-8 > #currency_code,html:not(.vf-client) body:where(.vfh8):not(#vfhz) .col-8 > #exchange_rate{margin-left:4px !important}
/* ===== end VF 2026-10-16 invoice Resort row ===== */

/* VF 2026-10-16: admin invoice Production & Status - Order Status dropdown gets the same light-blue border as the line-item QTY inputs */
html:not(.vf-client) body:where(.vfh8):not(#vfhz) select#po_InvoiceStatusID{border:1px solid #9cc7e3 !important;border-radius:6px !important}
/* VF 2026-10-19: dark theme - row "..." menus and the Columns menu start dark, so they no longer flash white when opened */
html.vf-od-dark body:where(.vfh11):not(.vfhz) .ilr-menu,html.vf-od-dark body:where(.vfh11):not(.vfhz) .ilr-cols-menu{background:#24282C !important;border-color:#363C42 !important;color:#DDE2E6 !important;box-shadow:0 12px 32px rgba(0,0,0,.45) !important}
html.vf-od-dark body:where(.vfh11):not(.vfhz) a.ilr-mi{color:#A6B8C9 !important}
html.vf-od-dark body:where(.vfh11):not(.vfhz) a.ilr-mi:hover{background:#323940 !important;color:#DDE2E6 !important}
html.vf-od-dark body:where(.vfh11):not(.vfhz) a.ilr-del{color:#F28B82 !important}
html.vf-od-dark body:where(.vfh11):not(.vfhz) .ilr-sep{background:#363C42 !important}
/* VF 2026-10-19: dark theme - Global View DOCUMENTS column: hovered/open button and the documents checklist popup */
html.vf-od-dark body:where(.vfh15):not(.vfhz) button.gvr-docbtn:hover,html.vf-od-dark body:where(.vfh15):not(.vfhz) button.gvr-docbtn[aria-expanded="true"]{background:#323940 !important;box-shadow:0 0 0 2px #3D86D9 !important}
html.vf-od-dark body:where(.vfh15):not(.vfhz) .gvr-docpop{background:#24282C !important;border-color:#363C42 !important;color:#DDE2E6 !important;box-shadow:0 12px 32px rgba(0,0,0,.45) !important}
html.vf-od-dark body:where(.vfh15):not(.vfhz) .gvr-docpop-c{color:#A9B1B8 !important}
html.vf-od-dark body:where(.vfh15):not(.vfhz) .gvr-docmark:not(.is-done):not(.is-mid){background:#24282C !important;border-color:#6B7680 !important}
html.vf-od-dark body:where(.vfh15):not(.vfhz) .gvr-docstate{color:#F0B37E !important}
html.vf-od-dark body:where(.vfh15):not(.vfhz) .gvr-docstate.is-done{color:#7FD19B !important}
html.vf-od-dark body:where(.vfh15):not(.vfhz) .gvr-docstate.is-mid{color:#F2C94C !important}
html.vf-od-dark body:where(.vfh15):not(.vfhz) .gvr-docstate:not(.is-done):not(.is-mid){color:#A9B1B8 !important}
/* VF 2026-10-19: dark theme - columns that are shown after the page loads (Sales Rep and the Columns toggles) start dark instead of flashing white until the dark theme reaches them */
html.vf-od-dark table td.elesalesrep:not([style*="--vfdk-bg"]),html.vf-od-dark table td[class^="Col"]:not([style*="--vfdk-bg"]){background-color:#24282C !important;color:#DDE2E6 !important;border-color:#363C42 !important}
/* VF 2026-10-19: dark theme - Columns button (left alone by the dark-theme script via .vf-nodk) with a working hover */
html.vf-od-dark body:where(.vfh11):not(.vfhz) #ilrColsBtn.vf-nodk{background:#2B3035 !important;border-color:#4A545E !important;color:#7BC8F4 !important}
html.vf-od-dark body:where(.vfh11):not(.vfhz) #ilrColsBtn.vf-nodk:hover,html.vf-od-dark body:where(.vfh11):not(.vfhz) #ilrColsBtn.vf-nodk:focus-visible{background:#0069d9 !important;border-color:#0069d9 !important;color:#fff !important}

/* VF 2026-10-21: dark theme - "+ Add Email" style buttons in the client editor stay dark */
html.vf-od-dark body .vce-ebar input[type="button"]{background:#1D2125 !important;color:hsl(203,85%,72%) !important;box-shadow:inset 0 0 0 1px #4A545E}
html.vf-od-dark body .vce-ebar input[type="button"]:hover{background:#323940 !important;color:hsl(203,85%,82%) !important}

/* VF 2026-10-23: dark theme - commercial invoice / packing list item table header was peach */
html.vf-od-dark body #generate_commercial_invoice .cir-items-wrap table.cir-items:not(.cir-slots) thead th:not(#vfz-p1):not(#vfz-p2):not(#vfz-p3):not(#vfz-p4), html.vf-od-dark body #generate_packaging_report .cir-items-wrap table.cir-items:not(.cir-slots) thead th:not(#vfz-p1):not(#vfz-p2):not(#vfz-p3):not(#vfz-p4){background:#2B3035 !important;color:#A9B1B8 !important;border-bottom-color:#4A545E !important;border-right-color:#363C42 !important}

/* VF 2026-10-26: KPI tile icons sit on the right in every portal (admin, sales, client) */
/* 1. list-page / detail-page / metrics tiles (.ilr-kpi with the vfk icon, incl. .sm-kpi) */
body .ilr-kpi.vfk-ic::before{left:auto !important;right:18px !important}
body .ilr-kpi.vfk-ic::after{left:auto !important;right:29px !important}
body .ilr-kpi.vfk-ic > .ilr-kpi-l,body .ilr-kpi.vfk-ic > .ilr-kpi-v,body .ilr-kpi.vfk-ic > .ilr-kpi-s,body .ilr-kpi.vfk-ic > .sm-kpi-progress-track{margin-left:0 !important;margin-right:60px !important}
/* 2. admin dashboard top tiles (.StaticBox) */
body .InfoBoxTop.sb-v2 .StaticBox{grid-template-columns:minmax(0,1fr) 44px !important}
body .InfoBoxTop.sb-v2 .StaticBox::before{grid-column:2 !important}
body .InfoBoxTop.sb-v2 .StaticBox .value h3,body .InfoBoxTop.sb-v2 .StaticBox .value p:first-of-type,body .InfoBoxTop.sb-v2 .StaticBox .value p:nth-of-type(2){grid-column:1 !important}
/* 3. company health tiles */
body .cx-card.cx-kpi{padding-left:18px !important;padding-right:76px !important}
body .cx-card.cx-kpi > span:first-child{left:auto !important;right:18px !important}
/* 4. inventory location tiles */
body .inv-loc-card.vfk-wh{padding-left:16px !important;padding-right:72px !important}
body .inv-loc-card.vfk-wh::before{left:auto !important;right:16px !important}
body .inv-loc-card.vfk-wh::after{left:auto !important;right:27px !important}