/* Small changes to production components; no iframe or demo data. */
.buyer-page button,.buyer-page input,.buyer-page select,.buyer-page textarea{box-shadow:none!important;-webkit-tap-highlight-color:transparent}
.buyer-page input,.buyer-page textarea,.buyer-page select{border:1px solid var(--line)}
.buyer-page input:focus,.buyer-page textarea:focus,.buyer-page select:focus{outline:none;box-shadow:none!important;border-color:var(--line);background:var(--input)}
.buyer-page button:focus-visible,.buyer-page a:focus-visible,.buyer-page summary:focus-visible{outline:none;box-shadow:none!important;background-color:var(--accent-soft);text-decoration:underline}
.buyer-page input:focus-visible,.buyer-page select:focus-visible{border-color:var(--line);background:var(--surface)}
.buyer-guidance{padding:20px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.buyer-guidance.is-retry{background:var(--accent-soft);border-color:transparent}
.buyer-guidance h2{font-size:19px;line-height:1.5;margin:0 0 8px}.buyer-guidance p{margin:0;line-height:1.7;color:var(--slate)}.buyer-guidance .previous-target{margin-top:12px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.egg-input-guide{margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:12px}.egg-input-guide summary{min-height:44px;display:list-item;list-style-position:inside;box-sizing:border-box;padding:11px 0;line-height:22px;cursor:pointer;color:var(--accent)}.egg-input-guide ol{margin:8px 0 0;padding-left:22px}.egg-input-guide li{padding:8px 0}.egg-input-guide h3{font-size:15px;margin:0 0 4px}.egg-input-guide p{font-size:14px;line-height:1.6;margin:0}.egg-input-guide img{display:block;width:100%;height:auto;border-radius:10px}
.room-service-header{margin-bottom:20px}.room-map-panel{display:flex;flex-wrap:wrap;gap:14px}.room-map-panel>fieldset,.room-map-panel>.room-mode-options,.room-map-panel>.room-preparation{flex-basis:100%;width:100%;margin:0}.room-map-panel>.room-preparation{min-height:0}.room-map-panel>.room-main-action{flex:1;min-width:0;min-height:48px;margin:0}.room-map-panel>.room-pause-action{flex:0 0 auto;min-height:48px;margin:0;padding-inline:16px}.room-map-panel>.room-stage-actions{width:100%;margin-top:0}.room-services .room-service-footer{gap:4px 16px}
.room-matching-options label:has(input:checked),.room-matching-options label:has(input:focus-visible){box-shadow:none;outline:none}
.buyer-page [hidden]{display:none!important}
.service-progress-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:13px;cursor:pointer;list-style:none}.service-progress-details summary::-webkit-details-marker{display:none}.claim-completed-at{color:var(--slate);font-size:12px;white-space:nowrap}
.service-progress-details summary{white-space:nowrap;font-size:12px;gap:6px}.service-progress-details summary .history-meta{margin:0;font-size:12px}.history-meta-compact{display:none}@media(max-width:360px){.service-progress-details summary .history-meta-full{display:none}.service-progress-details summary .history-meta-compact{display:inline}}
@media(max-width:480px){.buyer-guidance{padding:18px 20px}.buyer-guidance h2{font-size:18px}.buyer-page input,.buyer-page select,.buyer-page textarea{font-size:16px}.buyer-page .claim-form{display:flex;flex-direction:column;align-items:stretch}.buyer-page .claim-action-row,.buyer-page .claim-action-row .button{width:100%}.buyer-page .claim-action-row .button{min-height:48px}.buyer-page #claim-info{width:100%}}

/* Buyer progress footer 20261108-r2 */
.history-item .service-track {
  padding-bottom: 0;
}

.history-item:last-child {
  padding-bottom: 0;
}

.service-progress-details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 12px;
  min-width: 0;
  min-height: 44px;
  margin-top: 4px;
  padding: 8px 0;
  white-space: normal;
  list-style: none;
  cursor: pointer;
  touch-action: manipulation;
  text-decoration: none;
}

.service-progress-details summary::marker,
.service-progress-details summary::-webkit-details-marker {
  display: none;
  content: "";
}

.service-progress-summary-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--accent);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}

.service-progress-summary-label::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
}

.service-progress-details[open] .service-progress-summary-label::after {
  transform: translateY(2px) rotate(225deg);
}

.service-progress-recent {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  color: var(--slate);
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.service-progress-times {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 8px 0 0;
  color: var(--slate);
  font-size: 11px;
  line-height: 20px;
  font-variant-numeric: tabular-nums;
}

.service-progress-time {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px;
  min-width: 0;
  color: var(--slate);
  font-size: 11px;
  line-height: 20px;
  white-space: normal;
}

.service-progress-time-value {
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.service-progress-details summary:hover,
.service-progress-details summary:hover .service-progress-summary-label {
  text-decoration: none;
}

.service-progress-details summary:hover {
  background: var(--input);
}

.service-progress-details summary:focus-visible {
  outline: none;
  box-shadow: none;
  background: var(--input);
}