/* Reference surfaces v43 — colour-only alignment for Contract Dashboard and Case Workspace. */

/* Contract dashboard: preserve radar layout, replace navy/slate palette. */
#page-dashboard{
  --wl29-canvas:#f3f7f5;
  --wl29-surface-soft:#f5faf8;
  --wl29-line:#dce8e4;
  --wl29-line-strong:#bdd2cc;
  --wl29-ink:#142925;
  --wl29-copy:#60736e;
  --wl29-muted:#7d8f8a;
  --wl29-teal:#168775;
  --wl29-teal-hover:#0b5f53;
  --wl29-teal-soft:#eaf6f2;
  --wl29-navy:#0b5f53;
  --wl29-navy-soft:#e5f2ee;
  --radar-navy:#0b5f53;
  --radar-blue:#168775;
  --radar-blue-soft:#eaf6f2;
  --radar-green:#168775;
  --radar-green-soft:#eaf6f2;
  --radar-soft:#f5faf8;
  --radar-line:#dce8e4;
  --radar-muted:#7d8f8a;
  color:#142925;
}
#page-dashboard .board-toolbar,
#page-dashboard .operations-radar .radar-pulse,
#page-dashboard .operations-radar .radar-panel,
#page-dashboard .operations-radar .radar-flow-column{
  border-color:#dce8e4!important;
}
#page-dashboard .today-button,
#page-dashboard .operations-radar .radar-pulse:before,
#page-dashboard .operations-radar .radar-side-column .radar-section-head{
  background:#0b5f53!important;
}
#page-dashboard .operations-radar .radar-side-column .radar-section-head{
  border-bottom-color:#28786b!important;
}
#page-dashboard .operations-radar .radar-day.is-selected{
  background:#eaf6f2!important;
  color:#0b5f53!important;
  box-shadow:inset 0 -3px 0 #168775!important;
}
#page-dashboard .operations-radar .radar-day>i,
#page-dashboard .operations-radar .radar-load-row i{
  background:#e2ece8!important;
}
#page-dashboard .operations-radar .radar-day>i::after,
#page-dashboard .operations-radar .radar-load-row em,
#page-dashboard #calendarBoard .radar-case .radar-case-rail{
  background:#168775!important;
}
#page-dashboard .operations-radar .radar-count:not(.is-danger),
#page-dashboard .operations-radar .radar-country-mark{
  background:#eaf6f2!important;
  color:#0b5f53!important;
}
#page-dashboard .operations-radar .radar-case-side,
#page-dashboard .operations-radar .radar-risk:not(.is-danger){
  background:#f5faf8!important;
}
#page-dashboard .operations-radar .radar-open-case{
  border-color:#168775!important;
  background:#168775!important;
}
#page-dashboard .operations-radar .radar-open-case:hover,
#page-dashboard .operations-radar .radar-open-case:focus-visible{
  border-color:#0b5f53!important;
  background:#0b5f53!important;
}
#page-dashboard .operations-radar .radar-tag.is-ok,
#page-dashboard .operations-radar .radar-tag.is-stage{
  border-color:#c9ded8!important;
  background:#eaf6f2!important;
  color:#0b5f53!important;
}

/* Case workspace: preserve panels and traveler studio, replace old navy/slate surfaces. */
#page-case{
  --wl29-canvas:#f3f7f5;
  --wl29-surface-soft:#f5faf8;
  --wl29-line:#dce8e4;
  --wl29-line-strong:#bdd2cc;
  --wl29-ink:#142925;
  --wl29-copy:#60736e;
  --wl29-muted:#7d8f8a;
  --wl29-teal:#168775;
  --wl29-teal-hover:#0b5f53;
  --wl29-teal-soft:#eaf6f2;
  --wl29-navy:#0b5f53;
  --wl29-navy-soft:#e5f2ee;
  --case32-ink:#142925;
  --case32-copy:#60736e;
  --case32-muted:#7d8f8a;
  --case32-line:#dce8e4;
  --case32-soft:#f5faf8;
  --case32-teal:#168775;
  --case32-teal-soft:#eaf6f2;
  --case32-navy:#0b5f53;
  color:#142925;
}
#page-case .case-identity,
#page-case .contract-traveler-section,
#page-case .traveler-data-panel,
#page-case .traveler-document-panel,
#page-case .contract-traveler-card{
  border-color:#dce8e4!important;
}
#page-case .contract-traveler-section,
#page-case .traveler-workspace-list,
#page-case .traveler-readiness-band{
  background:#f5faf8!important;
}
#page-case .traveler-roster,
#page-case .traveler-work-hero{
  background:#edf6f2!important;
}
#page-case .traveler-focus-head{
  background:#0b5f53!important;
}
#page-case .traveler-focus-head .contract-traveler-photo{
  background:#147365!important;
}
#page-case .traveler-focus-status.is-ready i,
#page-case .traveler-roster-state:not(.is-warning){
  background:#28aa8f!important;
  box-shadow:0 0 0 4px rgba(40,170,143,.18)!important;
}
#page-case .traveler-readiness-track{
  background:#dfece8!important;
}
#page-case .traveler-readiness-track i,
#page-case .traveler-profile-meter i{
  background:#168775!important;
}
#page-case .traveler-panel-next:hover,
#page-case .traveler-data-panel>header>button:hover{
  border-color:#168775!important;
  background:#eaf6f2!important;
  color:#0b5f53!important;
}
#page-case .traveler-document-summary:not(.is-warning),
#page-case .contract-traveler-readiness .is-uploaded,
#page-case .contract-traveler-readiness .is-complete{
  background:#e5f5f0!important;
  color:#0b5f53!important;
}
#page-case .contract-traveler-identity button{
  background:#168775!important;
  color:#fff!important;
}
#page-case .contract-traveler-identity button:hover{
  background:#0b5f53!important;
}
#page-case .traveler-action-primary{
  border-color:#fff!important;
  background:#fff!important;
  color:#0b5f53!important;
}
#page-case .traveler-action-secondary{
  border-color:rgba(255,255,255,.32)!important;
  color:#fff!important;
}
#page-case input:focus,
#page-case select:focus,
#page-case textarea:focus{
  border-color:#168775!important;
  box-shadow:0 0 0 3px rgba(22,135,117,.13)!important;
}

/* Traveler drawer belongs to the case workflow but is mounted outside #page-case. */
.contract-traveler-modal-head{
  background:#0b5f53!important;
}
.contract-traveler-modal-avatar .contract-traveler-photo.is-large{
  background:#147365!important;
}
.contract-traveler-modal-tabs{
  border-color:#dce8e4!important;
  background:#edf6f2!important;
}
.contract-traveler-modal-tabs button.is-active{
  color:#0b5f53!important;
}
.contract-traveler-edit-grid input:focus,
.contract-traveler-edit-grid select:focus{
  border-color:#168775!important;
  box-shadow:0 0 0 3px rgba(22,135,117,.13)!important;
}
