.sales-tracker { --tracker-navy: #0c274d; --tracker-muted: #657589; --tracker-line: #dfe6ed; width: 100%; min-width: 0; padding: 24px; border: 1px solid #e2ded8; border-radius: 16px; background: #fffefa; color: var(--tracker-navy); box-sizing: border-box; box-shadow: 0 8px 25px rgba(12,39,77,.035); }
.sales-tracker *, .sales-tracker *::before, .sales-tracker *::after { box-sizing: border-box; }
.sales-tracker button, .sales-tracker input, .sales-tracker select { font: inherit; }
.sales-tracker button { cursor: pointer; }
.sales-tracker button:focus-visible, .sales-tracker input:focus-visible, .sales-tracker select:focus-visible { outline: 3px solid #82aed0; outline-offset: 3px; }
.sales-tracker-heading, .sales-tracker-heading-actions, .sales-tracker-results-heading, .sales-tracker-results-heading > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.sales-tracker-heading { margin-bottom: 22px; }
.sales-tracker-eyebrow { display: block; margin-bottom: 5px; color: #647a92; font-size: 11px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.sales-tracker h2 { margin: 0; color: var(--tracker-navy); font-size: 24px; line-height: 1.2; }
.sales-tracker-heading p { margin: 7px 0 0; color: var(--tracker-muted); font-size: 13px; line-height: 1.5; }
.sales-tracker-quiet { padding: 9px 14px; border: 1px solid #cbd8e4; border-radius: 8px; background: #fff; color: var(--tracker-navy); font-size: 12px !important; font-weight: 700 !important; }
.sales-tracker-quiet:hover { background: #f0f5fa; }
.sales-tracker-sample { padding: 5px 9px; border: 1px solid #e1d7bb; border-radius: 20px; color: #785e26; background: #fff7e6; font-size: 10px; font-weight: 700; white-space: nowrap; }
.sales-tracker-stage-rail { display: grid; grid-template-columns: repeat(9,minmax(84px,1fr)); overflow-x: auto; gap: 5px; padding: 4px; border: 1px solid #e5e7e7; border-radius: 12px; background: #f5f4ef; scrollbar-width: thin; }
.sales-tracker-stage-step { min-width: 0; padding: 13px 7px 11px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: #66778b; text-align: left; }
.sales-tracker-stage-step strong { display: block; color: #243e5e; font-size: 23px; line-height: 1.15; font-weight: 700; font-variant-numeric: tabular-nums; }
.sales-tracker-stage-step span { display: block; margin-top: 7px; font-size: 10px; font-weight: 700; white-space: nowrap; }
.sales-tracker-stage-step:hover { background: #e9edf0; }
.sales-tracker-stage-step.is-selected { border-color: var(--tracker-navy); background: var(--tracker-navy); color: #d7e4f0; box-shadow: 0 3px 8px rgba(12,39,77,.13); }
.sales-tracker-stage-step.is-selected strong { color: #fff; }
.sales-tracker-filters { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin: 20px 0 17px; }
.sales-tracker-filters label { display: block; flex: 0 1 170px; min-width: 0; }
.sales-tracker-filters .sales-tracker-search { flex: 1 1 240px; }
.sales-tracker-filters label > span { display: block; margin-bottom: 6px; color: #566c83; font-size: 10px; font-weight: 750; }
.sales-tracker-filters input, .sales-tracker-filters select { width: 100%; min-height: 39px; padding: 9px 11px; border: 1px solid #d5dfe8; border-radius: 8px; background: #fff; color: #263e58; font-size: 12px; }
.sales-tracker-filters input::placeholder { color: #8090a1; }
.sales-tracker-attention { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 39px; padding: 9px 11px; border: 1px solid #d5dfe8; border-radius: 8px; background: #fff; color: #53667c; font-size: 11px !important; font-weight: 650 !important; }
.sales-tracker-attention strong { padding: 1px 5px; border-radius: 4px; background: #f1ede4; color: #7a612f; font-size: 10px; }
.sales-tracker-attention.is-selected { border-color: #bc9650; background: #faf4e8; color: #71501b; }
.sales-tracker-attention-dot { width: 6px; height: 6px; border-radius: 50%; background: #b99350; }
.sales-tracker-results-heading { padding-top: 15px; border-top: 1px solid var(--tracker-line); margin-bottom: 11px; }
.sales-tracker-results-heading p { margin: 0; color: #64778b; font-size: 12px; }
.sales-tracker-results-heading p strong { color: #243e5e; }
.sales-tracker-results-heading small { color: #7b8a9a; font-size: 10px; }
.sales-tracker-clear { padding: 3px 0; border: 0; background: none; color: #315e86; font-size: 11px !important; text-decoration: underline; text-underline-offset: 3px; }
.sales-tracker-list { display: grid; gap: 9px; }
.sales-tracker-row { display: grid; grid-template-columns: minmax(170px,1.6fr) minmax(135px,1.1fr) minmax(170px,1.4fr) minmax(130px,1fr) auto; align-items: center; min-width: 0; gap: 18px; padding: 17px 16px; border: 1px solid #dfe6ee; border-radius: 11px; background: #fff; }
.sales-tracker-row > div { min-width: 0; }
.sales-tracker-row.needs-attention { border-left: 3px solid #c2a05d; padding-left: 14px; }
.sales-tracker-client-link { display: block; max-width: 100%; padding: 0; border: 0; background: none; color: var(--tracker-navy); font-size: 14px !important; font-weight: 750 !important; line-height: 1.4; text-align: left; overflow-wrap: anywhere; }
.sales-tracker-client-link:hover { color: #315e86; text-decoration: underline; text-underline-offset: 3px; }
.sales-tracker-client p { margin: 4px 0 6px; color: #48627b; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.sales-tracker-row small { display: block; color: #77879a; font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; }
.sales-tracker-stage { display: inline-block; max-width: 100%; padding: 5px 8px; border-radius: 5px; background: #edf2f8; color: #345879; font-size: 10px; font-weight: 750; }
.sales-tracker-stage.stage-client_review, .sales-tracker-stage.stage-selection { color: #6b5894; background: #f0ebf7; }
.sales-tracker-stage.stage-interviewing { color: #346978; background: #eaf5f7; }
.sales-tracker-stage.stage-onboarding, .sales-tracker-stage.stage-placement { color: #7e6434; background: #faf3e5; }
.sales-tracker-stage.stage-active { color: #246e5a; background: #e8f5ee; }
.sales-tracker-stage.stage-cancelled, .sales-tracker-stage.stage-on_hold { color: #6c747e; background: #f0f1f3; }
.sales-tracker-progress p { margin: 8px 0 0; color: #758499; font-size: 10px; line-height: 1.6; }
.sales-tracker-progress p strong { color: #4d6279; font-weight: 650; }
.sales-tracker-field-label { display: block; margin-bottom: 5px; color: #7b8a9d; font-size: 9px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.needs-attention .sales-tracker-next .sales-tracker-field-label { color: #957235; }
.sales-tracker-next p { margin: 0 0 4px; color: #304a66; font-size: 11px; font-weight: 650; line-height: 1.45; overflow-wrap: anywhere; }
.sales-tracker-dates time { display: block; margin-bottom: 4px; color: #36516d; font-size: 11px; }
.sales-tracker-primary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 37px; max-width: 155px; padding: 9px 11px; border: 1px solid #c9d7e3; border-radius: 7px; background: #f3f7fb; color: #163c62; font-size: 11px !important; font-weight: 750 !important; line-height: 1.3; }
.sales-tracker-primary:hover { border-color: var(--tracker-navy); background: var(--tracker-navy); color: #fff; }
.sales-tracker-empty { padding: 36px 20px; border: 1px dashed #dbe3ea; border-radius: 10px; text-align: center; }
.sales-tracker-empty strong, .sales-tracker-state strong { color: #34516e; font-size: 15px; }
.sales-tracker-empty p, .sales-tracker-state p { margin: 8px auto 14px; max-width: 520px; color: #788a9d; font-size: 12px; line-height: 1.6; }
.sales-tracker-state { min-height: 260px; }
.sales-tracker-state > div { margin-top: 32px; }
.sales-dashboard-support { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 18px; margin-top: 22px; align-items: stretch; }
.sales-dashboard-support > * { min-width: 0; margin: 0; }
.sales-dashboard-support > .metric-card, .sales-dashboard-support > .metric { padding: 22px; }
@media (max-width: 1300px) {
  .sales-tracker-row { grid-template-columns: minmax(180px,1.5fr) minmax(135px,1fr) minmax(160px,1.3fr) auto; gap: 14px; }
  .sales-tracker-dates { grid-column: 1 / 3; display: flex; flex-wrap: wrap; align-items: baseline; gap: 7px; }
  .sales-tracker-dates .sales-tracker-field-label, .sales-tracker-dates time { margin: 0; }
  .sales-tracker-row-action { grid-column: 4; grid-row: 1 / 3; }
  .sales-tracker-next { grid-column: 3; grid-row: 1 / 3; }
}
@media (max-width: 1000px) {
  .sales-tracker { padding: 18px; }
  .sales-tracker-row { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 15px; }
  .sales-tracker-next { grid-column: 1; grid-row: auto; }
  .sales-tracker-dates { grid-column: 2; grid-row: auto; display: block; }
  .sales-tracker-dates .sales-tracker-field-label, .sales-tracker-dates time { margin-bottom: 4px; }
  .sales-tracker-row-action { grid-column: 1 / -1; grid-row: auto; }
  .sales-tracker-primary { max-width: none; }
  .sales-tracker-filters label { flex-grow: 1; }
  .sales-tracker-filters .sales-tracker-search { flex-basis: 100%; }
  .sales-tracker-attention { flex-grow: 1; }
}
@media (max-width: 600px) {
  .sales-tracker { padding: 16px 12px; }
  .sales-tracker-heading { align-items: start; gap: 10px; }
  .sales-tracker-heading h2 { font-size: 20px; }
  .sales-tracker-heading p { font-size: 12px; }
  .sales-tracker-heading-actions { flex-direction: column; align-items: flex-end; gap: 8px; }
  .sales-tracker-stage-rail { grid-template-columns: repeat(9,94px); }
  .sales-tracker-results-heading { align-items: start; }
  .sales-tracker-results-heading > div { flex-direction: column; align-items: flex-end; gap: 6px; }
  .sales-tracker-results-heading small { max-width: 155px; text-align: right; }
  .sales-tracker-row { padding: 14px 12px; }
  .sales-tracker-row.needs-attention { padding-left: 10px; }
  .sales-tracker-client-link { font-size: 13px !important; }
  .sales-dashboard-support { grid-template-columns: 1fr; }
}