/* v1.3.261 — 세차 포인트제 화면 모양. 보이는 모양만 담당한다(계산·저장은 carwash.js / 서버). 승인된 시안(세차장 포인트제 시안)을 따른다. */

/* 세차장 모드: 포인트 회원의 '남은 포인트' 칸 — 숫자가 길어서 글씨를 줄인다 */
.cw51-bal[data-pt="1"] b{font-size:56px;letter-spacing:-1px;line-height:1.15}
.cw51-bal[data-pt="1"] span{font-size:19px;line-height:1.4}
.cw51-bal[data-pt="1"][data-level="ok"]{background:#E8F6EE;border:3px solid #0E7A4B}
.cw51-bal[data-pt="1"][data-level="low"]{border:3px solid #B97A00}

/* 세차 선택 칸 아래: 이번 세차 합계 / 포인트로 내는 금액 / 모자라서 따로 받을 금액 */
.cw51-psum{margin-top:auto;border-top:3px dashed #C4D2E2;padding-top:12px;display:flex;flex-direction:column;gap:6px}
.cw51-psum[hidden]{display:none}
.cw51-psum .r{display:flex;align-items:baseline;gap:12px}
.cw51-psum .r span{flex:1;font-size:22px;font-weight:800;color:#3C556E}
.cw51-psum .r b{font-size:30px;font-weight:900;color:#6B4400}
.cw51-psum .r:first-child b{font-size:40px;color:#10283F}
.cw51-psum .r.due span{color:#8E1F18}.cw51-psum .r.due b{font-size:40px;color:#8E1F18}
.cw51-psum .r[hidden]{display:none}
.cw51-shell[data-zero="1"] .cw51-psum{display:none}

/* 접수 완료 화면: 이번에 쓴 포인트 / 남은 포인트 */
.cw51-doneptsrow{display:flex;gap:16px;width:min(720px,90%);margin-top:4px}
.cw51-doneptsrow[hidden]{display:none}
.cw51-doneptsrow .c{flex:1;border-radius:16px;background:rgba(255,255,255,.18);padding:12px 18px;display:flex;flex-direction:column;gap:2px;text-align:left}
.cw51-doneptsrow .c span{font-size:22px;font-weight:700;opacity:.92}
.cw51-doneptsrow .c b{font-size:44px;font-weight:900;letter-spacing:-1px;line-height:1.15}
.cw51-doneptsrow .c.left{background:#fff;color:#0B5A38}
.cw51-doneptsrow .c.left span{opacity:1}

/* 회원 탭: 포인트 충전 상자 (시안 '포인트 충전 — 직원 화면') */
.cw-ptr{margin-top:10px}
.cw-ptr[hidden]{display:none}
.cw-ptr-cols{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr) minmax(220px,300px);gap:14px;align-items:stretch}
.cw-ptr-card{border:2px solid #D3DEEA;border-radius:16px;background:#F3F8FE;padding:14px;display:flex;flex-direction:column;gap:6px;justify-content:center}
.cw-ptr-card small{font-size:16px;font-weight:700;color:#3C556E}
.cw-ptr-card b{font-size:30px;font-weight:900;line-height:1.1;color:#10283F}
.cw-ptr-amt{border:2px solid #D3DEEA;border-radius:16px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:10px}
.cw-ptr-label{font-size:18px;font-weight:900;color:#10283F;display:flex;gap:10px;align-items:baseline}
.cw-ptr-label em{font-style:normal;font-size:15px;font-weight:700;color:#3C556E;margin-left:auto}
.cw-ptr-chips{display:flex;gap:10px}
.cw-ptr-chips button{flex:1;height:64px;border-radius:14px;border:3px solid #8AA2BA;background:#fff;color:#10283F;font-size:24px;font-weight:900}
.cw-ptr-chips button[aria-pressed="true"]{background:#0A5FC2;border-color:#0A5FC2;color:#fff}
.cw-ptr-direct{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:#3C556E}
.cw-ptr-direct input{flex:1;height:48px;border:3px solid #8AA2BA;border-radius:12px;padding:0 12px;font-size:22px;font-weight:700}
.cw-ptr-help{font-size:15px;color:#3C556E;line-height:1.5}
.cw-ptr-confirm{border:3px solid #0A5FC2;border-radius:16px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:8px}
.cw-ptr-confirm strong{font-size:18px;font-weight:900;color:#0B3F7F;text-align:center}
.cw-ptr-confirm .r{display:flex;gap:8px;font-size:17px;font-weight:700}
.cw-ptr-confirm .r span{flex:1}
.cw-ptr-confirm .r.total{border-top:2px solid #C4D2E2;padding-top:8px;font-size:21px;font-weight:900;color:#0B5A38}
.cw-ptr-confirm small{font-size:14px;color:#3C556E;line-height:1.5}
.cw-pt-used{font-size:.85em;font-weight:700;color:#6B4400}
@media (max-width:820px){.cw-ptr-cols{grid-template-columns:1fr}.cw-ptr-chips button{font-size:20px;height:56px}}

/* 포인트 합계 칸이 보일 때는 '기본세차' 안내 칸을 낮춰서 옵션·합계가 겹치지 않게 한다 */
.cw51-pick:has(.cw51-psum:not([hidden])) .cw51-mbasic{height:104px;padding:10px 20px;margin-top:8px}
.cw51-pick:has(.cw51-psum:not([hidden])) .cw51-mbasic strong{font-size:26px}
.cw51-pick:has(.cw51-psum:not([hidden])) .cw51-mbasic span{font-size:19px;margin-top:2px}
.cw51-pick:has(.cw51-psum:not([hidden])) .cw51-label-opt{margin-top:10px;margin-bottom:6px}
.cw51-psum{flex:none;gap:2px;padding-top:8px}
.cw51-psum .r b{font-size:26px}.cw51-psum .r:first-child b{font-size:34px}
.cw51-psum .r.due b{font-size:34px}

/* 일마감 화면: 쓴 포인트 / 안 쓴 포인트 (합계 아래, 돈 합계에는 넣지 않는 참고 칸) */
.cw57-pts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.cw57-pts[hidden]{display:none}
.cw57-pts>div{border:2px dashed #8AA2BA;border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;min-width:0;background:#fff}
.cw57-pts span{font-size:16px;font-weight:800;color:#3C556E}
.cw57-pts span em{font-style:normal;font-weight:600;font-size:14px}
.cw57-pts b{font-size:28px;font-weight:900;line-height:1.2;color:#10283F;word-break:break-all}
.cw57-pts small{font-size:14px;color:#3C556E;line-height:1.4}
@media (max-width:640px){.cw57-pts{grid-template-columns:1fr}}