/* =====================================================================
   HAIRA v2 — creator pages (top / list / profile): production parts of the lab card and the shared dialogs
   ===================================================================== */

/* ---------- card: production actions (配信を依頼する / 通話を見る) under the lab card ---------- */
/* the card box moves to the <li> so the link and the actions read as one card */
.ccard.has-acts{display:flex;flex-direction:column;border-radius:var(--r-l);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);overflow:hidden;transition:box-shadow .5s var(--ease-out)}
.ccard.has-acts:hover{box-shadow:var(--sh-3)}
.ccard.has-acts .ccard__in{flex:1;height:auto;border:0;border-radius:0;box-shadow:none;transform:none}
.ccard.has-acts .ccard__in:hover{box-shadow:none}
.ccard__acts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:0 18px 18px}
.ccard__act{min-height:44px;padding:0 10px;font-size:14px;box-shadow:none;white-space:nowrap}
.ccard__act.is-off{background:var(--gray-soft);color:var(--ink-3);border-color:transparent;cursor:not-allowed;box-shadow:none}
.ccard__act.is-off:hover{transform:none;background:var(--gray-soft);color:var(--ink-3)}
@media (max-width:599px), (max-height:500px) and (pointer:coarse){
  .cgrid--list .ccard.has-acts{border-radius:20px}
  .cgrid--list .ccard.has-acts .ccard__in{border-radius:0;padding-bottom:12px}
  .cgrid--list .ccard__acts{padding:0 16px 16px}
  /* phone list rows: the badge sits on the white card (no banner behind it) — back to the lab's tone colours */
  .cgrid--list .ccard__badges .c-badge{backdrop-filter:none}
  .cgrid--list .ccard__badges .c-badge--mint{background-color:var(--ok-soft)}
  .cgrid--list .ccard__badges .c-badge--gray{background-color:var(--gray-soft)}
}

/* matched games (keyword = game title) and the next call slot (top page: 近日中に通話可能) */
.ccard__games{display:flex;flex-wrap:wrap;gap:6px}
.ccard__game{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:28px;padding:3px 10px;border-radius:8px;background:var(--mint-soft);color:#0A7451;font-size:12.5px;font-weight:800;line-height:1.4}
.ccard__game .ico{flex:none;width:15px;height:15px}
.ccard__game.is-unowned{background:var(--sun-soft);color:var(--sun-deep)}
.ccard__next{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--pink-deep)}
.ccard__next .ico{width:16px;height:16px}
.ccard__badges .c-badge{min-height:28px;font-size:12.5px;background-color:rgba(255,255,255,.94);backdrop-filter:blur(6px)}
.ccard__badges .c-badge .ico{width:15px;height:15px}
.ccard__badges .c-badge--mint{color:var(--ok)}
.ccard__badges .chip .ico{width:14px;height:14px}

/* ---------- blocked creator (production ts_blocked_card_shield: shown after 「タップして表示する」) ---------- */
.ccard.is-blocked{display:flex}
.ts-blocked-card{display:flex;flex:1;align-items:center;justify-content:center;min-height:260px;padding:24px 18px;border-radius:var(--r-l);background:repeating-linear-gradient(135deg,#F7F4FC 0 12px,#F1ECF9 12px 24px);border:1.5px dashed var(--line-2)}
.ccard.has-acts .ts-blocked-card{border:0;border-radius:0}
.ts-blocked-inner{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.ts-blocked-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--ink-3);box-shadow:var(--sh-1)}
.ts-blocked-ico .ico{width:26px;height:26px}
.ts-blocked-inner p{font-size:14.5px;font-weight:800;color:var(--ink-2)}
.ts-blocked-reveal{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--r-pill);background:#fff;border:1.5px solid var(--line-2);font-size:14px;font-weight:800;color:var(--violet-deep)}
.ts-blocked-reveal:hover{border-color:var(--violet)}
@media (max-width:599px){ .cgrid--list .ts-blocked-card{min-height:150px} }

/* ---------- 「ログインしてください」 (production texts, lab dialog) ---------- */
.ts-v2-login .c-modal__body p{font-size:15.5px;line-height:1.8;color:var(--ink-2)}
.ts-v2-login .c-modal__foot .btn{display:inline-flex;align-items:center;justify-content:center}

/* クリエイター一覧の4列（1200〜1339px）：「配信を依頼する」がボタンからはみ出さないように（2026-10-05 点検） */
@media (min-width:1200px) and (max-width:1339px){
  .cgrid--list .ccard__acts{padding:0 14px 16px;gap:6px}
  .cgrid--list .ccard__act{padding:0 6px;font-size:13px;letter-spacing:.02em}
}