/* =========================================================================
 * 운영 페이지 「배너」 탭(/ops/banners/) — 2026-10-07. 이 탭에서만 싣는다(functions.php).
 * 틀(목록 카드·배지·입력칸·버튼)은 ops.css 와 사이트 공용 .btn, 업체 사진·문구 칸 배치만 여기 둔다.
 * ========================================================================= */

.ops-banner-count{margin:0; font-size:14.5px}
.ops-banner-count b{font-family:var(--mono); color:var(--action)}

.ops-banner{align-items:center}
.ops-banner.is-on{border-color:var(--action)}
/* 노출 순서 「1번」(2026-10-07 「배너순서도 정할 수 있도록」) */
.ops-banner-no{display:inline-block; margin-right:6px; padding:1px 7px; border-radius:3px; background:var(--action-bg); color:#fff;
  font-family:var(--mono); font-size:12px; font-weight:800}
.ops-banner-move{min-width:34px; padding-left:8px; padding-right:8px}
.ops-banner-move.is-blank{visibility:hidden}
.ops-banner-thumb{flex:none; width:64px; height:64px; border-radius:4px; overflow:hidden; background:var(--bg-2);
  display:flex; align-items:center; justify-content:center}
.ops-banner-thumb img{width:100%; height:100%; object-fit:cover; display:block}
/* 카드 안 둘째 줄(flex-wrap). 왼쪽은 사진(64px) + 간격(14px)만큼 들여 업체 이름과 맞추고, 오른쪽은 카드 안쪽 끝 =
   버튼 묶음 끝까지 간다. */
.ops-banner-fields{flex:1 1 calc(100% - 78px); display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-left:78px}
.ops-banner-fields .ops-field{width:100%}

@media (max-width:600px){
  .ops-banner-fields{flex-basis:100%; grid-template-columns:1fr; margin-left:0}
}