/* わたし｜別の班 v16
   既存のメッセージ生成・課金・保存は app.js に残し、
   表示だけを「選択 → 右上の利用者発言 → PERSONAの複数セリフ」へ翻訳する。 */

/* 元の文章・課金ボタンは状態判定と既存処理のためDOMには残す。
   v7の会話が準備できた時だけ、画面上では重複表示しない。 */
.message.persona-conversation-ready > .card.free.today-letter,
.message.persona-conversation-ready > .premium-title,
.message.persona-conversation-ready > article.premium.card,
.message.persona-conversation-ready > .letter-closing,
.message.persona-conversation-ready > .trial-open-note,
.message.persona-conversation-ready > .trial-button,
.message.persona-conversation-ready > .membership.card {
  display:none !important;
}

.persona-conversation-stage{
  margin:18px 0 22px;
  border:1px solid rgba(238,220,228,.92);
  border-radius:24px;
  padding:20px 16px 18px;
  background:rgba(255,253,253,.92);
  box-shadow:0 14px 34px rgba(106,76,88,.07);
}
.persona-conversation-log{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
}
.persona-talk-row{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:11px;
  align-items:start;
  width:100%;
  min-width:0;
}
.persona-talk-avatar{
  display:grid;
  gap:5px;
  justify-items:center;
}
.persona-talk-avatar img{
  display:block;
  width:82px;
  height:82px;
  border:3px solid #fff;
  border-radius:22px;
  object-fit:cover;
  object-position:center 24%;
  box-shadow:0 8px 22px rgba(67,48,57,.13);
  background:#fff;
}
.persona-talk-avatar small{
  color:#847077;
  font-size:9px;
  font-weight:700;
  line-height:1.2;
  text-align:center;
}
.persona-talk-bubble{
  width:fit-content;
  max-width:100%;
  margin:0;
  border:1px solid #eadde1;
  border-radius:18px 18px 18px 6px;
  padding:13px 15px;
  color:#554e52;
  background:rgba(255,255,255,.98);
  box-shadow:0 7px 20px rgba(83,60,70,.055);
  font-family:"Hiragino Maru Gothic ProN","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  font-size:14px;
  line-height:1.92;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.persona-manager .persona-talk-bubble{color:#514f4e;background:#fffefb}
.persona-analyst .persona-talk-bubble{color:#4e6074;background:#fbfdff;border-color:#dce5ef}
.persona-boss .persona-talk-bubble{color:#684d59;background:#fffafb;border-color:#ead8df}
.persona-commander .persona-talk-bubble{color:#554e52;background:#fff}

.persona-talk-answer{
  align-self:flex-end;
  width:fit-content;
  max-width:86%;
  margin:0 0 0 auto;
  border:1px solid #e7d2d9;
  border-radius:18px 6px 18px 18px;
  padding:11px 14px;
  color:#825d6a;
  background:#f8e9ee;
  font-size:13px;
  font-weight:700;
  line-height:1.6;
  overflow-wrap:anywhere;
}

.persona-talk-choices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-left:103px;
}
.persona-talk-choice,
.persona-plan-cta{
  width:100%;
  min-height:48px;
  border:1px solid #e2cbd3;
  border-radius:15px;
  padding:10px 11px;
  color:#6b5360;
  background:#fff;
  font:inherit;
  font-size:12px;
  font-weight:700;
  line-height:1.45;
  text-align:center;
  cursor:pointer;
  transition:.14s ease;
}
.persona-talk-choice:hover,
.persona-talk-choice:focus-visible,
.persona-plan-cta:hover,
.persona-plan-cta:focus-visible{
  border-color:#c895a7;
  background:#fff8fa;
  outline:none;
}
.persona-talk-choice.locked{
  color:#987a87;
  background:#fbf6f8;
  border-style:dashed;
}
.boss-topic-choices{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.analyst-choices{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.persona-plan-cta{
  align-self:center;
  width:min(100%,420px);
  margin:2px auto 0;
  border-color:#9a6f82;
  color:#fff;
  background:#9a6f82;
}
.persona-plan-cta:hover,
.persona-plan-cta:focus-visible{
  color:#fff;
  background:#876174;
  border-color:#876174;
}

@media(max-width:520px){
  .persona-conversation-stage{padding:17px 11px 16px;border-radius:21px}
  .persona-talk-row{grid-template-columns:78px minmax(0,1fr);gap:8px}
  .persona-talk-avatar img{width:70px;height:70px;border-radius:19px}
  .persona-talk-bubble{font-size:13px;line-height:1.85;padding:12px 13px}
  .persona-talk-choices{margin-left:86px}
  .boss-topic-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
  .analyst-choices{grid-template-columns:1fr}
}
@media(max-width:370px){
  .persona-talk-row{grid-template-columns:70px minmax(0,1fr);gap:7px}
  .persona-talk-avatar img{width:64px;height:64px;border-radius:18px}
  .persona-talk-choices{margin-left:77px;grid-template-columns:1fr}
  .boss-topic-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* v8: 「朝/午後/夜のあなたに」の横に旧ナビゲーター顔を重ねない。 */
.message.persona-conversation-ready .message-intro h2::before{
  display:none !important;
  content:none !important;
}
.message.persona-conversation-ready .message-intro h2{
  gap:0 !important;
}

/* タイピング中の次操作は、返答が終わってから見せる。 */
.persona-talk-choices[hidden],
.persona-plan-cta[hidden]{
  display:none !important;
}


/* v13: 選んだ回答を右上の会話起点にするための固定ランウェイ。 */
.persona-talk-answer{scroll-margin-top:8px}
.persona-conversation-stage::after{content:"";display:block;height:980px;pointer-events:none}
@media(max-width:520px){.persona-conversation-stage::after{height:860px}}