/* レプリカ側の追加スタイル（実サイトの CSS には存在しない要素のみ）。
   既存クラスの見た目は実採取 CSS のまま。 */

/* ログイン後ヘッダーのラベルは 900px 以上でのみ表示（実アプリと同じ扱い） */
.hdr-label { display: none; }
@media (min-width: 900px) { .hdr-label { display: inline-block; } }

/* メニュー内ログアウト行（実サイトでは action ボタン。リンクと同じ行組み） */
.lgx-logout { width: 100%; background: none; border: 0; font: inherit; color: inherit; text-align: left; cursor: pointer; padding: 0; }

/* ログアウト確認 */
.lgx-overlay {
  position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center;
  background: rgba(13, 13, 13, .45); padding: 20px;
}
.lgx-overlay[hidden] { display: none; }
.lgx-dialog {
  width: 100%; max-width: 360px; background: #fff; border-radius: 12px; padding: 22px 20px 18px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .18); text-align: center;
}
.lgx-title { margin: 0 0 10px; font-size: 16px; font-weight: 700; color: var(--color-text-primary, #0D0D0D); }
.lgx-text { margin: 0 0 18px; font-size: 13px; line-height: 1.7; color: var(--color-text-secondary, #4B5563); }
.lgx-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lgx-cancel, .lgx-ok {
  min-height: 44px; border-radius: 8px; font-size: 14px; font-weight: 700; cursor: pointer;
  border: 1px solid var(--color-border-default, #B3B3B3); background: #fff; color: var(--color-text-primary, #0D0D0D);
}
.lgx-ok { border-color: #E5484D; color: #E5484D; }

/* トースト（未実装アクションの通知） */
.lgx-toast {
  position: fixed; left: 50%; bottom: 88px; transform: translateX(-50%); z-index: 2100;
  max-width: min(92vw, 420px); padding: 12px 16px; border-radius: 10px; background: rgba(13, 13, 13, .9);
  color: #fff; font-size: 13px; line-height: 1.6; text-align: center;
}
.lgx-toast[hidden] { display: none; }

/* フォームのエラー表示 */
.lgx-error { margin: 8px 0 0; font-size: 13px; line-height: 1.6; color: #E5484D; text-align: center; }
.lgx-error[hidden] { display: none; }

/* お気に入り ON */
.sc-2d7597b4-1.is-liked { color: #E5484D; }

/* やり取りタブ */
.chat-panel[hidden] { display: none; }

/* ---------- 出品フォーム（チケット販売ページ作成） ---------- */
.tt-section { margin: 1.25rem 0 .5rem; padding-bottom: .5rem; border-bottom: 1px solid var(--color-border-subtle, #F7F7F7); font-size: 13px; font-weight: 700; color: var(--color-text-secondary, #4B5563); letter-spacing: .02em; }
.tt-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 359px) { .tt-row2 { grid-template-columns: 1fr; } }
.tt-radio { display: flex; gap: 16px; margin: .35rem 0 .5rem; font-size: 14px; }
.tt-radio label, .tt-check { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.tt-check { margin: .5rem 0; font-size: 14px; }
.tt-select, .tt-textarea { font-family: inherit; background: #fff; }
.tt-textarea { resize: vertical; line-height: 1.7; }
.tt-hint { display: block; margin-top: .25rem; color: var(--color-text-secondary, #6B7280); font-size: 12px; }
.tt-req { white-space: nowrap; margin-left: 6px; padding: 1px 6px; border-radius: 4px; background: #FDECEC; color: #E5484D; font-size: 10px; font-weight: 700; vertical-align: 2px; }
.tt-note { margin: 1rem 0 0; font-size: 12px; line-height: 1.7; color: var(--color-text-secondary, #6B7280); text-align: center; }

.sc-209e56c7-16.duzqYm { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }

/* 販売ページURL（shareCode）入力 */
.tt-url { display: flex; align-items: center; gap: 6px; }
.tt-url-prefix { flex: 0 0 auto; font-family: ui-monospace, monospace; font-size: 13px; color: #6B7280; background: #F7F7F7; border: 1px solid #E5E7EB; border-radius: 10px; padding: 0 10px; height: 44px; display: flex; align-items: center; }
.tt-url input { flex: 1 1 auto; min-width: 0; }
.tt-hint-inline { margin-left: 6px; font-weight: 500; color: #9CA3AF; font-size: 11px; }