/* src/public/css/contact.css … お問い合わせ（フォームの補足・送ったあとの知らせ・履歴・やりとり）。入力欄は comments.css を使う */

.ct-form { margin: 8px 0 28px; }
.ct-help { margin: 6px 0 0; font-size: 0.85rem; color: #666666; line-height: 1.6; }

.ct-status { margin: 0 0 16px; padding: 10px 14px; border-radius: 8px; font-size: 0.95rem; line-height: 1.6; }
.ct-status-ok { background: #e8f5ec; color: #1e6b3a; border: 1px solid #b9dfc6; }
.ct-status-warn { background: #fff4e5; color: #8a4b00; border: 1px solid #f2d2a4; }

.ct-history-link { margin: 0 0 28px; }
.ct-badge { display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: 999px; font-size: 0.75rem; background: #e05252; color: #ffffff; }

.ct-threads { list-style: none; padding: 0; margin: 0 0 20px; }
.ct-threads li { margin: 0 0 10px; }
.ct-thread-link { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; padding: 12px 14px; border: 1px solid #dde3ee; border-radius: 10px; color: inherit; text-decoration: none; }
.ct-thread-link:hover { border-color: #2a5298; }
.ct-thread-date { font-size: 0.8rem; color: #888888; white-space: nowrap; }
.ct-thread-excerpt { flex: 1 1 14rem; min-width: 0; overflow-wrap: anywhere; }

.ct-messages { list-style: none; padding: 0; margin: 0 0 24px; }
.ct-message { margin: 0 0 12px; padding: 12px 14px; border-radius: 12px; max-width: 92%; }
.ct-message-user { background: #f1f4fa; border: 1px solid #dde3ee; margin-left: auto; }
.ct-message-admin { background: #eef7f1; border: 1px solid #c9e4d3; }
.ct-message-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; margin: 0 0 6px; font-weight: bold; font-size: 0.9rem; }
.ct-message-body { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; }

:root[data-theme="dark"] .ct-help { color: #aab4c8; }
:root[data-theme="dark"] .ct-status-ok { background: #16301f; color: #a6e3b8; border-color: #2c5a3b; }
:root[data-theme="dark"] .ct-status-warn { background: #3a2a12; color: #f5cf95; border-color: #6b4c1e; }
:root[data-theme="dark"] .ct-thread-link { border-color: #2c3a55; }
:root[data-theme="dark"] .ct-thread-link:hover { border-color: #6f93d6; }
:root[data-theme="dark"] .ct-thread-date { color: #93a0b8; }
:root[data-theme="dark"] .ct-message-user { background: #1a2640; border-color: #2c3a55; }
:root[data-theme="dark"] .ct-message-admin { background: #17302a; border-color: #2c5a49; }