/* One shared row on every device, including narrow mobile screens. */
body.drb-sandbox .service-visit-strip {
  margin: 12px 0 18px;
  padding: 5px;
  border: 1px solid #d8e3ed;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 6px 22px #214f760b;
  color: #25465e;
  font-family: Inter, Arial, sans-serif;
}
.service-visit-strip * { box-sizing: border-box; min-width: 0; }
body.drb-sandbox .service-visit-strip .svs-items {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
  gap: 7px;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.drb-sandbox .service-visit-strip .svs-item {
  --svs-accent: #206299;
  --svs-soft: #eaf3ff;
  --svs-line: #d9e8fa;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 10px 6px;
  border: 1px solid var(--svs-line);
  border-radius: 13px;
  background: linear-gradient(150deg, var(--svs-soft), #ffffff90);
  text-align: center;
}
body.drb-sandbox .service-visit-strip .svs-item--available { --svs-accent: #26774f; --svs-soft: #e5f5eb; --svs-line: #d3eadc; }
body.drb-sandbox .service-visit-strip .svs-item--insurance { --svs-accent: #226f75; --svs-soft: #e5f4f5; --svs-line: #d3e9ec; }
body.drb-sandbox .service-visit-strip .svs-item--member { --svs-accent: #974573; --svs-soft: #faeaf3; --svs-line: #efd9e7; }
body.drb-sandbox .service-visit-strip .svs-item--wait { --svs-accent: #66509a; --svs-soft: #f0eafa; --svs-line: #e2d9f1; }
.service-visit-strip .svs-icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border: 1px solid var(--svs-line);
  border-radius: 9px;
  background: #ffffffd9;
  color: var(--svs-accent);
}
.service-visit-strip .svs-icon svg { width: 19px; height: 19px; }
.service-visit-strip .svs-icon--live>span { width: 9px; height: 9px; border-radius: 50%; background: #279267; box-shadow: 0 0 0 5px #27926717; }
.service-visit-strip .svs-copy { display: flex; flex-direction: column; align-items: center; gap: 2px; }
body.drb-sandbox .service-visit-strip .svs-copy strong { color: var(--svs-accent); font: 700 14px/1.3 Inter, Arial, sans-serif; letter-spacing: -.15px; }
.service-visit-strip .svs-copy>span { color: #526b7c; font: 400 12px/1.4 Inter, Arial, sans-serif; }
.service-visit-strip .svs-price-value { display: flex; align-items: baseline; justify-content: center; gap: 4px; }
body.drb-sandbox .service-visit-strip .svs-price-value b { color: var(--svs-accent); font: 750 21px/1 Inter, Arial, sans-serif; letter-spacing: -.8px; }
.service-visit-strip .svs-price-value>span { font: 400 11px/1.4 Inter, Arial, sans-serif; color: #526b7c; white-space: nowrap; }
@media (max-width: 600px) {
  body.drb-sandbox .service-visit-strip { margin: 10px 0 16px; padding: 4px; border-radius: 13px; }
  body.drb-sandbox .service-visit-strip .svs-items { gap: 4px; }
  body.drb-sandbox .service-visit-strip .svs-item { gap: 4px; padding: 7px 3px; border-radius: 10px; }
  .service-visit-strip .svs-icon { width: 22px; height: 22px; flex-basis: 22px; border-radius: 9px; }
  .service-visit-strip .svs-icon svg { width: 16px; height: 16px; }
  .service-visit-strip .svs-icon--live>span { width: 7px; height: 7px; box-shadow: 0 0 0 4px #27926717; }
  body.drb-sandbox .service-visit-strip .svs-copy strong { font-size: clamp(9px, 2.65vw, 12px); letter-spacing: -.25px; }
  .service-visit-strip .svs-copy { gap: 2px; }
  .service-visit-strip .svs-copy>span { font-size: clamp(9px, 2.5vw, 11px); }
  .service-visit-strip .svs-price-value { flex-direction: row; align-items: baseline; gap: 1px; white-space: nowrap; }
  body.drb-sandbox .service-visit-strip .svs-price-value b { font-size: clamp(15px, 4.5vw, 20px); letter-spacing: -.5px; }
  .service-visit-strip .svs-price-value>span { font-size: 7.5px; }
}
@media print { body.drb-sandbox .service-visit-strip { break-inside: avoid; box-shadow: none; } }