/* mobile.css — 블리츠씰 어드민 모바일 전용 레이아웃 레이어 (2026-07-23)
 * app.css 뒤에 로드. 모바일(≤768px)은 이 파일이 단일 권위 — 데스크톱 그리드를 눌러 쓰는 게 아니라
 * 처음부터 모바일용으로 재배치. 전부 1단, span 리셋, 숫자·배지 세로글씨/줄바꿈 방지, 터치 여백.
 * 데스크톱(>768)엔 아무 영향 없음(전부 미디어쿼리 안).
 */
@media (max-width: 768px) {
  /* ── 대시보드 그리드: 무조건 1단 + span 완전 리셋 ── */
  .ax .g3, .ax .grid2, .ax .g2 { grid-template-columns: 1fr !important; gap: 14px !important; }
  .ax .span2, .ax .span3 { grid-column: auto !important; }
  .ax .card { width: 100% !important; flex: none !important; }

  /* ── 헤더/타이틀 ── */
  .ax .wrap { padding: 60px 14px 40px !important; gap: 14px !important; }
  .ax .chd { padding: 16px 16px 10px !important; }
  .ax .ctitle { font-size: 16px !important; }
  .ax .cb { padding-left: 16px !important; padding-right: 16px !important; }

  /* ── 숫자·배지 세로글씨/줄바꿈 방지 (핵심 버그) ── */
  .ax .cs-val, .ax .chsum-v, .ax .chsum-d, .ax .gk-badge, .ax .gk-v b, .ax .gk-pct, .ax .cs-lab { white-space: nowrap !important; }
  .ax .cs-val { font-size: 22px !important; }
  .ax .chsum { flex-wrap: wrap; gap: 18px !important; align-items: flex-end; }
  .ax .gk-v { flex-wrap: wrap; }

  /* ── 브랜드 칩·컨트롤: 가로 스크롤(줄바꿈 대신 깔끔하게) ── */
  .ax .ctrl { flex-wrap: wrap; }
  .ax .pseg { margin-left: 0 !important; }

  /* ── 유료협찬자 컨펌 ── */
  .ax .qgrid { grid-template-columns: 1fr !important; }
  .ax .stats { grid-template-columns: repeat(2, 1fr) !important; }  /* 지표 6칸 → 2칸 */
  .ax .cf-hd { flex-direction: column !important; align-items: stretch !important; gap: 10px !important; }
  .ax .cf-hd .r { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .ax .cf-hd .r .btn-g { width: 100%; justify-content: center; }
  .ax .cf-hd .r .btn-g:first-child { grid-column: 1 / -1; }
  .ax .ft { flex-wrap: wrap; }
  .ax .ft .decide { min-width: 0; }

  /* ── 세그먼트 탭: 가로 스크롤 ── */
  .ax .seg, .ax .fseg, .ax .cfseg, .ax .tabs, .ax .mtg-seg { max-width: 100%; overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; }
  .ax .seg span, .ax .fseg span, .ax .cfseg span, .ax .tabs .tab { white-space: nowrap; flex: 0 0 auto; }

  /* ── 단가 기입 ── */
  .ax .pgrid { grid-template-columns: 1fr !important; }
  .ax .rcard .top { flex-wrap: wrap; }

  /* ── 표: 카드 밖으로 못 나가게 가로 스크롤 ── */
  .ax .spt-wrap, .ax .cf-tblwrap, .ax .dsc-wrap, .ax .qtbl-wrap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .ax .cb > table, .ax .ht { display: block; overflow-x: auto; white-space: nowrap; }

  /* ── 발굴 페이지(discovery) 그리드 1단 ── */
  .ax .dsc-grid, .ax .dsc-form-grid { grid-template-columns: 1fr !important; }

  /* ── 캘린더: 가로 스크롤(주간 5칸 유지) ── */
  .ax .cal, .ax .pcal { overflow-x: auto; }
}