/* public\assets\css\components\productMensurationModal.css */

.psMensuModal { position: fixed; inset: 0; z-index: 9999; }
.psMensuModal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.55); }
.psMensuModal__dialog {
  position: relative;
  width: min(1100px, 92vw);
  max-height: 88vh;
  margin: 6vh auto;
  background: #fff;
  border-radius: 12px;
  overflow: auto;
  padding: 18px;
}
.psMensuModal__close {
  position: sticky;
  top: 0;
  float: right;
  font-size: 28px;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.psMensuTitle { margin: 0 0 12px; }
.psMensuSection { border-top: 1px solid #eee; padding-top: 12px; margin-top: 12px; }
.psMensuSectionTitle { margin: 0 0 10px; }

.psMensuTop { 
  display: flex;
  flex-direction: column;
  align-items: center; 
}

.psMensuImg img { 
  width: 100%; 
  height: auto; 
  display: block; 
  padding: 1rem;
}

.psMensuTable { width: 100%; border-collapse: collapse; }
.psMensuTable th, .psMensuTable td { border: 1px solid #e8e8e8; padding: 8px 10px; text-align: center; }
.psMensuTable thead th { background: #fafafa; font-weight: 600; }

.psMensuNote { 
  text-align: center;
  padding: 0.5rem;
  opacity: 0.7;
  font-size: 0.9rem;
  color: var(--hint);
}
.psMensuEmpty { padding: 10px; opacity: .8; }

@media (max-width: 860px) {
  .psMensuTop { grid-template-columns: 1fr; }
}