/* リニューアルテーマ調和 (refs #430 PoC) — チャット機能・レイアウトは不変 */
:root {
  --accent: #662d91;
  --accent-dark: #4a2d6e;
  --accent-light: #8570a0;
  --bg-primary: #f7f4ee;
  --bg-chat: transparent;
  --bg-secondary: #ffffff;
}
body {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", sans-serif;
  padding-top: 116px; /* 新ナビの高さ */
  background: #f7f4ee;
}
/* 旧ロゴはナビと重複するため非表示(進捗表示は残す) */
.header-logo { display: none; }
.header { background: transparent; }
@media (max-width: 960px) { body { padding-top: 60px; } }
/* 旧ミント地を新テーマの淡藤へ */
.chat-area, .main-area { background-color: transparent !important; }
.chat-view {
  background-color: transparent !important;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(138, 104, 180, 0.06) 0%, transparent 50px),
    radial-gradient(circle at 80% 60%, rgba(201, 177, 132, 0.07) 0%, transparent 60px) !important;
}

/* チャットを全幅から中央カードへ(新テーマの版面に合わせる) */
.app-container { justify-content: center; }
.main-area {
  max-width: 1160px !important;
  width: 100%;
  margin: 30px auto 50px !important;
  background: #fff !important;
  border: 1px solid #e2d8cf;
  border-radius: 16px !important;
  box-shadow: 0 14px 40px rgba(59,51,64,.10) !important;
  overflow: hidden !important;
}
@media (max-width: 991px) {
  .main-area { margin: 12px 12px 24px !important; border-radius: 12px !important; }
}

/* ============================================================
   PinRemark #171(260828) refs #770
   デバッグパネルが .app-container(display:flex) の中で幅を取り、
   SPでチャット本体が 307px まで縮んでいた（右側に大きな余白が出る）。
   レイアウトから外し、SPでは表示しない。
   ============================================================ */
/* 既定では非表示。?debug=1 を付けたときだけ右下に固定表示する（index.html の小スクリプトで body.show-debug を付与） */
.debug-panel { display: none; }
body.show-debug .debug-panel { display: block; position: fixed; right: 8px; bottom: 8px; z-index: 60; }

/* SPの版面を現行サイトのバランスに寄せる（左右の余白と内側の余白を詰める） */
@media (max-width: 991px) {
  .main-area { margin: 8px 8px 20px !important; }
}
@media (max-width: 480px) {
  .chat-view { padding: 14px 12px; }
}