/* 홈페이지 유입 화면 (traffic-ui.js) */
.traffic{display:grid;gap:14px}
.tr-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.tr-period{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:#f1f5f9}
.tr-period button{border:0;background:transparent;padding:7px 14px;border-radius:9px;font-weight:700;font-size:13.5px;color:#475569;cursor:pointer}
.tr-period button.selected{background:#fff;color:#3d0057;box-shadow:0 1px 3px #0f172a1f}
.tr-range{font-size:12.5px;color:#64748b}
.tr-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tr-tiles article{padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #e2e8f0}
.tr-tiles span{display:block;font-size:12.5px;color:#64748b;font-weight:600}
.tr-tiles strong{display:block;margin-top:4px;font-size:26px;line-height:1.2;color:#0f172a;font-variant-numeric:tabular-nums}
.tr-tiles small{display:block;margin-top:2px;font-size:11.5px;color:#94a3b8}
.tr-card{padding:16px 18px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;min-width:0}
.tr-card h3{margin:0 0 10px;font-size:15px;color:#0f172a}
.tr-card h3 small{margin-left:6px;font-size:12px;font-weight:500;color:#94a3b8}
.tr-chart{display:block;width:100%;height:auto}.tr-chart-narrow{display:none}
.tr-col{fill:#62008c}
.tr-dot{fill:#3d0057}
.tr-axis{font-size:11px;fill:#94a3b8;text-anchor:middle}
.tr-chart text.tr-axis:last-child{text-anchor:start}
.tr-table{width:100%;border-collapse:collapse;font-size:13.5px}
.tr-table th{text-align:right;font-size:12px;font-weight:600;color:#64748b;padding:6px 8px;border-bottom:1px solid #e2e8f0;white-space:nowrap}
.tr-table th:first-child{text-align:left}
.tr-table td{text-align:right;padding:8px;border-bottom:1px solid #f1f5f9;font-variant-numeric:tabular-nums;white-space:nowrap;vertical-align:top}
.tr-table td:first-child{text-align:left;white-space:normal;width:100%}
.tr-table tr:last-child td{border-bottom:0}
.tr-name{display:block;color:#0f172a;font-weight:600;word-break:keep-all}
.tr-bar{display:block;width:100%;max-width:240px;height:6px;margin-top:5px}
.tr-bar-bg{fill:#f1f5f9}.tr-bar-fg{fill:#62008c}
.tr-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tr-empty{margin:0;font-size:13px;color:#94a3b8}
.tr-note{margin:0;font-size:12px;color:#64748b;line-height:1.6}
.tr-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}
.tr-form label{display:grid;gap:4px;font-size:12.5px;font-weight:600;color:#475569}
.tr-form select,.tr-form input{width:100%;min-height:38px;padding:7px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;font:inherit;font-size:14px;color:#0f172a}
.tr-url{display:flex;gap:8px;align-items:stretch;margin-bottom:8px}
.tr-url code{flex:1;min-width:0;padding:9px 11px;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0;font-size:12.5px;color:#334155;overflow-wrap:anywhere}
@media (max-width:900px){.tr-grid3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.tr-chart-wide{display:none}.tr-chart-narrow{display:block}.tr-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-tiles strong{font-size:22px}.tr-form{grid-template-columns:minmax(0,1fr)}.tr-card{padding:14px}.tr-url{flex-direction:column}}
/* 창업문의 카드: 어느 경로로 들어와 신청했는지 */
.inq-src{color:#3d0057;font-weight:600}
/* 09 전용 화면(리뷰·매장 자료 없이) 안내 줄 */
.traffic-only-note{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fbf6fd;border:1px solid #ecd6f5;color:#310046;font-size:13px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}