/* ★10/15 카송 밝은 화면(사장님 확정 — 5번 색: 연한 회색 #F2F4F6 + 흰 칸 + 파랑 #3182F6)
   접수(carsong.html)·이용내역/진행/채팅(carsong_my.html)에만 붙인다. 첫 화면(carsong_home)은 검정 그대로.
   되돌리기: 각 화면의 <link href="/static/cs_light.css"> 한 줄만 지우면 원래 검정. */
:root { --bg:#F2F4F6; --card:#FFFFFF; --line:#E5E8EB; --ink:#191F28; --sub:#6B7684; --mute:#8B95A1; --blue:#3182F6; --blue-soft:#E8F3FF; }

html, body { background:var(--bg) !important; color:var(--ink) !important; }

/* ── 접수 화면 (carsong.html) ── */
.topbar, .tagline { background:#fff !important; }
.topbar { color:var(--ink) !important; border-bottom:1px solid var(--line) !important; }
.topbar svg path { fill:var(--ink) !important; }
.topbar a[href^="tel"] { background:var(--blue-soft) !important; border:0 !important; color:var(--blue) !important; }
.topbar a:first-child { color:var(--ink) !important; }
.tagline { color:var(--sub) !important; }
.tagline em { color:var(--blue) !important; }
.svc button { background:#fff !important; border-color:var(--line) !important; color:var(--sub) !important; }
.svc button.on { background:var(--blue-soft) !important; border-color:var(--blue) !important; color:var(--ink) !important; box-shadow:inset 0 0 0 1px var(--blue) !important; }
.svchint, .hint { color:var(--mute) !important; }
.card { background:var(--card) !important; border:0 !important; box-shadow:0 1px 3px rgba(0,0,0,.04) !important; }
.card h2 { color:var(--ink) !important; }
label { color:var(--sub) !important; }
input[type=text], input[type=tel], input[type=date], input[type=time], textarea {
  background:#fff !important; border-color:var(--line) !important; color:var(--ink) !important; color-scheme:light !important; }
input::placeholder, textarea::placeholder { color:#B0B8C1 !important; }
input:focus, textarea:focus { background:#fff !important; border-color:var(--blue) !important; }
.gps { border-color:var(--blue) !important; color:var(--blue) !important; background:#fff !important; }
.dd { background:#fff !important; border-color:var(--line) !important; box-shadow:0 8px 22px rgba(0,0,0,.12) !important; }
.dd div { border-bottom-color:#F2F4F6 !important; }
.dd div:active { background:var(--blue-soft) !important; }
.dd b { color:var(--ink) !important; }
.dd span { color:var(--mute) !important; }
.picked { border-color:#2fb380 !important; background:#F1FBF6 !important; }
#map { border-color:var(--line) !important; }
#pickBar, #tapBar { background:#fff !important; box-shadow:0 3px 12px rgba(0,0,0,.18) !important; }
#pickBar b, #tapBar b { color:var(--ink) !important; }
#pickBar .ok, #tapBar .ts { background:var(--blue) !important; }
#pickBar .no, #tapBar .tc { background:#F2F4F6 !important; color:var(--sub) !important; }
#distBadge { background:var(--blue) !important; }
.radio-row label.opt, .rt-check { background:#fff !important; border-color:var(--line) !important; color:var(--sub) !important; }
.radio-row label.opt.on, .rt-check.on { background:var(--blue-soft) !important; border-color:var(--blue) !important; color:var(--ink) !important; }
.quote { background:#fff !important; border-color:var(--line) !important; }
.quote .qbtn { background:var(--blue) !important; }
.quote .qbtn:disabled { background:#E5E8EB !important; color:var(--mute) !important; }
.quote .qres .amt { color:var(--ink) !important; }
.quote .qres .amt small, .quote .qres.miss .amt { color:var(--sub) !important; }
.quote .qres .qnote { color:var(--mute) !important; }
.safe { background:#FFF8E6 !important; border-color:#F5D98A !important; color:#7A5B00 !important; }
.btn { background:var(--blue) !important; }
.btn:disabled { background:#C9D9F5 !important; color:#fff !important; }
.err { background:#FFE3E3 !important; color:#C92A2A !important; }
.done h2 { color:var(--ink) !important; }
.done p { color:var(--sub) !important; }
.done .tel { background:var(--blue) !important; }
.foot { color:var(--mute) !important; }
.foot b { color:var(--sub) !important; }
button[onclick="addWp()"] { background:#fff !important; border-color:var(--line) !important; color:var(--sub) !important; }
.upbtn { background:#fff !important; border-color:#C9D2DC !important; color:var(--sub) !important; }
.upbtn:active, .upbtn.has { border-color:var(--blue) !important; color:var(--blue) !important; }
.upthumbs div { background:#fff !important; }

/* ── 이용내역·진행화면·채팅 (carsong_my.html) ── */
.top h1 { color:var(--ink) !important; }
.back { color:var(--sub) !important; }
#loginCard, .tl, .box, .fold, #adBox { background:var(--card) !important; }
#loginCard p { color:var(--sub) !important; }
#loginCard input { background:#fff !important; border-color:var(--line) !important; color:var(--ink) !important; }
#loginCard button, .cs, .again a { background:var(--blue) !important; color:#fff !important; }
.phoneBar b { color:var(--sub) !important; }
.card .raddr, .route { color:var(--ink) !important; }
.rlab, .when, .meta, .kv .k, .nows, .bl, .ph-note, .spin, .tinfo span, .againLink { color:var(--mute) !important; }
.meta .price { color:var(--ink) !important; }
.now { color:var(--ink) !important; }
.bar span { background:#E5E8EB !important; }
.bar span.on { background:var(--blue) !important; }
.kv span:last-child, .drv b, .fh { color:var(--ink) !important; }
.fh .arw { color:var(--blue) !important; }
.db a { background:#F2F4F6 !important; color:var(--ink) !important; }
.ph-grid a { background:#E5E8EB !important; }
.b-접수 { background:#F2F4F6 !important; color:var(--sub) !important; }
.b-배정 { background:var(--blue-soft) !important; color:var(--blue) !important; }
.b-출발 { background:#E7F8EF !important; color:#12935B !important; }
.b-완료 { background:var(--blue) !important; color:#fff !important; }
.b-취소 { background:#FFEDED !important; color:#D9443F !important; }
#adBox label { color:var(--ink) !important; }
#detail, #bizView { background:var(--bg) !important; }
/* 채팅 화면 */
#chatView { background:var(--bg) !important; }
#chatView .top { border-bottom-color:var(--line) !important; }
#chatChip { background:#fff !important; color:var(--sub) !important; }
#chatMsgs > div[style*="#1F2228"] { background:#fff !important; color:var(--ink) !important; }
#chatMsgs > div[style*="#2B5CFF"] { background:var(--blue) !important; }
#chatView label { background:#fff !important; color:var(--sub) !important; }
#chatText { background:#fff !important; border-color:var(--line) !important; color:var(--ink) !important; }
#chatView button { background:var(--blue) !important; }