/* ==========================================================
   運営：公開中のサービス（分類まるごと／1件ずつの掲載の入り切り）
   ========================================================== */
.listing-table td { vertical-align: top; }
.listing-table .listing-cat > td { background: #f6f9fc; font-size: 0.94rem; }
.listing-table .listing-cat.is-hidden > td { background: #f4f2f2; }
.listing-table .listing-svc.is-hidden > td { opacity: 0.72; }

.listing-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  white-space: nowrap;
}

.listing-badge.is-on { background: #e3f4e8; color: #1d6b39; }
.listing-badge.is-off { background: #fde8e8; color: #a32020; }

.listing-table .inline-form { display: inline-flex; gap: 6px; align-items: center; margin: 0; }
.listing-table .small-input {
  width: 190px;
  padding: 4px 8px;
  border: 1px solid #dde3ea;
  border-radius: 6px;
  font: inherit;
  font-size: 0.85rem;
}

@media (max-width: 900px) {
  .listing-table .inline-form { flex-direction: column; align-items: flex-start; }
  .listing-table .small-input { width: 150px; }
}

/* 会社のマイページ：運営による停止のお知らせ */
.vp .vp-state-stopped {
  border: 1px solid #e6bcbc;
  border-left: 4px solid #c0392b;
  background: #fdf2f2;
}