.membership-panel{padding:24px 0;margin:0 0 28px;scroll-margin-top:24px}.member-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.member-heading h3{font-size:25px;margin:6px 0}.member-heading p{font-size:15px;color:#666;margin:6px 0}.member-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.member-summary span{display:flex;flex-direction:column;gap:8px;background:#eee;padding:16px;border-radius:10px;font-size:14px;color:#666}.member-summary b{font-size:19px;color:#292929;overflow-wrap:anywhere}.member-rule{background:#eee;color:#5e5e5e;border-radius:10px;padding:16px;font-size:15px;line-height:1.85}.member-orders{display:grid;gap:14px}.member-order{padding:20px;border-radius:14px;background:#f2f2f2}.member-order-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.member-order h4{font-size:22px;margin:0}.member-state{font-size:13px;background:#ddd;padding:5px 10px;border-radius:7px;white-space:nowrap}.member-order p,.member-order li{font-size:15px;line-height:1.8;color:#666;margin:8px 0;overflow-wrap:anywhere}.member-order .member-pending{color:#333;background:#e5e5e5;padding:12px;border-radius:8px}.member-order-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.member-order-actions button{flex:1;min-width:120px;font-size:15px}.member-empty{padding:24px;background:#f2f2f2;border-radius:12px}.member-empty h4{font-size:21px;margin:0}.member-empty p{font-size:16px;color:#666}.member-history{margin-top:20px}.member-history summary{font-size:16px;background:#eee;padding:14px;border-radius:9px;cursor:pointer;min-height:48px}.member-history article{padding:14px;background:#f5f5f5;margin-top:8px;border-radius:9px}.member-history strong{font-size:16px}.member-history p{font-size:14px;line-height:1.8;margin:6px 0;overflow-wrap:anywhere}.member-bound-customer{display:flex;gap:10px 16px;flex-wrap:wrap;align-items:center;background:#e9e9e9;padding:18px;border-radius:10px;margin:20px 0;font-size:16px}.member-bound-customer>span:last-child{overflow-wrap:anywhere}.member-package-picker{border:0;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.member-package-picker legend{font-size:18px;margin-bottom:14px}.member-package-picker label{position:relative;cursor:pointer}.member-package-picker input{position:absolute;top:16px;left:14px;width:18px;height:18px;accent-color:#333}.member-package-picker label>span{display:flex;flex-direction:column;gap:12px;padding:18px 18px 18px 42px;background:#eee;min-height:160px;border-radius:12px}.member-package-picker input:checked+span{background:#333;color:#fff}.member-package-picker b{font-size:18px}.member-package-picker strong{font-size:24px}.member-package-picker small{font-size:13px;line-height:1.7}.member-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}#membership-flow select{font:inherit;font-size:17px;min-height:52px;padding:12px;border:0;border-radius:8px;background:#eee;color:#333;width:100%}.member-form-error{font-size:16px;font-weight:500;color:#333;line-height:1.8}.member-refund-breakdown,.member-confirm{padding:20px;background:#eee;border-radius:12px;margin:24px 0}.member-refund-breakdown p{display:flex;gap:16px;justify-content:space-between;font-size:16px}.member-confirm p{font-size:17px;line-height:1.8;overflow-wrap:anywhere}.member-review-actions{display:flex;gap:12px;flex-wrap:wrap}.member-review-actions button{flex:1;min-height:54px}#membership-flow [hidden],#customer-dialog .record-workspace[hidden],#membership-flow[hidden]{display:none!important}#member-entry-form>.record-primary{width:100%;margin:16px 0}.member-package-picker input:focus-visible+span{box-shadow:0 0 0 3px #777}
@media(max-width:899px){.member-summary{gap:6px}.member-summary span{padding:12px;font-size:13px}.member-summary b{font-size:17px}.member-package-picker{grid-template-columns:1fr}.member-package-picker label>span{min-height:0;padding:16px 16px 16px 46px;gap:7px}.member-package-picker label>span strong{font-size:25px}.member-package-picker input{top:20px}.member-form-grid{grid-template-columns:1fr}.member-heading>.record-primary{width:100%}.member-review-actions{flex-direction:column}.member-order{padding:16px}.member-order-actions{display:grid;grid-template-columns:1fr 1fr}.member-order-actions button:first-child{grid-column:1/-1}.member-order-actions button{min-width:0;font-size:14px}.member-order h4{font-size:21px}.member-confirm p{font-size:16px}}