.norelle-client-panel { margin-block: 1.5rem; padding: clamp(1rem, 3vw, 1.75rem); border: 1px solid #ddd7ce; border-radius: 12px; background: #faf8f3; color: #26251f; }
.norelle-client-panel, .norelle-client-panel * { box-sizing: border-box; }
.norelle-client-panel[hidden], .norelle-client-panel [hidden] { display: none !important; }
.norelle-client-panel h2 { font-size: 1.4rem; margin-top: 0; }
.norelle-client-panel label { display: block; margin-block: .75rem .25rem; }
.norelle-client-panel input { width: 100%; max-width: 32rem; min-height: 44px; }
.norelle-client-panel button, .norelle-client-panel .button { min-height: 44px; margin-block: .75rem; white-space: normal; }
.norelle-client-panel :is(button, a, input, summary):focus-visible { outline: 3px solid #7f2d40; outline-offset: 3px; }
.norelle-client-panel details { margin-block: 1rem; }
.norelle-client-panel summary { cursor: pointer; padding-block: .5rem; }
.norelle-client-panel [role="status"] { min-height: 1.5em; }
.norelle-client-card { max-width: 32rem; margin-block: 1rem; padding: 1.25rem; background: #fff; border-radius: 12px; text-align: center; }
.norelle-client-card svg { display: block; width: 100%; max-width: 320px; height: auto; margin: auto; background: #fff; }
.norelle-loyalty-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: start; margin-block: 1rem; }
.norelle-loyalty-choice { margin: 0 !important; padding: 1rem; border: 1px solid #ddd7ce; border-radius: 12px; background: #fff; min-width: 0; }
.norelle-loyalty-choice h3 { margin-top: 0; font-size: 1.1rem; }
.norelle-loyalty-choice summary { font-weight: 700; min-height: 44px; }
.norelle-loyalty-choice .button { display: inline-flex; align-items: center; justify-content: center; padding: .75rem 1rem; border-radius: 8px; background: #7f2d40; color: #fff; text-decoration: none; text-align: center; }
@media (max-width: 600px) { .norelle-loyalty-choices { grid-template-columns: minmax(0, 1fr); } }