/* ==========================================================================
   panel.css — Panel
   White box used in account and order pages.
   Self-contained: every value is written out (no CSS variables) and every
   selector has its own rule, so changing one block never touches another.
   ========================================================================== */

/* ── .panel ── */
.panel {
  background: #ffffff;
  border-radius: 20px;
  padding: 28px;
  margin-bottom: 24px;
}

.panel h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #4a154b;
  margin-bottom: 16px;
}

.panel input:not([type=checkbox]):not([type=radio]):not([type=hidden]) {
  width: 100%;
  padding: 12px 16px;
  border: 1.5px solid #e0c8e8;
  border-radius: 12px;
  background: #fff;
  color: #4a154b;
  font: inherit;
  font-size: .92rem;
  outline: none;
  transition: border-color 0.3s cubic-bezier(0.4,0,0.2,1), box-shadow 0.3s cubic-bezier(0.4,0,0.2,1), background 0.3s cubic-bezier(0.4,0,0.2,1);
}

.panel select {
  width: 100%;
  padding: 12px 16px;
  border: 1.5px solid #e0c8e8;
  border-radius: 12px;
  background: #fff;
  color: #4a154b;
  font: inherit;
  font-size: .92rem;
  outline: none;
  transition: border-color 0.3s cubic-bezier(0.4,0,0.2,1), box-shadow 0.3s cubic-bezier(0.4,0,0.2,1), background 0.3s cubic-bezier(0.4,0,0.2,1);
}

.panel textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1.5px solid #e0c8e8;
  border-radius: 12px;
  background: #fff;
  color: #4a154b;
  font: inherit;
  font-size: .92rem;
  outline: none;
  transition: border-color 0.3s cubic-bezier(0.4,0,0.2,1), box-shadow 0.3s cubic-bezier(0.4,0,0.2,1), background 0.3s cubic-bezier(0.4,0,0.2,1);
}

.panel {
  box-shadow: 0 4px 20px #4a154b1f;
}

.panel a:not(.btn) {
  font-weight: 600;
}