/* Reborn Atelier R4: stable preview selection and one detail-card language. */

.design-modern-command-center .identity-shop-body-v2 .identity-product-detail {
  grid-template-columns: minmax(190px, 1fr) minmax(125px, .64fr) minmax(125px, .64fr) minmax(175px, .78fr);
  min-height: 132px;
  gap: 0;
  align-items: stretch;
  padding: 16px;
}

.design-modern-command-center .identity-shop-body-v2 .identity-detail-copy {
  display: flex;
  min-width: 0;
  justify-content: center;
  padding-right: 18px;
  flex-direction: column;
}

.design-modern-command-center .identity-shop-body-v2 .identity-detail-copy h3 {
  margin: 3px 0 4px;
  font-size: 18px;
}

.design-modern-command-center .identity-shop-body-v2 .identity-detail-copy p {
  max-width: 42ch;
  margin: 0;
  font-size: 11px;
  line-height: 1.48;
}

.design-modern-command-center .identity-shop-body-v2 .identity-detail-meta,
.design-modern-command-center .identity-shop-body-v2 .identity-detail-action-group {
  display: flex;
  min-width: 0;
  justify-content: center;
  padding: 0 14px;
  border-left: 1px solid rgba(112, 175, 198, .14);
  flex-direction: column;
}

.design-modern-command-center .identity-shop-body-v2 .identity-detail-meta small,
.design-modern-command-center .identity-shop-body-v2 .identity-detail-cost small {
  color: #91a8b3;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: none;
}

.design-modern-command-center .identity-shop-body-v2 .identity-detail-meta strong,
.design-modern-command-center .identity-shop-body-v2 .identity-detail-cost strong {
  margin-top: 3px;
  overflow: visible;
  color: #e4edf1;
  font-size: 14px;
  line-height: 1.3;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
}

.design-modern-command-center .identity-shop-body-v2 .identity-detail-requirement strong {
  color: #78d9e9;
}

.design-modern-command-center .identity-shop-body-v2 .identity-detail-status.state-active strong,
.design-modern-command-center .identity-shop-body-v2 .identity-detail-status.state-ready strong {
  color: #83e3ba;
}

.design-modern-command-center .identity-shop-body-v2 .identity-detail-status.state-locked strong,
.design-modern-command-center .identity-shop-body-v2 .identity-detail-status.state-none strong {
  color: #e7c676;
}

.design-modern-command-center .identity-shop-body-v2 .identity-detail-meta > span {
  margin-top: 4px;
  color: #8399a4;
  font-size: 10px;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.design-modern-command-center .identity-shop-body-v2 .identity-detail-action-group {
  gap: 9px;
  padding-right: 0;
}

.design-modern-command-center .identity-shop-body-v2 .identity-detail-cost {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: 7px;
}

.design-modern-command-center .identity-shop-body-v2 .identity-detail-cost strong {
  margin: 0;
  color: #f1c970;
  font-size: 16px;
  white-space: nowrap;
}

.design-modern-command-center .identity-shop-body-v2 .identity-detail-actions {
  display: grid;
  min-width: 0;
  gap: 6px;
  grid-template-columns: 1fr;
}

.design-modern-command-center .identity-shop-body-v2 .identity-detail-actions button {
  width: 100%;
  min-height: 42px;
  padding: 7px 10px;
  line-height: 1.28;
  white-space: normal;
}

@media (max-width: 900px) {
  .design-modern-command-center .identity-shop-body-v2 .identity-product-detail {
    grid-template-columns: 1fr 1fr;
  }

  .design-modern-command-center .identity-shop-body-v2 .identity-detail-copy {
    grid-column: 1 / -1;
    padding: 0 0 14px;
  }

  .design-modern-command-center .identity-shop-body-v2 .identity-detail-requirement {
    padding-left: 0;
    border-left: 0;
  }

  .design-modern-command-center .identity-shop-body-v2 .identity-detail-action-group {
    display: grid;
    align-items: center;
    grid-column: 1 / -1;
    grid-template-columns: minmax(100px, auto) minmax(180px, 1fr);
    margin-top: 14px;
    padding: 14px 0 0;
    border-top: 1px solid rgba(112, 175, 198, .14);
    border-left: 0;
  }
}

@media (max-width: 620px) {
  .design-modern-command-center .identity-shop-body-v2 .identity-product-detail {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .design-modern-command-center .identity-shop-body-v2 .identity-detail-meta,
  .design-modern-command-center .identity-shop-body-v2 .identity-detail-action-group {
    display: flex;
    grid-column: 1;
    padding: 11px 0 0;
    border-top: 1px solid rgba(112, 175, 198, .14);
    border-left: 0;
  }

  .design-modern-command-center .identity-shop-body-v2 .identity-detail-status,
  .design-modern-command-center .identity-shop-body-v2 .identity-detail-price {
    display: flex;
  }

  .design-modern-command-center .identity-shop-body-v2 .identity-detail-action-group {
    align-items: stretch;
    gap: 8px;
    margin-top: 0;
  }

  .design-modern-command-center .identity-shop-body-v2 .identity-detail-cost {
    justify-content: space-between;
  }
}

@media (forced-colors: active) {
  .design-modern-command-center .identity-shop-body-v2 .identity-product-detail,
  .design-modern-command-center .identity-shop-body-v2 .identity-detail-meta,
  .design-modern-command-center .identity-shop-body-v2 .identity-detail-action-group {
    border-color: CanvasText;
  }
}