/* Shared equipment finish, scoped to existing cards rather than control/layout flows. */
#device-list .aw-install-device {
  min-width: 0;
  border-color: #e7ddd4;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 3px 14px #3c291005;
}
#device-list .aw-install-device .aw-install-device-location { border-color: #eee6df; }
#device-list .aw-install-device .aw-install-device-location > span { color: #7b6d62; }
#device-list .aw-install-device .aw-install-device-location > .button {
  min-height: 44px;
  border-color: #e7dcd3;
  border-radius: 10px;
  color: #80614b;
  background: #fdfaf7;
}
#device-list .aw-install-device .device-row { min-width: 0; }
#device-list .aw-install-device .device-identity strong { color: #342c27; font-size: 16px; font-weight: 700; line-height: 1.5; }
#device-list .aw-install-device .device-identity small { color: #7f6e61; font-size: 13px; line-height: 1.5; }
#device-list .aw-install-device .charger-image-frame { border-color: #ece4dc; background: #faf7f3; }
#device-list .aw-install-device .charger-image-frame img,
#device-list .aw-install-device .charger-image-frame .charger-product-image {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  transform: none;
  padding: 4px;
  background: transparent;
}
#device-list .aw-install-device .device-state { border-radius: 7px; font-size: 12px; line-height: 1.5; }
#device-list .aw-install-device .device-facts { color: #75675b; font-size: 14px; }
#device-list .aw-install-device .device-details > summary { color: #7f6e61; }
#device-list .aw-install-device .device-details dl { color: #5a4b40; }
#device-list .aw-install-device .device-details dt { color: #7f6e61; }
#device-list .aw-install-device .device-actions .button,
#device-list .aw-install-device .device-actions summary {
  border-color: #e7dcd3;
  border-radius: 10px;
  color: #715745;
  background: #fff;
}
#device-list .aw-install-device .device-actions > .button[data-qr],
#device-list .aw-install-device .device-qr-menu > summary {
  color: #fff;
  background: var(--brand, #a7441e);
  border-color: var(--brand, #a7441e);
}

#tariff-list .tariff-device-card,
#tariff-selected-device {
  min-width: 0;
  border: 1px solid #e7ddd4;
  border-radius: 16px;
  box-shadow: 0 3px 14px #3c291005;
}
#tariff-list .tariff-device-card { background: #fff; }
#tariff-selected-device { background: #fbf6f0; }
#tariff-list .tariff-device-card > div,
#tariff-selected-device > div { min-width: 0; }
#tariff-list .tariff-device-card h3,
#tariff-selected-device h3 { color: #342c27; font-weight: 700; line-height: 1.5; overflow-wrap: anywhere; }
#tariff-list .tariff-device-card small,
#tariff-list .tariff-device-card p,
#tariff-selected-device small,
#tariff-selected-device p { color: #7f6e61; line-height: 1.6; overflow-wrap: anywhere; }
#tariff-list .tariff-device-card strong { color: #a7441e; font-weight: 700; font-variant-numeric: tabular-nums; }
#tariff-selected-device b { color: #754b2f; }
#tariff-list .tariff-device-card .button {
  min-height: 44px;
  padding: 9px 12px;
  border-color: #e1c7b5;
  border-radius: 10px;
  background: #fff8f2;
  color: #9a431f;
  font-size: 14px;
  line-height: 1.5;
}
#tariff-list .tariff-device-card .charger-image-frame,
#tariff-selected-device .charger-image-frame { border-color: #ece4dc; border-radius: 12px; background: #fff; }
#tariff-list .tariff-device-card .charger-image-frame img,
#tariff-list .tariff-device-card .charger-image-frame .charger-product-image,
#tariff-selected-device .charger-image-frame img,
#tariff-selected-device .charger-image-frame .charger-product-image {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  transform: none;
  padding: 5px;
  background: transparent;
}
#tariff-list .tariff-device-card .charger-visual figcaption,
#tariff-selected-device .charger-visual figcaption { color: #806e60; font-size: 12px; line-height: 1.5; margin-top: 5px; overflow-wrap: anywhere; }

/* These rules only apply after Details is expanded; the customer journey stays compact. */
#customer-details[open] .station-equipment-card {
  min-width: 0;
  padding: 15px;
  gap: 14px;
  border-color: #e7ddd4;
  border-radius: 16px;
  background: #fcf8f3;
  box-shadow: 0 3px 14px #3c291005;
}
#customer-details[open] .station-equipment-copy { min-width: 0; }
#customer-details[open] .station-equipment-label { color: #806b5a; font-size: 12px; line-height: 1.5; }
#customer-details[open] #customer-equipment { color: #342c27; font-size: 18px; font-weight: 700; line-height: 1.5; }
#customer-details[open] #customer-model-name { color: #7f6e61; font-size: 14px; line-height: 1.6; margin: 5px 0 10px; }
#customer-details[open] .station-head-label { border-color: #ead8c7; border-radius: 8px; background: #fff2e5; color: #91603d; font-size: 13px; line-height: 1.5; }
#customer-details[open] #customer-equipment-image .charger-image-frame { border-color: #e9dfd5; border-radius: 12px; }
#customer-details[open] #customer-equipment-image .charger-visual img,
#customer-details[open] #customer-equipment-image .charger-visual .charger-image-frame .charger-product-image { object-fit: contain; transform: none; padding: 5px; }
#customer-details[open] #customer-equipment-image .charger-visual figcaption { display: block; color: #806e60; font-size: 12px; line-height: 1.5; margin-top: 6px; }
#customer-details[open] .station-detail-row { padding: 15px 0; border-color: #eee4da; gap: 12px; }
#customer-details[open] .station-detail-icon { border-color: #efe3d7; border-radius: 11px; background: #fff7ee; color: #a97750; }
#customer-details[open] .station-detail-row dt { color: #806e60; font-size: 13px; line-height: 1.6; }
#customer-details[open] .station-detail-row dd { color: #5f4e41; font-size: 16px; line-height: 1.7; }
#customer-details[open] .station-travel h4 { color: #6e5644; font-size: 15px; line-height: 1.6; }
#customer-details[open] .station-direction-buttons .button {
  min-width: 0;
  min-height: 48px;
  border-color: #e3cfbd;
  border-radius: 11px;
  background: #fffbf6;
  color: #965732;
  font-size: 14px;
  line-height: 1.5;
  white-space: normal;
}
#customer-details[open] .station-direction-buttons .button::after { color: #a98261; }
#customer-details[open] .station-location-note,
#customer-details[open] .station-battery-note p { color: #817062; font-size: 13px; line-height: 1.7; }
#customer-details[open] .station-battery-note { border-color: #e9e0d7; color: #b19a84; }

@media (max-width: 700px) {
  #tariff-list .tariff-device-card { gap: 12px; padding: 14px; }
  #tariff-list .tariff-device-card h3 { font-size: 16px; }
  #tariff-list .tariff-device-card .charger-visual figcaption { font-size: 11px; }
  #tariff-selected-device { gap: 13px; padding: 13px; }
  #tariff-selected-device .charger-visual { width: 68px; flex-basis: 68px; }
  #tariff-selected-device h3 { font-size: 17px; }
  #tariff-selected-device .charger-visual figcaption { font-size: 11px; }
}
@media (max-width: 370px) {
  #customer-details[open] .station-equipment-card { padding: 13px 11px; gap: 11px; }
  #customer-details[open] .station-equipment-picture,
  #customer-details[open] #customer-equipment-image .charger-visual { width: 72px; min-width: 72px; flex-basis: 72px; }
  #customer-details[open] #customer-equipment-image .charger-image-frame { width: 72px; height: 88px; }
  #customer-details[open] #customer-equipment { font-size: 17px; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  #device-list .aw-install-device,
  #tariff-list .tariff-device-card { transition: border-color .16s ease, box-shadow .16s ease; }
  #device-list .aw-install-device:hover,
  #tariff-list .tariff-device-card:hover { border-color: #d4c1b1; box-shadow: 0 5px 18px #3c29100a; }
}
@media (prefers-reduced-motion: reduce) {
  #device-list .aw-install-device,
  #tariff-list .tariff-device-card { transition: none; }
}