/* 사장님홈피 HQ — 비즈알리미 HQ 톤(남색 머리줄), 포인트만 주황 */
:root{--main:#ea580c;--main-d:#c2410c;--main-l:#fff7ed;--navy:#1c1917;--ink:#1c1917;--text:#3f3f46;--sub:#71717a;--line:#e7e5e4;--bg:#f5f5f4;--red:#dc2626}
*{box-sizing:border-box}
body{margin:0;font-family:'Pretendard Variable',Pretendard,-apple-system,'Malgun Gothic',sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;word-break:keep-all}
a{color:var(--main);text-decoration:none}
.muted{color:var(--sub)}.small{font-size:13px}.mono{font-family:Consolas,monospace;font-size:12px}.nowrap{white-space:nowrap}.r{text-align:right}
.hq-wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.hq-top{background:var(--navy);position:sticky;top:0;z-index:10}
.hq-top-in{display:flex;align-items:center;gap:18px;height:56px}
.hq-logo{display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;font-size:16px;white-space:nowrap}.hq-logo img{width:26px;height:26px;border-radius:7px}.hq-logo b{color:#fdba74}
.hq-nav{display:flex;gap:2px;flex:1;overflow-x:auto}
.hq-nav a{color:#d6d3d1;padding:8px 12px;border-radius:8px;font-weight:600;white-space:nowrap}
.hq-nav a.on{background:rgba(255,255,255,.12);color:#fff}
.hq-nav a.off{opacity:.45;pointer-events:none}
.nav-dot{font-style:normal;background:var(--red);color:#fff;font-size:11px;border-radius:999px;padding:1px 6px;margin-left:4px}
.hq-me{display:flex;gap:12px;color:#a8a29e;white-space:nowrap}.hq-me a{color:#fdba74}
.hq-main{padding-top:22px;padding-bottom:40px}
.hq-head h1{margin:0 0 14px;font-size:22px;color:var(--ink)}.hq-head small{font-size:13px;color:var(--sub);font-weight:500;margin-left:8px}
.hq-flash{background:#ecfdf5;color:#047857;border-radius:10px;padding:10px 14px;margin-bottom:14px}
.seg{display:inline-flex;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:14px;gap:2px}
.seg a{padding:7px 14px;border-radius:9px;color:var(--sub);font-weight:600}.seg a b{color:var(--ink);margin-left:3px}
.seg a.on{background:var(--main-l);color:var(--main-d)}
.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px}
.tw{overflow-x:auto}
.t{width:100%;border-collapse:collapse}
.t th{text-align:left;font-size:12.5px;color:var(--sub);font-weight:600;padding:10px;border-bottom:1px solid var(--line);background:#fafaf9;white-space:nowrap}
.t td{padding:10px;border-bottom:1px solid #f5f5f4;vertical-align:top}
.t tr.st-new td:first-child{box-shadow:inset 3px 0 0 var(--red)}
.t tr.st-contract td:first-child{box-shadow:inset 3px 0 0 #16a34a}
.t tr.st-drop{opacity:.55}
.body{margin-top:6px;font-size:13.5px;line-height:1.6;color:var(--text)}
.src{display:inline-block;margin-top:3px;background:var(--main-l);color:var(--main-d);font-size:11.5px;font-weight:700;border-radius:6px;padding:1px 6px}
.inq-form{display:flex;flex-direction:column;gap:6px}
.inq-form select,.inq-form textarea{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:#fff;width:100%}
.sbtn{font:inherit;font-size:13px;padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:600;color:var(--text)}
.sbtn.main{background:var(--main);border-color:var(--main);color:#fff}
.pager{display:flex;gap:4px;justify-content:center;margin-top:14px}.pager a{padding:6px 11px;border-radius:8px;background:#fff;border:1px solid var(--line);color:var(--text)}.pager a.on{background:var(--main);color:#fff;border-color:var(--main)}
/* 로그인 */
.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#1c1917,#44403c)}
.login-box{width:min(360px,92vw);background:#fff;border-radius:20px;padding:30px 26px;display:flex;flex-direction:column;gap:10px;text-align:center;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
.login-box img{margin:0 auto;border-radius:12px}
.login-box h1{margin:4px 0 8px;font-size:21px;color:var(--ink)}.login-box h1 b{color:var(--main)}
.login-box input{height:46px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;font-size:15px}
.login-box input:focus{outline:2px solid #fed7aa;border-color:var(--main)}
.login-box button{height:48px;border:0;border-radius:12px;background:var(--main);color:#fff;font:inherit;font-weight:700;font-size:15.5px;cursor:pointer}
.login-box .err{background:#fef2f2;color:#b91c1c;border-radius:10px;padding:9px;font-size:13.5px}
@media (max-width:640px){.hq-me span{display:none}.hq-top-in{gap:10px}.hq-logo{font-size:0}.hq-logo img{width:28px;height:28px}}
.pics{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.pics img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block}
.pic-file{width:72px;height:72px;border-radius:8px;border:1px dashed var(--line);display:grid;place-items:center;text-align:center;font-size:12px;font-weight:700}
/* 가게 목록 */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.kpi small{color:var(--sub);font-weight:600}.kpi b{font-size:18px;color:var(--ink)}.kpi span{font-size:12px}.kpi .bad{color:var(--red);font-weight:700}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px}
.filters select,.filters input[type=date],.filters input[name=s]{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:#fff}
.filters label{display:inline-flex;align-items:center;gap:5px;font-size:13px}
.bulk-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px;font-size:13px}
.bulk-bar b{color:var(--main)}
.chip-s{font-size:11px;background:#f4f4f5;color:var(--sub);border-radius:6px;padding:1px 5px}
.shop-t td{vertical-align:middle}
.t tr.st-pick td:first-child{box-shadow:inset 3px 0 0 var(--main)}
.t tr.st-sent td:first-child{box-shadow:inset 3px 0 0 #2563eb}
.t tr.st-skip{opacity:.5}
/* 방문 분석 */
.live-badge{display:inline-flex;align-items:center;gap:6px;color:#e7e5e4;background:rgba(255,255,255,.08);border-radius:999px;padding:5px 12px;font-size:13px;white-space:nowrap}
.live-badge i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:pulse 2s infinite}
.live-badge b{color:#fff}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.kpi.live b{color:#16a34a}
.panel.pad{padding:14px 16px;margin-bottom:12px}
.panel h3{margin:0 0 10px;font-size:15px;color:var(--ink)}.panel h3 small{font-weight:500;font-size:12px;margin-left:6px}
.live-box{padding:14px 16px;margin-bottom:12px;border:1.5px solid #bbf7d0}
.grid2{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-bottom:12px}
.grid2 .panel{margin-bottom:0}
.bars{display:grid;grid-template-columns:repeat(14,1fr);gap:4px;align-items:end;height:150px}
.bars div{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.bars span{display:block;width:70%;background:var(--main);border-radius:4px 4px 0 0;min-height:2px}
.bars b{position:absolute;top:0;font-size:11px;color:var(--ink)}
.bars small{font-size:10.5px;color:var(--sub);margin-top:3px}
.hbar{display:grid;grid-template-columns:96px 1fr 40px;gap:8px;align-items:center;margin:5px 0;font-size:13px}
.hbar .track{background:#f5f5f4;border-radius:6px;height:14px;overflow:hidden}.hbar i{display:block;height:100%;background:#fdba74;border-radius:6px}.hbar i.qr{background:var(--main)}
.hbar b{text-align:right}
.kw{display:flex;flex-wrap:wrap;gap:6px}.kw span{background:#f5f5f4;border-radius:999px;padding:4px 10px;font-size:13px}.kw small{color:var(--sub)}
.t tr.v-in td{color:#a8a29e}
.t tr.v-qr td:first-child{box-shadow:inset 3px 0 0 var(--main)}
@media (max-width:900px){.grid2{grid-template-columns:1fr}.live-badge{display:none}}