/* 회원권 등록의 '락카 함께 등록' 칸 (2026-10-28). 색은 글자색을 이어받아 다크·라이트 모두에서 읽힌다. */
.pass-locker{grid-column:1/-1;margin:4px 0 0;padding:12px 14px;border:1px solid rgba(128,134,130,.45);border-radius:14px;min-width:0;display:grid;gap:12px;grid-template-columns:1fr 1fr;background:transparent;color:inherit}
.pass-locker[hidden]{display:none}
.pass-locker .pl-legend{padding:0 6px;font-size:16px;font-weight:800;color:inherit}
.pass-locker .pl-toggle{grid-column:1/-1;display:flex;align-items:center;gap:12px;min-height:44px;font-size:16px;font-weight:700;cursor:pointer}
.pass-locker .pl-toggle input{width:24px;height:24px;min-height:24px;margin:0;flex:none;accent-color:var(--lime,#e4f630)}
.pass-locker .pl-body{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.pass-locker .pl-body[hidden]{display:none}
.pass-locker .pl-body>label{min-width:0}
.pass-locker .pl-body .wide,.pass-locker .pl-current,.pass-locker .pl-empty,.pass-locker .pl-total{grid-column:1/-1}
#crm-dialog .pass-locker select,#crm-dialog .pass-locker input[type=text],#crm-dialog .pass-locker input[type=date]{min-height:44px;font-size:16px;max-width:100%;box-sizing:border-box}
.pass-locker .won-input{display:flex;align-items:center;gap:8px}
.pass-locker .won-input input{flex:1;min-width:0}
.pass-locker .pl-current{margin:0;padding:10px 12px;border-radius:10px;border:1px solid var(--lime,#e4f630);font-size:15px;line-height:1.5}
.pass-locker .pl-empty{margin:0;padding:10px 12px;border-radius:10px;border:1px solid #e5484d;color:#e5484d;font-size:15px;font-weight:700}
.pass-locker .pl-total{margin:0;padding:12px 14px;border-radius:10px;background:var(--lime,#e4f630);color:#17191b;font-size:16px;font-weight:800;line-height:1.5;overflow-wrap:anywhere}
.pass-locker .pl-total[hidden],.pass-locker .pl-current[hidden],.pass-locker .pl-empty[hidden]{display:none}
@media(max-width:480px){.pass-locker,.pass-locker .pl-body{grid-template-columns:1fr}}
/* 회원권 등록에 한정: 작은 폰에서도 7열 달력과 44px 날짜 버튼이 들어가는 폭. */
#crm-dialog .pdp-input,#crm-dialog .pass-only input,#crm-dialog .pass-only select,#crm-dialog #pass-preset{min-height:44px;font-size:16px;box-sizing:border-box}
#crm-dialog:has(.pdp-trigger) .dialog-head button,#issue-form>button.primary,#member-form>button.primary{min-height:44px;min-width:44px}
@media(max-width:480px){#crm-dialog:has(.pdp-trigger){width:calc(100vw - 8px);max-width:calc(100vw - 8px)}#crm-dialog:has(.pdp-trigger) .dialog-body{padding:12px 8px}#crm-dialog .pass-locker{padding:12px 6px}}

/* 현재·이전 번호는 선택 전에 보이고, 날짜는 필요할 때만 펼친다. */
.pass-locker{word-break:keep-all}
.pass-locker .pl-current{border:0;border-radius:0;padding:0;font-size:14px}
.pass-locker .pl-history{grid-column:1/-1;min-width:0}
.pass-locker .pl-history[hidden]{display:none}
.pass-locker .pl-history summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:14px;text-decoration:underline}
.pass-locker .pl-history p{margin:0;font-size:13px;line-height:1.5}
.pass-locker .pl-toggle span{white-space:nowrap}