/* JobCardHub premium document/list styling pass.
 * Scope: document numbers, customer/party emphasis, and status treatment only.
 * Buttons intentionally unchanged in this pass.
 */
:root{
  --tjc-premium-blue:#0b6ffb;
  --tjc-premium-navy:#102a4c;
  --tjc-premium-green:#16a45b;
  --tjc-premium-yellow:#e9a400;
  --tjc-premium-red:#dc3345;
  --tjc-premium-muted:#64748b;
}

.tjc-premium-doc-number,
body.tjc-office-dashboard-active .tjc-cell-jobcard > strong,
body.tjc-office-dashboard-active .tjc-cell-jobcard > a > strong,
body.tjc-office-dashboard-active .tjc-statement-table tbody td:nth-child(2) > strong{
  color:var(--tjc-premium-blue)!important;
  font-weight:850!important;
  letter-spacing:-.01em;
}

.tjc-premium-party-name,
body.tjc-office-dashboard-active .tjc-cell-customer > strong{
  color:var(--tjc-premium-navy)!important;
  font-weight:850!important;
}

/* Desktop sales/finance status labels: no pill, no tinted fill. */
body.tjc-office-dashboard-active .tjc-sales-status{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--tjc-premium-yellow)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.tjc-office-dashboard-active .tjc-sales-status::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:currentColor;
}

body.tjc-office-dashboard-active .tjc-sales-status[class*="paid"],
body.tjc-office-dashboard-active .tjc-sales-status[class*="accepted"],
body.tjc-office-dashboard-active .tjc-sales-status[class*="approved"],
body.tjc-office-dashboard-active .tjc-sales-status[class*="completed"],
body.tjc-office-dashboard-active .tjc-sales-status[class*="active"]{
  color:var(--tjc-premium-green)!important;
}
body.tjc-office-dashboard-active .tjc-sales-status[class*="declined"],
body.tjc-office-dashboard-active .tjc-sales-status[class*="cancelled"],
body.tjc-office-dashboard-active .tjc-sales-status[class*="written-off"],
body.tjc-office-dashboard-active .tjc-sales-status[class*="overdue"],
body.tjc-office-dashboard-active .tjc-sales-status[class*="failed"]{
  color:var(--tjc-premium-red)!important;
}

/* Approval status follows the same quiet dot + text system. */
.tjc-approval-badge,
body.tjc-office-dashboard-active .tjc-approval-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:0!important;
}
.tjc-approval-badge-dot,
body.tjc-office-dashboard-active .tjc-approval-badge-dot{
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  color:transparent!important;
  font-size:0!important;
}
.tjc-approval-badge-dot::after,
body.tjc-office-dashboard-active .tjc-approval-badge-dot::after{
  content:""!important;
  display:none!important;
}
.tjc-approval-badge.is-approved{color:var(--tjc-premium-green)!important}
.tjc-approval-badge.is-approved .tjc-approval-badge-dot{background:var(--tjc-premium-green)!important}
.tjc-approval-badge.is-awaiting{color:var(--tjc-premium-yellow)!important}
.tjc-approval-badge.is-awaiting .tjc-approval-badge-dot{background:var(--tjc-premium-yellow)!important}
.tjc-approval-badge.is-declined{color:var(--tjc-premium-red)!important}
.tjc-approval-badge.is-declined .tjc-approval-badge-dot{background:var(--tjc-premium-red)!important}

/* Mobile/tablet generated list cards. */
body.tjc-office-dashboard-active .tjc-mobile-list-number{
  margin-bottom:3px!important;
  color:var(--tjc-premium-blue)!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
}
body.tjc-office-dashboard-active .tjc-mobile-list-title{
  color:var(--tjc-premium-navy)!important;
  font-weight:850!important;
}
body.tjc-office-dashboard-active .tjc-mobile-list-status{
  margin-top:7px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--tjc-premium-yellow)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.tjc-office-dashboard-active .tjc-mobile-list-status::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:currentColor;
}
body.tjc-office-dashboard-active .tjc-mobile-list-status.is-paid,
body.tjc-office-dashboard-active .tjc-mobile-list-status.is-accepted,
body.tjc-office-dashboard-active .tjc-mobile-list-status.is-approved,
body.tjc-office-dashboard-active .tjc-mobile-list-status.is-completed,
body.tjc-office-dashboard-active .tjc-mobile-list-status.is-active{
  color:var(--tjc-premium-green)!important;
}
body.tjc-office-dashboard-active .tjc-mobile-list-status.is-overdue,
body.tjc-office-dashboard-active .tjc-mobile-list-status.is-declined,
body.tjc-office-dashboard-active .tjc-mobile-list-status.is-cancelled,
body.tjc-office-dashboard-active .tjc-mobile-list-status.is-written-off,
body.tjc-office-dashboard-active .tjc-mobile-list-status.is-failed{
  color:var(--tjc-premium-red)!important;
}

/* Mobile approval mirror generated by the list enhancer. */
body.tjc-office-dashboard-active .tjc-mobile-list-approval{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:6px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:800!important;
}
body.tjc-office-dashboard-active .tjc-mobile-list-approval-icon{
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:currentColor!important;
}
body.tjc-office-dashboard-active .tjc-mobile-list-approval.is-approved{color:var(--tjc-premium-green)!important}
body.tjc-office-dashboard-active .tjc-mobile-list-approval.is-awaiting{color:var(--tjc-premium-yellow)!important}
body.tjc-office-dashboard-active .tjc-mobile-list-approval.is-declined{color:var(--tjc-premium-red)!important}

@media (max-width:520px){
  body.tjc-office-dashboard-active .tjc-mobile-list-number{font-size:13px!important}
  body.tjc-office-dashboard-active .tjc-mobile-list-title{font-size:16px!important}
}

/* v0.13.81: broaden the premium status/document language across all finance tabs.
 * Kept presentation-only: no workflow/status values are changed.
 */
.tjc-premium-doc-number{
  color:var(--tjc-premium-blue)!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
}
.tjc-premium-party-name{
  color:var(--tjc-premium-navy)!important;
  font-weight:850!important;
}

/* Sales, finance and expense lists. Default operational state is yellow. */
.tjc-sales-status{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--tjc-premium-yellow)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-transform:none!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
.tjc-sales-status::before{
  content:""!important;
  display:block!important;
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:currentColor!important;
  border:0!important;
  box-shadow:none!important;
}
.tjc-sales-status[class*="paid"],
.tjc-sales-status[class*="accepted"],
.tjc-sales-status[class*="approved"],
.tjc-sales-status[class*="completed"],
.tjc-sales-status[class*="converted"],
.tjc-sales-status[class*="received"],
.tjc-sales-status[class*="used"],
.tjc-sales-status[class*="active"]{
  color:var(--tjc-premium-green)!important;
}
.tjc-sales-status[class*="declined"],
.tjc-sales-status[class*="cancelled"],
.tjc-sales-status[class*="written-off"],
.tjc-sales-status[class*="written_off"],
.tjc-sales-status[class*="overdue"],
.tjc-sales-status[class*="failed"]{
  color:var(--tjc-premium-red)!important;
}

/* Receipt Capture: supplier emphasis and plain dot + label statuses. */
.tjc-receipt-row-main > strong,
.tjc-receipt-row-main > strong.tjc-premium-party-name{
  color:var(--tjc-premium-navy)!important;
  font-weight:850!important;
}
.tjc-receipt-status,
.tjc-receipt-status.tjc-premium-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--tjc-premium-yellow)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.tjc-receipt-status::before{
  content:""!important;
  display:block!important;
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:currentColor!important;
}
.tjc-receipt-status-confirmed{color:var(--tjc-premium-green)!important}
.tjc-receipt-status-failed{color:var(--tjc-premium-red)!important}
.tjc-receipt-status-processing,
.tjc-receipt-status-needs_review,
.tjc-receipt-status-needs-review{color:var(--tjc-premium-yellow)!important}

/* Fuel: supplier/document emphasis and the same three-colour status system. */
.tjc-fuel-supplier > strong,
.tjc-fuel-supplier > .tjc-premium-party-name{
  display:block!important;
  color:var(--tjc-premium-navy)!important;
  font-weight:850!important;
}
.tjc-fuel-supplier > small.tjc-premium-doc-number:not(:empty){
  display:block!important;
  margin-top:2px!important;
  color:var(--tjc-premium-blue)!important;
  font-weight:800!important;
}
.tjc-fuel-status-pill,
.tjc-fuel-status-pill.tjc-premium-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--tjc-premium-yellow)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.tjc-fuel-status-pill::before{
  content:""!important;
  display:block!important;
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:currentColor!important;
}
.tjc-fuel-status-pill.is-saved{color:var(--tjc-premium-green)!important}
.tjc-fuel-status-pill.is-failed{color:var(--tjc-premium-red)!important}
.tjc-fuel-status-pill.is-review{color:var(--tjc-premium-yellow)!important}

/* Keep the same status treatment on narrow screens. */
@media(max-width:780px){
  .tjc-receipt-status,
  .tjc-fuel-status-pill,
  .tjc-sales-status{
    padding:0!important;
    min-height:0!important;
    font-size:10.5px!important;
    background:transparent!important;
  }
}