/* ============================================================
   list-cards.css
   スマホ＝カード型 / PC＝従来テーブル の出し分け
   ＋ 民間救急バッジ・タップ発信ボタン・インボイス控えめ注釈
   対象: longdmt.com 各区 / 杉並(legacy) / 多摩
   作成: 2026-06-10  (invoice_09 仕様準拠)
   ------------------------------------------------------------
   ※カードは list-cards.js が DOM 生成し .table-wrap 直後に挿入。
     既存テーブルは触らず、CSSで「PCは表/スマホはカード」を出し分ける。
   ============================================================ */

/* 既定（PC）：カードは隠す */
.company-cards{ display:none; }

/* スマホ：テーブルを隠してカードを表示（768px以下） */
@media (max-width: 768px){
  .table-wrap{ display:none !important; }
  .company-cards{ display:block; }
}

/* ---- カード本体 ---- */
.company-cards .card{
  background:#fff; border:1px solid #e5e7eb; border-radius:14px;
  padding:15px 15px 13px; margin-bottom:12px;
  box-shadow:0 1px 3px rgba(0,0,0,.04); position:relative;
}
.company-cards .name{
  font-size:17px; font-weight:700; color:#1a56a0; line-height:1.35;
}

/* ---- ステータス枠（名称の上）：民間救急＝赤 / 確認中＝グレー ---- */
/* どちらも申請フォームへのリンク。押すと種別がプリセットされる */
.mk-slot{ display:flex; flex-wrap:wrap; gap:5px; align-items:center; margin-bottom:5px; }
.mk-slot .badge-kyukyu,
.mk-slot .badge-pending,
.mk-slot .badge-invoice{
  display:inline-flex; align-items:center; gap:4px;
  border-radius:6px; text-decoration:none; white-space:nowrap;
  letter-spacing:.02em;
}
.mk-slot .badge-kyukyu,
.mk-slot .badge-pending{ cursor:pointer; }
/* インボイス登録済（緑塗りつぶし・白文字・状態表示・クリックなし） */
.mk-slot .badge-invoice{
  background:#1d9e75; color:#fff; font-size:12px; font-weight:700;
  padding:3px 9px;
}
/* 民間救急（承認済み・赤・白文字） */
.mk-slot .badge-kyukyu{
  background:#c0392b; color:#fff; font-size:12px; font-weight:700;
  padding:3px 9px; box-shadow:0 1px 4px rgba(192,57,43,.25);
}
.mk-slot .badge-kyukyu:active{ opacity:.85; }
/* 確認中（未認定・グレー・控えめ） */
.mk-slot .badge-pending{
  background:#eef0f2; color:#6b7280; font-size:12px; font-weight:500;
  padding:3px 9px; border:1px solid #e2e5e8;
}
.mk-slot .badge-pending:active{ opacity:.85; }
/* PC表内は少し小さめ */
.table-wrap td.company-name .mk-slot{ margin-bottom:3px; }
.table-wrap td.company-name .mk-slot .badge-kyukyu,
.table-wrap td.company-name .mk-slot .badge-pending,
.table-wrap td.company-name .mk-slot .badge-invoice{
  font-size:11px; padding:2px 8px;
}

/* ---- 情報行（住所など） ---- */
.company-cards .rows{ margin-top:11px; display:flex; flex-direction:column; gap:8px; }
.company-cards .row{ display:flex; align-items:flex-start; gap:9px; font-size:14px; }
.company-cards .row .ico{ flex:0 0 18px; text-align:center; color:#6b7280; font-size:14px; line-height:1.5; }
.company-cards .row .addr{ color:#374151; line-height:1.55; }
.company-cards .row .addr.empty{ color:#9ca3af; }
.company-cards .hp-link-row a{ color:#1a56a0; text-decoration:underline; }

/* ---- 電話ボタン（オレンジ・タップ発信） ---- */
.company-cards .tel-btn{
  display:flex; align-items:center; justify-content:center; gap:8px; margin-top:13px;
  background:#e85d2f; color:#fff; text-decoration:none;
  font-size:15px; font-weight:700; padding:11px; border-radius:10px; letter-spacing:.02em;
}
.company-cards .tel-btn:active{ opacity:.85; }

/* .invoice-note 廃止 → 上の .mk-slot .badge-invoice に集約 */