/* 2ちゃんねるっぽい掲示板 メインスタイル */

/* 基本設定 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, .admin-body {
    background-color: #FFFFEE;
    font-family: "MS Pゴシック", monospace;
    font-size: 12px;
}

body {
    line-height: 1.4;
    color: #000000;
    background: linear-gradient(135deg, #f8f6ff 0%, #e0f7fa 40%, #f3e6ff 80%, #f8f6ff 100%);
    /* 2000年代風のグラデーション */
}

/* ヘッダー */
.header-container {
    background: linear-gradient(90deg, #c3b6ff 0%, #b6f8f8 100%);
    border-bottom: 2px solid #b6b6f8;
    box-shadow: 0 2px 8px #e0eaff;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
}

.site-logo {
    height: 40px;
    width: auto;
}

.site-logo-title {
    height: 48px;
    width: auto;
    display: block;
    margin: 0 auto 2px auto;
}

.logo-area a {
    display: inline-block;
    line-height: 0;
}

.logo-area a:hover .site-logo {
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

.site-title h1 {
    display: none;
}

.site-title p {
    font-size: 13px;
    color: #000000;
    font-style: italic;
    margin: 0;
    letter-spacing: 0.5px;
}

.site-subtitle {
    font-size: 13px;
    color: #000000;
    font-style: italic;
    margin: 0;
    letter-spacing: 0.5px;
}

/* メインコンテナ */
.main-container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    gap: 20px;
    padding: 20px;
    background: #FFFFEE;
    border: 1px solid #CCCCAA;
    box-shadow: 4px 4px 16px #d8cfa7, 0 0 0 4px #fffbe0 inset;
}

.content-area {
    flex: 1;
    min-width: 0;
}

.sidebar-area {
    width: 300px;
    flex-shrink: 0;
}

/* 2ちゃんねる風テーブル */
.ch-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 12px;
    box-shadow: 4px 4px 16px #d8cfa7, 0 0 0 4px #fffbe0 inset;
}

.ch-table th,
.ch-table td {
    padding: 6px 8px;
    border: 1px solid #CCCCCC;
    text-align: left;
    vertical-align: top;
    border-radius: 6px;
    box-shadow: 1px 1px 4px #eee;
}

.ch-table th {
    background: linear-gradient(90deg, #fffbe0 0%, #ffe4b5 100%);
    color: #800000;
    text-shadow: 1px 1px 0 #fff;
    font-weight: bold;
}

/* 投稿フォーム */
.post-form {
    background-color: #F0F0F0;
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin: 10px 0;
}

.post-form table {
    width: 100%;
}

.post-form td {
    padding: 2px;
    vertical-align: top;
}

.post-form input[type="text"],
.post-form textarea {
    width: 100%;
    font-family: "MS Pゴシック", "ＭＳ Ｐゴシック", monospace;
    font-size: 12px;
    border: 1px solid #CCCCCC;
    padding: 2px;
}

.post-form textarea {
    height: 80px;
    resize: vertical;
}

.submit-btn {
    background: linear-gradient(180deg, #fff 0%, #ffe4b5 100%);
    border: 2px outset #c9a063;
    color: #800000;
    font-weight: bold;
    padding: 6px 18px;
    border-radius: 8px;
    box-shadow: 2px 2px 8px #e0cfa0;
    cursor: pointer;
    font-family: "MS Pゴシック", monospace;
    margin: 4px 0;
    transition: background 0.2s, box-shadow 0.2s;
}

.submit-btn:hover {
    background: linear-gradient(180deg, #ffe4b5 0%, #fff 100%);
    box-shadow: 0 0 16px #ffcc66, 2px 2px 8px #e0cfa0;
    color: #ff6600;
}

/* 投稿表示 */
.post {
    margin: 5px 0;
    padding: 5px;
    background-color: #FFFFFF;
}

.post-header {
    font-size: 11px;
    color: #008000;
    margin-bottom: 2px;
}

.post-number {
    font-weight: bold;
    color: #000000;
}

.post-name {
    color: #008000;
    font-weight: bold;
}

.post-date {
    color: #000000;
}

.post-id {
    color: #000080;
}

.post-content {
    margin: 3px 0;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* --- 2ちゃんねる風 レス表示・板タイトル・装飾 --- */
.ch-title {
    font-size: 16px;
    color: #000080;
    font-weight: bold;
    margin: 18px 0 6px 0;
    padding: 0;
    font-family: "MS Pゴシック", monospace;
}

.ch-hr {
    border: none;
    border-top: 2px solid #CCCCAA;
    margin: 6px 0 12px 0;
}

.res-box {
    background: #FFF;
    border: 1px solid #CCCCCC;
    margin: 8px 0;
    padding: 8px 10px;
    font-size: 12px;
    font-family: "MS Pゴシック", monospace;
    box-shadow: 1px 1px 4px #EEE;
}

.res-number {
    color: #000;
    font-weight: bold;
    margin-right: 6px;
}

.res-name {
    color: #008000;
    font-weight: bold;
    margin-right: 6px;
}

.res-date {
    color: #000080;
    font-size: 11px;
    margin-right: 6px;
}

.res-id {
    color: #800000;
    font-size: 11px;
}

.res-content {
    margin-top: 2px;
    white-space: pre-wrap;
    word-break: break-all;
}

ul.ch-list {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}
ul.ch-list li {
    border-bottom: 1px dotted #CCCCCC;
    padding: 4px 0;
    font-size: 12px;
}
ul.ch-list li:last-child {
    border-bottom: none;
}

/* リンク */
a {
    color: #0066cc;
    text-decoration: underline;
    font-weight: bold;
    transition: color 0.2s, text-shadow 0.2s;
}

a:visited {
    color: #551A8B;
}

a:hover {
    color: #ff6600;
    text-shadow: 0 0 8px #ffe4b5;
    text-decoration: none;
}

/* サイドバー */
.sidebar {
    background-color: #F0F0F0;
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin-bottom: 20px;
}

.sidebar-section {
    margin-bottom: 20px;
}

.sidebar-section:last-child {
    margin-bottom: 0;
}

.sidebar-section h3 {
    font-size: 12px;
    font-weight: bold;
    color: #800000;
    margin-bottom: 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid #CCCCCC;
}

.category-header {
    font-weight: bold;
    color: #800000;
    margin: 10px 0 5px 0;
    font-size: 11px;
}

.board-list-sidebar {
    margin-bottom: 10px;
}

.board-item-sidebar {
    margin: 2px 0;
    font-size: 11px;
}

.board-item-sidebar a {
    text-decoration: none;
}

.board-item-sidebar a:hover {
    text-decoration: underline;
}

.stats .stat-item {
    margin: 3px 0;
    font-size: 11px;
}

.recent-threads {
    font-size: 11px;
}

.recent-thread-item {
    margin: 3px 0;
    padding: 2px 0;
    border-bottom: 1px dotted #CCCCCC;
}

.recent-thread-item:last-child {
    border-bottom: none;
}

/* スレッド一覧 */
.thread-list {
    background: linear-gradient(135deg, #fffbe0 0%, #ffe4b5 100%);
    border-radius: 12px;
    box-shadow: 2px 2px 8px #e0cfa0;
    border: 1.5px solid #c9a063;
    padding: 8px 0;
}

.thread-item {
    background: #fff;
    border-radius: 8px;
    box-shadow: 1px 1px 6px #e0cfa0;
    margin: 8px 12px;
    padding: 8px 12px;
    border: 1px solid #c9a063;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: background 0.2s, box-shadow 0.2s;
}
.thread-item:hover {
    background: #fffbe0;
    box-shadow: 0 0 16px #ffcc66, 2px 2px 8px #e0cfa0;
}

.thread-title {
    font-size: 15px;
    color: #0066cc;
    font-weight: bold;
    text-decoration: underline;
    transition: color 0.2s, text-shadow 0.2s;
}
.thread-title:hover {
    color: #ff6600;
    text-shadow: 0 0 8px #ffe4b5;
}

.thread-meta {
    font-size: 10px;
    color: #666666;
    margin-top: 2px;
}

/* --- thread.cgi用: top.css風クラシック＆パステル装飾 --- */
.thread-header {
    margin-bottom: 20px;
    padding: 15px;
    background: #FFFFCC;
    border: 1px solid #CCCCAA;
    border-radius: 0;
}
.board-link {
    margin-bottom: 10px;
}
.board-link a {
    color: #0000EE;
    text-decoration: none;
    font-size: 12px;
}
.thread-title-main {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: bold;
    color: #800000;
}
.thread-meta {
    font-size: 11px;
    color: #666;
}
.posts-container {
    margin-bottom: 30px;
}
.post-form-container {
    margin-top: 20px;
    padding: 15px;
    background: #F0F0F0;
    border: 1px solid #CCCCCC;
    border-radius: 0;
}
.post-form-container h3 {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #333;
}

/* フッター */
.footer {
    align-items: center;
    background: linear-gradient(90deg, #e0f7fa 0%, #f3e6ff 100%);
    border-top: 3px double #c7c7e6;
    box-shadow: 0 -2px 8px #a0e0dd;
    border-radius: 0 0 12px 12px;
    font-size: 13px;
    color: #666;
    padding: 24px 10px 18px 10px;
    margin-top: 40px;
    text-align: center;
}
.footer a {
    color: #0066cc;
    font-weight: bold;
    text-decoration: underline;
    transition: color 0.2s, text-shadow 0.2s;
}
.footer a:hover {
    color: #ff6600;
    text-shadow: 0 0 8px #b5c0ff;
}

/* エラーメッセージ */
.error {
    background-color: #ccecff;
    border: 1px solid #FF0000;
    padding: 10px;
    margin: 10px 0;
    color: #800000;
}

.success {
    background-color: #CCFFCC;
    border: 1px solid #00AA00;
    padding: 10px;
    margin: 10px 0;
    color: #008000;
}

.warning {
    background-color: #FFFFCC;
    border: 1px solid #FFCC00;
    padding: 10px;
    margin: 10px 0;
    color: #666600;
}

/* --- 90年代・2000年代クラシックな直線ボタン＆パステルカラー --- */
.button, input[type="submit"], input[type="button"] {
    background: #f5f5f5;
    border: 2px outset #cccccc;
    color: #333;
    font-weight: bold;
    padding: 6px 18px;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    font-family: "MS Pゴシック", monospace;
    margin: 4px 0;
    transition: background 0.2s, color 0.2s;
}
.button:hover, input[type="submit"]:hover, input[type="button"]:hover {
    background: #e0e0ff;
    color: #0066cc;
}

.banner {
    display: inline-block;
    background: #e0e0ff;
    border: 2px solid #cccccc;
    border-radius: 0;
    padding: 6px 24px;
    font-size: 18px;
    color: #333;
    font-family: "MS Pゴシック", monospace;
    box-shadow: none;
    margin: 12px 0;
}

/* --- サイバー×90年代UI：パステル紫ピンク〜シアンの背景・パーツ色 --- */
body {
    background: linear-gradient(135deg, #f8f6ff 0%, #e0f7fa 40%, #f3e6ff 80%, #f8f6ff 100%);
    color: #222;
}

.main-container, .top-page, .sidebar-area, .content-area, .post-form-container, .thread-header, .res-box, .board-card, .sidebar-section {
    background: #f7f5ff;
    border: 1px solid #c7c7e6;
    box-shadow: 0 2px 8px #e0eaff;
}

.ch-table, .post-form {
    background: #f3f8fa;
    border: 1px solid #b0e0e6;
}

.thread-header, .board-header, .category-title, .announcement-section, .welcome-section {
    background: linear-gradient(90deg, #e0f7fa 0%, #f3e6ff 100%);
    border-bottom: 2px solid #c7c7e6;
}

.thread-item, .recent-thread-item, .news-item {
    background: #f3f8fa;
    border: 1px solid #e0eaff;
}

.footer {
    background: linear-gradient(90deg, #e0f7fa 0%, #f3e6ff 100%);
    border-top: 3px double #c7c7e6;
    color: #666;
}

/* ボタン・バナーもパステル系で統一 */
.button, input[type="submit"], input[type="button"], .btn, .btn-primary, .btn-secondary {
    background: #e0f7fa;
    border: 2px outset #b0e0e6;
    color: #333;
    border-radius: 0;
    box-shadow: none;
    font-weight: bold;
    font-family: "MS Pゴシック", monospace;
    transition: background 0.2s, color 0.2s;
}
.button:hover, input[type="submit"]:hover, input[type="button"]:hover, .btn:hover, .btn-primary:hover, .btn-secondary:hover {
    background: #f3e6ff;
    color: #6a1b9a;
}

.banner {
    background: #f3e6ff;
    border: 2px solid #b0e0e6;
    color: #6a1b9a;
    border-radius: 0;
    box-shadow: none;
}

/* サイドバーや小パーツもパステル系 */
.sidebar, .sidebar-section {
    background: #f7f5ff;
    border: 1px solid #c7c7e6;
}

/* テキスト色の微調整 */
.thread-title-main, .board-title, .category-title, .announcement-title {
    color: #6a1b9a;
}

/* リンク色もサイバー寄りに */
a {
    color: #00bcd4;
}
a:hover {
    color: #e040fb;
}

/* レスポンシブデザイン */
@media (max-width: 768px) {
    .main-container {
        flex-direction: column;
        padding: 10px;
    }
    
    .sidebar-area {
        width: 100%;
        order: -1;
    }
    
    .header-container {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .site-logo {
        height: 30px;
    }
    
    .site-title h1 {
        font-size: 16px;
    }
    
    .post-form input[type="text"],
    .post-form textarea {
        font-size: 16px; /* iOS Safari対策 */
    }
    
    .thread-list {
        padding: 4px 0;
    }
    .thread-item {
        flex-direction: column;
        gap: 4px;
        margin: 6px 2px;
        padding: 6px 4px;
    }
    .footer {
        font-size: 11px;
        padding: 14px 4px 10px 4px;
        margin-top: 20px;
    }
}

/* --- トップページのトプ画を最上部に固定 --- */
@media (max-width: 900px) {
    .top-page {
        display: flex;
        flex-direction: column;
    }
    .main-content {
        order: 2;
    }
    .top-image-section {
        order: 1;
        width: 100%;
        margin-bottom: 10px;
    }
}

/* 管理者用スタイル */
.admin-body {
    background-color: #FFFFEE;
    font-family: "MS Pゴシック", "ＭＳ Ｐゴシック", "MS PGothic", monospace;
    font-size: 12px;
    color: #000000;
}

.admin-header {
    background-color: #FFFFCC;
    color: #000000;
    padding: 10px 20px;
    border-bottom: 1px solid #CCCCAA;
}

.admin-header h1 {
    margin: 0 0 5px 0;
    font-size: 16px;
    color: #800000;
}

.admin-nav {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.admin-nav a {
    color: #0000EE;
    text-decoration: underline;
    padding: 3px 6px;
    border: 1px solid #CCCCCC;
    background-color: #F0F0F0;
    font-size: 11px;
}

.admin-nav a:visited {
    color: #551A8B;
}

.admin-nav a:hover {
    background-color: #E0E0E0;
    text-decoration: none;
}

.admin-content {
    padding: 20px;
}

/* --- 2ちゃんねる風 管理画面ログインフォーム --- */
.login-container {
    background-color: #FFFFCC;
    border: 2px solid #CCCCAA;
    box-shadow: 2px 2px 8px #DDDDAA;
    padding: 20px 30px;
    margin: 30px auto 0 auto;
    max-width: 350px;
    font-family: "MS Pゴシック", "ＭＳ Ｐゴシック", "MS PGothic", monospace;
    color: #000;
}

.login-container h2 {
    font-size: 15px;
    color: #800000;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCCCAA;
    padding-bottom: 4px;
}

.login-container input[type="text"],
.login-container input[type="password"] {
    width: 100%;
    font-size: 12px;
    border: 1px solid #CCCCCC;
    background: #FFFFEE;
    padding: 3px;
    margin-bottom: 8px;
    font-family: "MS Pゴシック", monospace;
}

.login-container input[type="submit"] {
    background: linear-gradient(180deg, #fff 0%, #ffe4b5 100%);
    border: 2px outset #c9a063;
    color: #800000;
    font-weight: bold;
    padding: 6px 18px;
    border-radius: 8px;
    box-shadow: 2px 2px 8px #e0cfa0;
    cursor: pointer;
    font-family: "MS Pゴシック", monospace;
    margin: 4px 0;
    transition: background 0.2s, box-shadow 0.2s;
}

.login-container input[type="submit"]:hover {
    background: linear-gradient(180deg, #ffe4b5 0%, #fff 100%);
    box-shadow: 0 0 16px #ffcc66, 2px 2px 8px #e0cfa0;
    color: #ff6600;
}

.error-message {
    background: #FFCCCC;
    border: 1px solid #FF0000;
    color: #800000;
    padding: 6px 10px;
    margin-bottom: 10px;
    font-size: 12px;
}

/* --- エラー・成功メッセージの統一デザイン --- */
.error-message-box, .success-message-box {
    background: #f3e6ff;
    border: 1.5px solid #b0e0e6;
    border-radius: 0;
    padding: 32px 24px;
    margin: 40px auto 0 auto;
    max-width: 480px;
    text-align: center;
    box-shadow: 0 2px 8px #e0eaff;
}
.error-title, .success-title {
    color: #6a1b9a;
    font-size: 20px;
    margin-bottom: 18px;
}
.error-message {
    color: #e040fb;
    font-size: 15px;
    margin-bottom: 18px;
    font-weight: bold;
}
.success-message {
    color: #00bcd4;
    font-size: 15px;
    margin-bottom: 18px;
    font-weight: bold;
}
.error-actions, .success-actions {
    margin-top: 18px;
    display: flex;
    gap: 16px;
    justify-content: center;
}

/* --- 2000年代レガシー＋イケてる装飾 --- */

/* レトロなボタン */
.button, input[type="submit"], input[type="button"] {
    background: #f5f5f5;
    border: 2px outset #cccccc;
    color: #333;
    font-weight: bold;
    padding: 6px 18px;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    font-family: "MS Pゴシック", monospace;
    margin: 4px 0;
    transition: background 0.2s, color 0.2s;
}

.button:hover, input[type="submit"]:hover, input[type="button"]:hover {
    background: #e0e0ff;
    color: #0066cc;
}

/* レトロなリンク装飾 */
a {
    color: #0066cc;
    text-decoration: underline;
    font-weight: bold;
    transition: color 0.2s, text-shadow 0.2s;
}

a:hover {
    color: #ff6600;
    text-shadow: 0 0 8px #ffe4b5;
}

/* レトロなバナー風装飾 */
.banner {
    display: inline-block;
    background: #e0e0ff;
    border: 2px solid #cccccc;
    border-radius: 0;
    padding: 6px 24px;
    font-size: 18px;
    color: #333;
    font-family: "MS Pゴシック", monospace;
    box-shadow: none;
    margin: 12px 0;
}

/* 角丸テーブルの見出し強調 */
.ch-table th {
    background: linear-gradient(90deg, #fffbe0 0%, #ffe4b5 100%);
    color: #800000;
    text-shadow: 1px 1px 0 #fff;
}

/* レトロなスクロールバー（Webkit系のみ） */
::-webkit-scrollbar {
    width: 12px;
    background: #ffe4b5;
}
::-webkit-scrollbar-thumb {
    background: #c9a063;
    border-radius: 8px;
}

/* ユーティリティクラス */
.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.hidden {
    display: none;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* 印刷用スタイル */
@media print {
    .sidebar-area,
    .admin-nav,
    .post-form {
        display: none;
    }
    
    .main-container {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }
    
    body {
        font-size: 10px;
        background: white;
    }
    
    .post {
        page-break-inside: avoid;
    }
}

/* --- thread.cgi用：パステル紫ピンク〜シアン基調に色統一 --- */
.thread-header, .post-form-container, .posts-container, .post, .res-box {
    background: #f7f5ff !important;
    border: 1px solid #c7c7e6 !important;
    box-shadow: 0 2px 8px #e0eaff !important;
}
.thread-header {
    background: linear-gradient(90deg, #e0f7fa 0%, #f3e6ff 100%) !important;
    border-bottom: 2px solid #c7c7e6 !important;
}
.thread-title-main {
    color: #6a1b9a !important;
}
.post-form {
    background: #f3f8fa !important;
    border: 1px solid #b0e0e6 !important;
}
.button, input[type="submit"], input[type="button"] {
    background: #e0f7fa !important;
    color: #6a1b9a !important;
    border: 2px outset #b0e0e6 !important;
    border-radius: 0 !important;
}
.button:hover, input[type="submit"]:hover, input[type="button"]:hover {
    background: #f3e6ff !important;
    color: #e040fb !important;
}

/* --- ROCm / AMD inspired dark theme override --- */
:root {
    --amd-bg: #060709;
    --amd-bg-soft: #101216;
    --amd-panel: rgba(18, 20, 25, 0.94);
    --amd-panel-strong: rgba(24, 26, 31, 0.98);
    --amd-panel-warm: rgba(31, 12, 15, 0.96);
    --amd-border: #351114;
    --amd-border-strong: #8e1d23;
    --amd-accent: #d71920;
    --amd-accent-strong: #ff4b55;
    --amd-accent-soft: rgba(215, 25, 32, 0.18);
    --amd-text: #f5f7fb;
    --amd-muted: #c8cbd4;
    --amd-link: #ff737a;
    --amd-link-visited: #ffadb1;
    --amd-shadow: 0 18px 42px rgba(0, 0, 0, 0.45);
}

body,
.admin-body {
    background:
        radial-gradient(circle at top right, rgba(215, 25, 32, 0.30), transparent 24%),
        radial-gradient(circle at 18% 16%, rgba(255, 255, 255, 0.05), transparent 22%),
        linear-gradient(135deg, #040405 0%, #0b0c10 48%, #160507 100%) !important;
    color: var(--amd-text) !important;
}

body {
    line-height: 1.55;
}

a {
    color: var(--amd-link);
}

a:visited {
    color: var(--amd-link-visited);
}

a:hover {
    color: #ffd0d2;
}

.header-container {
    background: linear-gradient(120deg, rgba(8, 9, 11, 0.98) 0%, rgba(34, 10, 14, 0.96) 58%, rgba(215, 25, 32, 0.92) 100%) !important;
    border-bottom: 1px solid var(--amd-border-strong) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.42) !important;
}

.site-title p,
.site-subtitle {
    color: #f5d7d8 !important;
    letter-spacing: 0.08em;
}

.main-container,
.content-area,
.sidebar-area,
.sidebar,
.sidebar-section,
.ch-table,
.post-form,
.post,
.footer {
    background: linear-gradient(180deg, rgba(23, 25, 30, 0.95), rgba(14, 15, 18, 0.98)) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    box-shadow: var(--amd-shadow) !important;
}

.main-container {
    border: 1px solid var(--amd-border-strong) !important;
}

.ch-table th {
    background: linear-gradient(90deg, rgba(215, 25, 32, 0.24), rgba(215, 25, 32, 0.08)) !important;
    color: var(--amd-text) !important;
    text-shadow: none;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

.ch-table td {
    color: var(--amd-muted) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    box-shadow: none;
}

.post-header,
.post-name {
    color: #ff9095 !important;
}

.post-id,
.post-date,
.post-number {
    color: #d7d9e2 !important;
}

.post-content,
.res-box,
.thread-list,
.menu-list li a,
.announcement-list li a {
    color: var(--amd-text) !important;
}

.post-form,
.post-form td,
.post-form label {
    color: var(--amd-muted) !important;
}

.post-form input[type="text"],
.post-form input[type="email"],
.post-form input[type="password"],
.post-form textarea,
.post-form select,
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    background: rgba(7, 8, 11, 0.94) !important;
    color: var(--amd-text) !important;
    border: 1px solid #5a1b21 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.post-form input[type="text"]:focus,
.post-form input[type="email"]:focus,
.post-form input[type="password"]:focus,
.post-form textarea:focus,
.post-form select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: var(--amd-accent-strong) !important;
    box-shadow: 0 0 0 3px rgba(215, 25, 32, 0.16);
}

.submit-btn,
.button,
input[type="submit"],
input[type="button"] {
    background: linear-gradient(180deg, #e52a31 0%, #8b1218 100%) !important;
    color: #ffffff !important;
    border: 1px solid var(--amd-border-strong) !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 22px rgba(215, 25, 32, 0.24) !important;
    text-shadow: none;
}

.submit-btn:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: linear-gradient(180deg, #ff4851 0%, #a5161d 100%) !important;
    color: #ffffff !important;
}

.sidebar-section h3,
.ch-title {
    color: var(--amd-text) !important;
}

.footer {
    margin-top: 36px;
    border-top: 1px solid var(--amd-border-strong) !important;
    color: var(--amd-muted) !important;
    background: linear-gradient(180deg, rgba(14, 15, 19, 0.98), rgba(8, 9, 12, 0.98)) !important;
}

.footer a {
    color: var(--amd-link) !important;
}

.footer a:hover {
    color: #ffd0d2 !important;
}

::-webkit-scrollbar-track {
    background: #101216;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #d71920 0%, #681015 100%);
    border-radius: 8px;
}