.customer-office {
  --customer-campus: #427354;
  --customer-cloud: #517185;
  --customer-gap: #a7744c;
}
.customer-office h4 {
  margin: 0;
}
.customer-stamp strong {
  font-size: 21px;
}
.customer-stamp small {
  color: var(--ink-soft);
}
.customer-pipeline {
  display: grid;
  gap: 7px;
}
.customer-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 10px;
}
.customer-traffic {
  background: linear-gradient(155deg, var(--sheet) 62%, #e7e9d2);
}
.customer-term {
  color: var(--ink-soft);
  font: 700 11px/1.4 var(--mono);
}
.customer-load {
  display: grid;
  gap: 6px;
  padding: 12px;
  background: var(--forest);
  color: #fff9e8;
}
.customer-load[data-shortfall='true'] {
  box-shadow: inset 3px 0 #efc298;
}
.customer-load .eyebrow {
  color: #dbe3b8;
}
.customer-load > strong {
  font: 700 clamp(19px, 3.2vw, 31px)/1.2 var(--mono);
}
.customer-meter {
  display: flex;
  position: relative;
  gap: 2px;
  height: 16px;
}
.customer-meter i {
  flex-basis: 0;
  min-width: 0;
}
.customer-meter b {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 2px;
  background: #ffedb4;
  box-shadow: 0 0 0 1px #24382f;
}
.customer-mix {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  padding: 0;
  list-style: none;
  font: 700 11px/1.4 var(--mono);
}
.customer-mix li {
  display: flex;
  align-items: center;
  gap: 5px;
}
.customer-mix i {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
}
.customer-load [data-flow='campus'] {
  background: #88b089;
}
.customer-load [data-flow='cloud'] {
  background: #9ab7c7;
}
.customer-load [data-flow='unserved'] {
  background: repeating-linear-gradient(135deg, #efc298 0 3px, #986441 3px 6px);
}
.customer-ledger .office-rows > div:last-child {
  border-bottom: 2px solid var(--forest);
}
.customer-ledger .office-rows > div:last-child dd {
  font-weight: 700;
}
.customer-policies {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.customer-policy {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--office-line);
  background: var(--office-wash);
}
.customer-policy[data-active='true'],
.customer-offer[data-active='true'] {
  border-left: 3px solid var(--customer-campus);
}
.customer-policy[data-queued='true'],
.customer-offer[data-queued='true'] {
  border-left: 3px solid var(--customer-gap);
  background: #fbf2d7;
}
.customer-policy button,
.customer-offer button {
  white-space: normal;
}
.customer-policy button + p,
.customer-offer button + p {
  margin-top: 4px;
  color: var(--ink-soft);
  font-size: 12px;
}
.customer-estimate {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 9px;
}
.customer-estimate strong {
  font: 700 16px/1.3 var(--mono);
  color: var(--forest);
}
.customer-estimate span {
  color: var(--ink-soft);
  font-size: 12px;
}
.customer-settlement {
  border-left: 3px solid var(--customer-cloud);
}
.customer-renewal {
  border-top: 3px solid var(--customer-gap);
}
.customer-rival-bid {
  display: grid;
  grid-template-columns: minmax(10rem, 1fr) minmax(0, 2fr);
  align-items: center;
  gap: 5px 12px;
  padding: 9px;
  background: var(--office-wash);
}
.customer-rival-bid > p {
  grid-column: 1 / -1;
}
.customer-rival-bid .office-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.customer-rival-bid .office-stats > div {
  padding: 4px;
}
.customer-offer-builder {
  display: grid;
  gap: 10px;
  padding-block: 12px;
  border-block: 1px solid var(--line);
}
.customer-offer-builder h4 {
  font: 700 19px/1.25 var(--serif);
}
.customer-offer-grid {
  display: grid;
  grid-template-areas: 'terms verdict' 'terms impact';
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto 1fr;
  align-items: start;
  gap: 8px 18px;
}
.customer-offer-controls {
  grid-area: terms;
}
.customer-offer-controls,
.customer-offer-impact {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}
.customer-offer-label {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 3px 8px;
}
.customer-offer-label label {
  color: var(--ink);
  font: 700 14px/1.3 var(--body);
}
.customer-offer-label output {
  color: var(--pine);
  font: 700 14px/1.3 var(--mono);
}
.customer-offer-field + .customer-offer-field {
  padding-top: 8px;
  border-top: 1px dotted var(--line);
}
.chronicle .customer-offer-field input[type='range'] {
  display: block;
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  accent-color: var(--pine);
  cursor: pointer;
}
.chronicle .customer-offer-field input[type='range']:focus-visible {
  outline: 2px solid var(--pine);
  outline-offset: 2px;
}
.customer-offer-impact {
  grid-area: impact;
}
.customer-offer-grid h5 {
  margin: 0;
  font: 700 14px/1.3 var(--body);
}
.customer-offer-verdict {
  grid-area: verdict;
  display: grid;
  gap: 4px;
  padding: 8px;
  background: var(--office-light);
}
.customer-offer-verdict[data-wins='false'] {
  background: var(--danger-bg);
}
.customer-offer-verdict[data-wins='false'] .office-card-heading strong {
  color: var(--danger);
}
.customer-offer-economics > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.customer-offer-economics dd small {
  display: block;
  color: var(--ink-soft);
  font: 500 11px/1.35 var(--body);
}
.customer-offer-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 6px;
}
.customer-offer-actions .button,
.customer-preset-heading .button {
  min-height: 44px;
  white-space: normal;
}
.customer-offer-actions button + p {
  margin-top: 4px;
  color: var(--ink-soft);
  font-size: 12px;
}
.customer-preset-heading {
  margin-top: 4px;
}
.customer-bid .office-flag[data-wins='true'] {
  background: var(--office-light);
}
.customer-bid .office-flag[data-wins='false'] {
  background: var(--danger-bg);
  color: var(--danger);
}
.customer-bid .office-rows > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.customer-bid dd small {
  display: block;
  color: var(--ink-soft);
  font: 500 11px/1.35 var(--body);
}
.customer-bid .office-rows > div:last-child dd {
  font-weight: 700;
}
.customer-consumer-prices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.customer-consumer-prices > div {
  display: grid;
  gap: 4px;
  padding: 8px;
  background: var(--office-wash);
}
@media (max-width: 690px) {
  .customer-workbench,
  .customer-policies,
  .customer-consumer-prices,
  .customer-rival-bid {
    grid-template-columns: minmax(0, 1fr);
  }
  .customer-offer-grid {
    grid-template-areas: 'verdict' 'terms' 'impact';
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
  }
  .customer-offer-impact {
    padding-block-start: 10px;
    border-block-start: 1px solid var(--line);
  }
}
@media (max-width: 460px) {
  .customer-rival-bid .office-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .customer-offer-actions {
    display: grid;
  }
  .customer-offer-actions .button {
    width: 100%;
  }
}