/* 스마트 견적 (2026-10-24 추가) — 클레이 스타일, 파란 버튼 #1E64DC */
.sqh{display:flex;gap:6px;margin:8px 2px 2px;overflow-x:auto;scrollbar-width:none}
.sqh a{flex:1 0 auto;text-align:center;border-radius:18px;padding:10px 12px;font:15px J,sans-serif;color:#1E64DC;text-decoration:none;background:linear-gradient(#fff,#EAF0FA);box-shadow:inset 0 2px 2px #fff,inset 0 -3px 5px rgba(120,150,200,.3),0 3px 0 #C3D0E6,0 5px 8px rgba(31,79,168,.12)}
.sqh a.on{color:#fff;background:linear-gradient(#5B8DE8,#1E64DC);box-shadow:inset 0 2px 2px rgba(255,255,255,.4),0 3px 0 #1749A8}
.sqb{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:16px;min-height:44px;padding:0 16px;font:16px J,sans-serif;color:#fff;cursor:pointer;background:linear-gradient(#5B8DE8,#1E64DC);box-shadow:inset 0 3px 3px rgba(255,255,255,.4),0 4px 0 #1749A8,0 8px 14px rgba(30,100,220,.25);text-decoration:none}
.sqb.w{color:#1E64DC;background:linear-gradient(#fff,#EAF0FA);box-shadow:inset 0 2px 2px #fff,inset 0 -3px 5px rgba(120,150,200,.3),0 3px 0 #C3D0E6}
.sqb.s{min-height:34px;padding:0 12px;font-size:14px;border-radius:12px}
.sqb[disabled]{opacity:.5}
.sqbar{position:sticky;bottom:calc(var(--tabh,64px) + 8px);z-index:5;display:flex;gap:8px;background:#fff;border-radius:22px;padding:10px;margin:12px 2px;box-shadow:0 8px 24px rgba(40,60,100,.16)}
.sqbar .sqb{flex:1}
.squp{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.squp label{flex:1 1 140px;cursor:pointer}
.squp input[type=file]{display:none}
.sqnote{font-size:13px;color:#6B778F;line-height:1.5;margin-top:6px}
.sqrow{background:#fff;border-radius:18px;padding:10px 12px;margin:10px 0;box-shadow:0 4px 12px rgba(31,79,168,.1),inset 0 -3px 6px rgba(150,170,210,.18)}
.sqrow.off{opacity:.5}
.sqrow .raw{font-size:12px;color:#6B778F;margin-bottom:6px;display:flex;gap:8px;align-items:center}
.sqrow .raw input{width:20px;height:20px;accent-color:#1E64DC}
.sqrow .main{display:flex;gap:10px;align-items:flex-start}
.sqrow .th{width:64px;height:64px;flex:none;border-radius:14px;overflow:hidden;background:#EEF2F8}
.sqrow .th img{width:100%;height:100%;object-fit:cover}
.sqrow .bd{flex:1;min-width:0}
.sqrow .nm{font-weight:700;color:#1B2430;font-size:15px;word-break:keep-all}
.sqrow .cd{font-size:12px;color:#6B778F;margin-top:2px}
.sqrow .pr{font-size:12px;color:#1E64DC;margin-top:2px}
.sqrow select,.sqrow .re{width:100%;box-sizing:border-box;margin-top:6px;height:38px;border:0;border-radius:12px;padding:0 10px;font-size:14px;background:linear-gradient(#E9EFF8,#F3F6FB);box-shadow:inset 0 3px 6px rgba(90,120,170,.22)}
.sqrow .qt{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}
.sqrow .qt input{width:84px;height:38px;border:0;border-radius:12px;text-align:center;font-size:16px;background:linear-gradient(#E9EFF8,#F3F6FB);box-shadow:inset 0 3px 6px rgba(90,120,170,.22)}
.sqcf{display:inline-block;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}
.sqcf.높음{background:#E3F6EA;color:#17803E}.sqcf.보통{background:#E8F0FD;color:#1E64DC}.sqcf.낮음,.sqcf.없음{background:#FFF1DC;color:#B35C00}
.sqchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.sqchips a{font-size:12px;border-radius:999px;padding:4px 10px;background:#F1F5FC;color:#1F4FA8;cursor:pointer;text-decoration:none}
.sqchips a.on{background:#1E64DC;color:#fff}
.sqgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:760px){.sqgrid{grid-template-columns:repeat(4,1fr)}}
.sqg{background:#fff;border-radius:18px;padding:8px;box-shadow:0 4px 12px rgba(31,79,168,.1);display:flex;flex-direction:column;gap:4px}
.sqg .th{aspect-ratio:1;border-radius:14px;overflow:hidden;background:#EEF2F8}
.sqg .th img{width:100%;height:100%;object-fit:cover}
.sqg .nm{font-size:14px;font-weight:700;color:#1B2430}
.sqg .cd{font-size:12px;color:#6B778F}
.sqg .sim{font-size:12px;color:#1E64DC}
.sqprev{max-width:100%;max-height:220px;border-radius:16px;display:block;margin:8px auto}
.sqtypes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(min-width:760px){.sqtypes{grid-template-columns:repeat(5,1fr)}}
.sqtypes a{border-radius:18px;padding:12px;background:linear-gradient(#fff,#EEF3FB);box-shadow:inset 0 2px 2px #fff,inset 0 -3px 6px rgba(120,150,200,.3),0 3px 0 #C9D5EA;text-decoration:none;color:#1B2430;cursor:pointer}
.sqtypes a b{display:block;font:15px J,sans-serif;color:#1E64DC}
.sqtypes a span{font-size:12px;color:#6B778F}
.sqtypes a.on{background:linear-gradient(#5B8DE8,#1E64DC);box-shadow:0 3px 0 #1749A8}
.sqtypes a.on b,.sqtypes a.on span{color:#fff}
.sqest{display:inline-block;font-size:12px;color:#B35C00;background:#FFF1DC;border-radius:999px;padding:2px 9px}
.sqhome{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 2px}
.sqhome a{border-radius:20px;padding:12px 8px;text-align:center;text-decoration:none;color:#1B2430;font-size:13px;background:linear-gradient(#fff,#EEF3FB);box-shadow:inset 0 2px 2px #fff,inset 0 -4px 8px rgba(120,150,200,.3),0 4px 0 #C9D5EA,0 8px 14px rgba(31,79,168,.1)}
.sqhome a i{display:block;font-style:normal;font-size:24px;margin-bottom:4px}
.sqhome a b{display:block;font:14px J,sans-serif;color:#1E64DC}
.sqwait{display:flex;align-items:center;gap:10px;padding:14px;color:#1E64DC}
.sqwait i{width:18px;height:18px;border-radius:50%;border:3px solid #CFE0FB;border-top-color:#1E64DC;animation:sqspin .8s linear infinite}
@keyframes sqspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sqwait i{animation:none}}
/* 관리자 배차 정보 */
.dpc{background:linear-gradient(#fff,#F6F8FC);border-radius:24px;padding:14px;margin:12px 2px;box-shadow:0 10px 22px rgba(31,79,168,.13),inset 0 -6px 12px rgba(150,170,210,.28)}
.dpc h3{margin:0 0 4px;font:18px J,sans-serif;color:#1B2430;display:flex;justify-content:space-between;align-items:center;gap:8px}
.dpf{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px dashed #DCE4F1}
.dpf:last-of-type{border-bottom:0}
.dpf .k{flex:none;width:76px;font-size:13px;color:#6B778F}
.dpf .v{flex:1;min-width:0;font-size:15px;color:#1B2430;word-break:break-all}
.dpf .v small{display:block;color:#B35C00;font-size:12px}
.dpf select,.dpf input{width:100%;box-sizing:border-box;height:40px;border:0;border-radius:12px;padding:0 10px;font-size:15px;background:linear-gradient(#E9EFF8,#F3F6FB);box-shadow:inset 0 3px 6px rgba(90,120,170,.22)}
.dpf .cp{flex:none;min-height:36px;padding:0 12px;font-size:13px}
.dpwarn{font-size:12px;color:#B35C00;background:#FFF6E8;border-radius:12px;padding:8px 10px;margin-top:8px;line-height:1.5}
.dpbtns{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.dpbtns .sqb{flex:1 1 140px}
.sqrules textarea{width:100%;box-sizing:border-box;min-height:360px;border:0;border-radius:16px;padding:12px;font:13px/1.5 ui-monospace,monospace;background:linear-gradient(#E9EFF8,#F3F6FB);box-shadow:inset 0 3px 6px rgba(90,120,170,.22)}
.sqtbl{width:100%;border-collapse:collapse;font-size:13px}
.sqtbl td,.sqtbl th{padding:6px 4px;border-bottom:1px solid #E3E9F3;text-align:left}
/* ===== 2026-10-24 23시 컨셉 수정 (위 원래 줄은 그대로, 아래 규칙이 덮어씀) ===== */
/* (1) 주황 → 파랑 계열 */
.sqcf.낮음,.sqcf.없음{background:#E3EDFD;color:#1E4FB0}
.sqest{color:#1E4FB0;background:#E3EDFD}
.dpf .v small{color:#1E4FB0}
.dpwarn{color:#1E4FB0;background:#EAF1FD}
/* 홈 스마트 견적 카드: 위쪽 카테고리 칸(.cg a)과 같은 바탕·둥글기·크기, 클레이 3D 아이콘, 글씨 파랑 */
.sqhome{gap:8px;margin:10px 0 4px}
.sqhome a{background:#F4F7FC;border-radius:16px;padding:6px 2px 8px;box-shadow:inset 0 2px 2px #fff,inset 0 -3px 6px rgba(120,150,200,.22),0 3px 0 #D3DEEF,0 6px 12px rgba(31,79,168,.08);color:#1E64DC;font-size:12px;transition:transform .12s}
.sqhome a img{width:100%;max-width:84px;aspect-ratio:1;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 3px 4px rgba(31,79,168,.18))}
.sqhome a b{font:13px J,sans-serif;color:#1E64DC;margin-top:2px}
.sqhome a span{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:10px;background:#E3EDFD;color:#1E64DC;font:11px J,sans-serif;box-shadow:inset 0 1px 1px #fff,0 2px 0 #C9DAF5}
@media(min-width:900px){.sqhome a img{max-width:96px}.sqhome a b{font-size:15px}.sqhome a span{font-size:12px}}
/* 스마트 견적 화면 탭 아이콘 */
.sqh a .sqic{width:26px;height:26px;object-fit:contain;vertical-align:middle;margin:-4px 4px -2px 0;filter:drop-shadow(0 2px 2px rgba(31,79,168,.18))}
/* 등급 안내 */
.sqgrade{margin-top:10px;background:#EAF1FD;border-radius:14px;padding:10px 12px;font-size:13px;color:#1B2430;line-height:1.7}
.sqgrade .t{font:14px J,sans-serif;color:#1E64DC;margin-bottom:2px}
.sqgrade b{display:inline-block;min-width:40px;margin-right:6px;color:#1E64DC;font:13px J,sans-serif}
/* (2) 배차 카드: 카톡상담 버튼에 가리지 않게 아래·오른쪽 여백 (버튼 위치는 그대로) */
.dpc{margin-bottom:110px;margin-right:64px}
@media(min-width:900px){.dpc{margin-right:86px}}
/* ===== 배차 스타일 끝 (APK용 smart.css 에서는 이 앞의 배차 줄을 빼요) ===== */
/* ===== 23시 컨셉 기준 추가: 배지·안내 박스·등급 안내도 파란 클레이(평면·주황·초록 없이) ===== */
.sqcf,.sqest,.sqhome a span{box-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 -2px 3px rgba(30,100,220,.14),0 2px 0 #C9DAF5}
.sqcf.높음{background:linear-gradient(#3B7BEA,#1E64DC);color:#fff;box-shadow:inset 0 1px 1px rgba(255,255,255,.45),inset 0 -2px 3px rgba(0,0,0,.18),0 2px 0 #1546A8}
.sqcf.보통{background:linear-gradient(#F2F7FF,#E3EDFD);color:#1E64DC}
.sqcf.낮음,.sqcf.없음{background:linear-gradient(#F6F8FC,#E6ECF6);color:#4A5D80}
.sqest{background:linear-gradient(#F2F7FF,#E3EDFD)}
.sqgrade{background:linear-gradient(#F5F9FF,#E6EFFD);box-shadow:inset 0 2px 2px #fff,inset 0 -3px 6px rgba(120,150,200,.25),0 3px 0 #D3DEEF,0 6px 12px rgba(31,79,168,.08)}
.sqgrade b{display:inline-block;text-align:center;padding:1px 0;border-radius:9px;background:linear-gradient(#3B7BEA,#1E64DC);color:#fff;box-shadow:inset 0 1px 1px rgba(255,255,255,.45),0 2px 0 #1546A8}
.sqnote{border-left:0}
.dpwarn{background:linear-gradient(#F5F9FF,#E6EFFD);box-shadow:inset 0 2px 2px #fff,inset 0 -3px 6px rgba(120,150,200,.25),0 3px 0 #D3DEEF}
/* ===== 23:15 검수 수정 4건 ===== */
/* 1) 아래 버튼 줄(장바구니 담기·견적 요청)이 카톡상담 버튼에 가리지 않게 오른쪽 여백 (카톡 버튼 위치는 그대로) */
@media(max-width:899px){.sqbar{margin-right:80px}}
/* 3) 단어 중간에서 끊기지 않게 */
.sqtypes a,.sqtypes a b,.sqtypes a span,.sqnote,.sqgrade,.sqhome a,.sqh a,.sqrow .nm,.dpf .v{word-break:keep-all;overflow-wrap:break-word}
/* 4) PC 에서도 신재·A급·B급 파란 클레이 알약 */
.cc12 .sqgrade b,#app .sqgrade b{display:inline-block;min-width:44px;text-align:center;padding:1px 8px;border-radius:999px;background:linear-gradient(#3B7BEA,#1E64DC);color:#fff;font:13px J,sans-serif;box-shadow:inset 0 1px 1px rgba(255,255,255,.45),inset 0 -2px 3px rgba(0,0,0,.18),0 2px 0 #1546A8}
/* 5) 홈 헤더 워드마크 「장터」 파랑 확정(10/21): 따뜻한(주황빛) 하이라이트를 파랑 계열로 */
.hlogo .wb{color:#4A86E8;text-shadow:0 3px 0 #164BA6,0 6px 9px rgba(0,0,0,.25),0 -1px 0 rgba(220,235,255,.8)}
/* APK용: 위 keep-all 줄이 배차 스타일 제거(sed)에 함께 지워지지 않도록 배차 선택자 없이 한 번 더 */
.sqtypes a,.sqtypes a b,.sqtypes a span,.sqnote,.sqgrade,.sqhome a,.sqh a,.sqrow .nm{word-break:keep-all;overflow-wrap:break-word}
/* BI(2026-10-25 병기 님 확정): 앱·모바일 파란 머리글의 「장터」 = BI 주황 #FF8A00 + 얇은 흰 테두리(파란 바탕에서 잘 보이게) */
body .hh .hlogo .wb,body.ishome .hh .hlogo .wb{color:#FF8A00;text-shadow:1px 0 0 #fff,-1px 0 0 #fff,0 1px 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,0 3px 0 #C45F00,0 6px 9px rgba(0,0,0,.25)}