/* Unified outline icons for interventions, indicative prices and simulators. */
.sr-service-icon.mch-pictogram,
.sr-price-ico.mch-pictogram,
.price-grid > article > .mch-pictogram {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  margin: 0 auto 8px;
  border: 1px solid #d8e8f4;
  border-radius: 12px;
  background: #eff7fc;
  color: #0a3d78;
  line-height: 1;
}
.mch-pictogram > svg {
  display: block;
  width: 26px;
  height: 26px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Same outline family, sized to preserve the existing simulator tiles. */
.sr-issue-ico.mch-pictogram,
.mch-simulator-icon {
  width: 27px;
  height: 27px;
  flex: 0 0 auto;
  color: #0a3d78;
  line-height: 1;
}
.sr-issue-ico.mch-pictogram > svg,
.mch-simulator-icon > svg { width: 100%; height: 100%; }
.mch-simulator-icon { display: block; }
.modal-services button,
.problem-list button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; }
.mch-status-icon > svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mch-ready-icon { display: none; }
.sr-delay.ready .mch-ready-icon { display: block; }
.sr-delay.ready .sr-delay-ico::before { content: none; }
@media (max-width: 600px) {
  .sr-issue-ico.mch-pictogram { width: 21px; height: 21px; }
}