#measurementPanel[hidden] { display: none; }
#measurementPanel[aria-labelledby="measurementTitle"]:not([hidden]) {
  position: fixed;
  z-index: 100;
  inset: auto max(1rem, env(safe-area-inset-right)) calc(5.25rem + env(safe-area-inset-bottom)) auto;
  width: min(29rem, calc(100vw - 2rem));
  box-sizing: border-box;
  max-height: 65vh;
  overflow: auto;
  overscroll-behavior: contain;
  background: #fffaf4;
  color: #302321;
  border: 1px solid #dcc9bb;
  border-top: 5px solid #ed641a;
  border-radius: 16px;
  box-shadow: 0 8px 36px #43261638;
  padding: clamp(1rem, 3vw, 1.5rem);
}
#measurementPanel h2 { margin-top: 0; }
#measurementPanel .measurementActions { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
#measurementPanel .measurementActions button {
  margin: 0; padding: .65rem; min-height: 44px; line-height: 1.25;
  background: white; color: #70251c; border: 1.5px solid #8b3728; border-radius: 8px;
}
#measurementPanel .measurementActions button:focus-visible { outline: 3px solid #165a94; outline-offset: 2px; }
#measurementPanel [hidden] { display: none; }
@media (max-width: 360px) {
  #measurementPanel .measurementActions { grid-template-columns: 1fr; }
}