/* v1.3.257 — 세차장 모드 화면 1·2·3, 카드 자동접수 카운트다운, 일반세차 +1 단추. 보이는 모양만 담당한다. */
.cw51-shell .cw257-badge{flex:none;font-size:17px;font-weight:800;white-space:nowrap}
/* v1.3.260 — 위쪽 화면 1·2·3 탭 */
.cw51-shell .cw257-tabs{display:inline-flex;gap:6px;background:rgba(255,255,255,.14);border-radius:999px;padding:4px}
.cw51-shell .cw257-tabs button{height:44px;min-width:84px;padding:0 16px;border-radius:999px;border:2px solid transparent;background:transparent;color:#fff;font:inherit;font-size:18px;font-weight:800;cursor:pointer;touch-action:manipulation}
.cw51-shell .cw257-tabs button i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:6px;border-radius:50%;background:rgba(255,255,255,.22);font-size:15px}
.cw51-shell .cw257-tabs button[aria-pressed="true"] i{background:var(--navy,#0B3F7F);color:#fff}
.cw51-shell .cw257-tabs button[aria-pressed="true"]{background:#fff;color:var(--navy,#0B3F7F)}
.cw51-shell .cw257-tabs button:focus-visible{outline:3px solid #FFB020;outline-offset:2px}
@media (max-width:760px){.cw51-shell .cw257-tabs button{min-width:64px;padding:0 10px;font-size:16px}}

/* 화면 모드 1·2: 일반 손님(카드 없음)에게는 주유금액 줄과 결제 단추를 숨기고 안내/ +1 단추를 보인다 */
#cw51ModeShell[data-cw257-guest="1"] #cwBasicCondition,
#cw51ModeShell[data-cw257-guest="1"] #cw51Pays,
#cw51ModeShell[data-cw257-guest="1"] #cw51PayNote,
#cw51ModeShell[data-cw257-guest="1"] .cw51-sum,
#cw51ModeShell[data-cw257-guest="1"] #cw51Hint,
#cw51ModeShell[data-cw257-auto="1"] #cw51Hint{display:none!important}   /* 카운트다운 중에는 "누르기 전에는 차감되지 않아요" 같은 옛 안내가 어긋나므로 숨긴다 */
#cw51ModeShell[data-cw257-guest="1"] #cw51PayTitle{font-size:0}
#cw51ModeShell[data-cw257-guest="1"] #cw51PayTitle::after{font-size:24px}
body[data-cw257-mode="1"] #cw51ModeShell[data-cw257-guest="1"] #cw51PayTitle::after{content:'회원 전용'}

.cw257-col{position:relative}
.cw257-guest{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:14px}
.cw257-g1{flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:0}
.cw257-g1 .g1card{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;border:3px dashed #8AA2BA;border-radius:18px;background:#F5F9FD;padding:12px}
.cw257-g1 strong{display:block;font-size:34px;font-weight:900;line-height:1.25}
.cw257-g1 .g1card span{display:block;font-size:19px;color:var(--muted);line-height:1.5}
.cw257-today{margin:0;text-align:center;font-size:19px;font-weight:700;color:var(--muted)}

/* 자동접수 카운트다운: 3 접수 칸 전체를 덮는다 */
.cw257-auto{position:absolute;inset:0;z-index:4;background:#fff;border-radius:20px;border:3px solid var(--blue);padding:18px;display:flex;flex-direction:column;align-items:stretch;gap:10px}
.cw257-at{font-size:24px;font-weight:900;text-align:center;color:var(--navy)}
.cw257-an{font-size:120px;line-height:1;font-weight:900;text-align:center;color:var(--blue);font-variant-numeric:tabular-nums}
.cw257-abar{height:14px;border-radius:999px;background:#DCE7F3;overflow:hidden}
.cw257-abar i{display:block;height:100%;width:100%;background:var(--blue);transition:width .25s linear}
.cw257-aw{font-size:20px;font-weight:800;text-align:center;line-height:1.4}
.cw257-chips{display:flex;flex-direction:column;gap:6px;font-size:17px;font-weight:700;color:var(--muted);text-align:center}
.cw257-chips div{display:flex;gap:8px}
.cw257-chips button{flex:1;height:56px;border-radius:12px;border:3px solid #8AA2BA;background:#fff;color:var(--ink);font-size:21px;font-weight:800}
.cw257-chips button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.cw257-abtns{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.cw257-abtns button{height:64px;border-radius:14px;border:3px solid #8AA2BA;background:#fff;color:var(--ink);font-size:22px;font-weight:800}
.cw257-abtns .now{background:var(--green);border-color:var(--green);color:#fff;height:72px;font-size:26px}
.cw257-abtns .cancel{border-color:#C0392B;color:#B3261E}
.cw257-an2{margin:0;text-align:center;font-size:16px;color:var(--muted)}

/* +1 올린 뒤 알림 띠 */
.cw257-toast{position:absolute;left:50%;transform:translateX(-50%);bottom:104px;z-index:6;max-width:calc(100% - 40px);display:flex;align-items:center;gap:14px;background:#10283F;color:#fff;border-radius:16px;padding:12px 14px 12px 20px;font-size:21px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.cw257-toast[data-bad="1"]{background:#8E1F18}
.cw257-toast button{flex:none;height:52px;padding:0 20px;border-radius:12px;border:2px solid #8FB4E6;background:transparent;color:#fff;font-size:20px;font-weight:800}

/* 직원 메뉴 설정 */
.cw257-staff{display:flex;flex-direction:column;gap:12px;margin:6px 0}
.cw257-sg{display:flex;flex-direction:column;gap:8px;border:2px solid var(--line);border-radius:14px;padding:12px;background:#fff}
.cw257-sg b{font-size:20px}
.cw257-sg small{font-size:16px;color:var(--muted);line-height:1.4}
.cw257-seg{display:flex;gap:8px;flex-wrap:wrap}
.cw257-seg button{flex:1 1 0;min-width:84px;height:60px;border-radius:12px;border:3px solid #8AA2BA;background:#fff;color:var(--ink);font-size:19px;font-weight:800;padding:0 6px}
.cw257-seg button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.cw257-item span{display:block;text-align:left}

/* v1.3.263 — 화면3에서 회원카드를 댔을 때 뜨는 안내 */
#cw263Notice{position:fixed;left:50%;top:92px;transform:translateX(-50%);z-index:60;max-width:min(92vw,860px);background:#10283F;color:#fff;font-size:24px;font-weight:900;line-height:1.35;padding:16px 26px;border-radius:16px;border:3px solid #FFC94D;box-shadow:0 10px 30px rgba(0,0,0,.35);text-align:center}
#cw263Notice[hidden]{display:none}
@media(max-width:700px){#cw263Notice{font-size:18px;padding:12px 16px;top:70px}}

/* ───── v1.3.267 — 화면 2 (시안): 일반 손님(카드 없음) = 일반세차 / 유리막 / 하부 큰 +1 단추 3개 ───── */
.cw268-tiles{flex:1;min-width:0;gap:10px}
.cw268-tiles .th{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cw268-tiles .lock{flex:none;font-size:17px;font-weight:800;color:#0B6B40;background:#E8F6EE;border-radius:999px;padding:4px 12px;white-space:nowrap}
.cw268-tiles .lock[data-on="1"]{color:#8A4B00;background:#FFF1D0}
.cw268-tiles .big{flex:1;min-height:0;display:flex;gap:12px}
.cw268-tiles .big .col{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.cw268-tiles .tile{position:relative;border:0;border-radius:20px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px;min-height:0;min-width:0;font-family:inherit}
.cw268-tiles .tile.main{flex:1.6;background:var(--blue);box-shadow:0 6px 0 #073F80}
.cw268-tiles .tile.glass{flex:1;background:#6B3FA8;box-shadow:0 6px 0 #45267A}
.cw268-tiles .tile.under{flex:1;background:#0F7A8A;box-shadow:0 6px 0 #0A4F5A}
.cw268-tiles .tile b{font-size:42px;font-weight:900;letter-spacing:-1.5px;line-height:1.1}
.cw268-tiles .tile.glass b,.cw268-tiles .tile.under b{font-size:34px}
.cw268-tiles .tile span{font-size:20px;font-weight:700;opacity:.95;line-height:1.25;text-align:center}
.cw268-tiles .tile i{font-style:normal;font-size:40px;font-weight:900;line-height:1;background:rgba(255,255,255,.2);border-radius:14px;padding:4px 20px;margin-top:6px}
.cw268-tiles .tile.glass i,.cw268-tiles .tile.under i{font-size:32px;padding:2px 16px}
.cw268-tiles .tile svg{flex:none;width:52px;height:52px}
.cw268-tiles .tile.glass svg,.cw268-tiles .tile.under svg{width:40px;height:40px}
.cw268-tiles .tile:active{transform:translateY(4px);box-shadow:none}
.cw268-tiles .tile[data-lock="1"]{opacity:.5;box-shadow:none;transform:translateY(4px)}
.cw268-tiles .stats{display:flex;gap:10px}
.cw268-tiles .stats>div{flex:1;min-width:0;border:2px solid var(--line);border-radius:12px;padding:6px 14px;display:flex;flex-direction:column;background:#fff}
.cw268-tiles .stats small{font-size:18px;font-weight:800;color:var(--muted)}
.cw268-tiles .stats b{font-size:38px;font-weight:900;line-height:1.1;color:var(--blue);font-variant-numeric:tabular-nums}
.cw268-tiles .stats .g b{color:#6B3FA8}.cw268-tiles .stats .u b{color:#0F7A8A}
.cw268-tiles .cw257-today{min-height:0;font-size:17px}.cw268-tiles .cw257-today:empty{display:none}
@media(max-width:1180px){.cw268-tiles .tile b{font-size:32px}.cw268-tiles .tile.glass b,.cw268-tiles .tile.under b{font-size:26px}.cw268-tiles .tile span{font-size:17px}.cw268-tiles .tile i{font-size:32px}.cw268-tiles .stats b{font-size:30px}}
@media(max-height:760px){.cw268-tiles .tile svg{display:none}.cw268-tiles .stats>div{padding:3px 12px}}
@media(max-width:900px){.cw268-tiles .big{flex-direction:column}.cw268-tiles .tile{min-height:120px}.cw268-tiles .big .col{flex-direction:row}}