﻿/* =========================================================
   Old Log View 
========================================================= */
html{
    -webkit-text-size-adjust:100%;
}
body.old-log-view-body{
    margin:0;
    min-width:1000px;
    font-family:"Noto Sans TC","Segoe UI","Microsoft JhengHei","PingFang TC",sans-serif;
    background:
        radial-gradient(circle at 12% 8%, rgba(147,197,253,.18), transparent 34%),
        radial-gradient(circle at 88% 18%, rgba(196,181,253,.16), transparent 32%),
        linear-gradient(135deg, #eef2f7, #f8fafc) !important;
    color:#111827;
}
.old-log-view{
    width:1000px;
    margin:10px auto 28px;
    font-size:14px;
    line-height:1.45;
}
.old-log-view a{
    color:#2563eb;
    text-decoration:none;
    font-weight:700;
}
.old-log-view a:hover{
    color:#1d4ed8;
    text-decoration:underline;
}
.old-log-view > a:first-child{
    display:inline-flex;
    align-items:center;
    margin:8px 0 10px;
    padding:6px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(148,163,184,.25);
    box-shadow:0 3px 10px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.8);
}
.old-log-view img{
    vertical-align:middle;
}
.old-log-view > table{
    width:1000px;
    margin:0 auto;
    border-collapse:separate;
    border-spacing:0;
}
.old-log-view > table:not(.old-log-section):not(#playerListBox):not(.result-banner) > tbody > tr:first-child > td{
    padding:10px 12px;
    border-radius:14px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(148,163,184,.22);
    box-shadow:0 4px 14px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.76);
}
.old-log-view > table:not(.old-log-section):not(#playerListBox):not(.result-banner) > tbody > tr:first-child strong{
    font-size:19px !important;
    font-weight:900;
    color:#0f172a;
}
.old-log-view small{
    font-size:12px;
}

/* 只套 DateTalkLogOutput 新增的主紀錄表格，不碰 VillageOptOutput / PlayerListOutput / VoteListOutput 等外部函式 */
.old-log-view table.old-log-section{
    width:1000px;
    margin:8px 0;
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden;
    border-radius:10px;
    border:1px solid rgba(148,163,184,.22);
    box-shadow:0 4px 14px rgba(15,23,42,.07);
    font-family:"Noto Sans TC","Segoe UI","Microsoft JhengHei","PingFang TC",sans-serif !important;
}
.old-log-view table.old-log-section.day{
    background:#f8fbff !important;
    color:#111827 !important;
    border-color:rgba(147,197,253,.34);
}
.old-log-view table.old-log-section.night{
    background:#05051f !important;
    color:#e5e7eb !important;
    border-color:rgba(96,165,250,.22);
}
.old-log-view table.old-log-section.beforegame{
    background:#f0fdf4 !important;
    color:#064e3b !important;
    border-color:rgba(16,185,129,.24);
}
.old-log-view table.old-log-section.aftergame{
    background:#fff7ed !important;
    color:#7c2d12 !important;
    border-color:rgba(251,146,60,.28);
}
.old-log-view table.old-log-section.heaven{
    background:#e5e7eb !important;
    color:#111827 !important;
    border-color:rgba(107,114,128,.25);
}
.old-log-view table.old-log-section td{
    line-height:1.42;
}
.old-log-view table.old-log-section.night a{
    color:#93c5fd;
}
.old-log-view table.old-log-section.night small{
    color:#cbd5e1;
}

/* 系統訊息只補一點可讀性，不改寬度 */
.old-log-view table.old-log-section td[style*="background-color:#efefef"],
.old-log-view table.old-log-section td[style*="background-color:red"],
.old-log-view table.old-log-section td[style*="background-color:#aaaa33"],
.old-log-view table.old-log-section td[style*="background-color:#999900"],
.old-log-view table.old-log-section td[style*="background-color:#336699"],
.old-log-view table.old-log-section td[style*="background-color:#FF0099"]{
    padding:4px 8px !important;
    letter-spacing:.02em;
}

/* 關鍵：靈界名字/內容內層也有 class=heaven，不能被當成 1000px 大區塊 */
.old-log-view table.old-log-section table.heaven,
.old-log-view table.old-log-section td.heaven{
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    border-radius:0 !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
}
.old-log-view table.old-log-section td.heaven[width="200"],
.old-log-view table.old-log-section table.heaven td[width="200"]{
    width:200px !important;
    min-width:200px !important;
    max-width:200px !important;
    white-space:normal;
}
.old-log-view table.old-log-section table.heaven td[width="1000"]{
    width:auto !important;
    max-width:790px !important;
}

/* DateTalkLogOutput：新的緊密紀錄列，不影響外部函式輸出 */
.old-log-view table.old-log-section tr.old-log-talk-row td{
    border-top:1px dashed rgba(148,163,184,.45);
}
.old-log-view table.old-log-section tr.old-log-talk-row:first-child td{
    border-top:none;
}
.old-log-view table.old-log-section .old-log-speaker{
    width:210px !important;
    min-width:210px !important;
    max-width:210px !important;
    padding:3px 6px 3px 8px !important;
    vertical-align:top;
    font-weight:700;
    line-height:1.35;
    word-break:break-word;
    color:var(--old-log-talk-color, inherit);
}
.old-log-view table.old-log-section .old-log-gap{
    width:4px !important;
    min-width:4px !important;
    padding:0 !important;
}
.old-log-view table.old-log-section .old-log-message{
    width:786px !important;
    max-width:786px !important;
    padding:3px 8px 3px 6px !important;
    vertical-align:top;
    line-height:1.42;
    word-break:break-word;
    color:var(--old-log-talk-color, inherit);
}
.old-log-view table.old-log-section .old-log-message img{
    vertical-align:middle;
}
.old-log-view table.old-log-section .old-log-dot{
    display:inline-block;
    margin-right:2px;
    font-weight:900;
}
.old-log-view table.old-log-section .old-log-name small{
    margin-left:2px;
    opacity:.86;
}
.old-log-view table.old-log-section .old-log-time{
    display:inline-block;
    margin-left:3px;
    opacity:.72;
    font-weight:700;
    white-space:nowrap;
}
.old-log-view table.old-log-section.night tr.old-log-talk-row td{
    border-top-color:rgba(148,163,184,.25);
}
.old-log-view table.old-log-section.heaven tr.old-log-talk-row td{
    border-top-color:rgba(107,114,128,.34);
}
.old-log-view table.old-log-section .old-log-system-cell{
    padding:2px 6px !important;
    border-top:1px dashed rgba(148,163,184,.48);
    background:transparent !important;
}
.old-log-view table.old-log-section .old-log-system-pill{
    display:block;
    padding:4px 10px;
    border-radius:8px;
    background:var(--old-log-system-bg, rgba(243,244,246,.92));
    color:var(--old-log-system-fg, #111827);
    font-size:13px;
    font-weight:900;
    line-height:1.35;
    letter-spacing:.02em;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.32);
}
.old-log-view table.old-log-section .old-log-system-row:first-child .old-log-system-cell{
    border-top:none;
}
.old-log-view table.old-log-section .old-log-system-info .old-log-system-pill{
    background:rgba(243,244,246,.92);
    color:#111827;
}
.old-log-view table.old-log-section .old-log-system-danger .old-log-system-pill{
    background:#dc2626;
    color:#fff;
}
.old-log-view table.old-log-section .old-log-system-vote .old-log-system-pill{
    background:#8a7d16;
    color:#fff;
}
.old-log-view table.old-log-section .old-log-system-wolf .old-log-system-pill{
    background:#cc3300;
    color:#fff;
}
.old-log-view table.old-log-section .old-log-system-mage .old-log-system-pill{
    background:#990099;
    color:#fff;
}
.old-log-view table.old-log-section .old-log-system-guard .old-log-system-pill{
    background:#0099ff;
    color:#fff;
}
.old-log-view table.old-log-section .old-log-system-cat .old-log-system-pill{
    background:#006633;
    color:#fff;
}
.old-log-view table.old-log-section .old-log-system-mad .old-log-system-pill{
    background:#ff8000;
    color:#fff;
}
.old-log-view table.old-log-section .old-log-system-owl .old-log-system-pill{
    background:#000080;
    color:#fff;
}
.old-log-view table.old-log-section .old-log-system-pengu .old-log-system-pill{
    background:#ffff00;
    color:#111827;
}

/* =========================================================
   Old Log Compact Chat - 狀態背景色調整
   beforegame / day / night / aftergame
========================================================= */

/* 遊戲前 */
.old-log-view table.old-log-section.beforegame,
.old-log-view .old-log-row.beforegame,
.old-log-view .old-log-speaker.beforegame,
.old-log-view .old-log-message.beforegame{
    background:#FFF5EE !important;
    color:#2f241f !important;
}

/* 白天 */
.old-log-view table.old-log-section.day,
.old-log-view .old-log-row.day,
.old-log-view .old-log-speaker.day,
.old-log-view .old-log-message.day{
    background:#FFFAF0 !important;
    color:#1f2937 !important;
}

/* 夜晚 */
.old-log-view table.old-log-section.night,
.old-log-view .old-log-row.night,
.old-log-view .old-log-speaker.night,
.old-log-view .old-log-message.night{
    background:#000030 !important;
    color:#e5e7eb !important;
}

/* 遊戲後 */
.old-log-view table.old-log-section.aftergame,
.old-log-view .old-log-row.aftergame,
.old-log-view .old-log-speaker.aftergame,
.old-log-view .old-log-message.aftergame{
    background:#F0F8FF !important;
    color:#1f2937 !important;
}

/* 夜晚左側名字欄微調：避免黑底時資訊不清楚 */
.old-log-view .old-log-speaker.night{
    color:#dbeafe !important;
}

/* 夜晚右側發言內容 */
.old-log-view .old-log-message.night{
    color:#f8fafc !important;
}

/* 夜晚系統訊息不要太亮 */
.old-log-view .old-log-system.night{
    background:linear-gradient(180deg, rgba(30,41,90,.95), rgba(10,15,55,.95)) !important;
    color:#f8fafc !important;
    border-color:rgba(148,163,184,.32) !important;
}

/* 白天 / 遊戲前 / 遊戲後系統訊息 */
.old-log-view .old-log-system.beforegame{
    background:linear-gradient(180deg, #fffaf7, #fff0e8) !important;
    color:#5c2d1c !important;
}

.old-log-view .old-log-system.day{
    background:linear-gradient(180deg, #fffdf7, #fff4dc) !important;
    color:#5c3b12 !important;
}

.old-log-view .old-log-system.aftergame{
    background:linear-gradient(180deg, #f8fcff, #e5f3ff) !important;
    color:#164e63 !important;
}


@media (max-width:1000px){
    body.old-log-view-body{
        min-width:1000px;
    }
}

/* =========================================================
   Old Log：靈界發言固定灰底
   不跟外層 day / night / beforegame / aftergame 背景走
========================================================= */

.old-log-view table.old-log-section tr.old-log-talk-heaven > td,
.old-log-view table.old-log-section.day tr.old-log-talk-heaven > td,
.old-log-view table.old-log-section.night tr.old-log-talk-heaven > td,
.old-log-view table.old-log-section.beforegame tr.old-log-talk-heaven > td,
.old-log-view table.old-log-section.aftergame tr.old-log-talk-heaven > td{
    background:#cccccc !important;
    color:#111827 !important;
    border-top-color:rgba(80,80,80,.35) !important;
}

.old-log-view table.old-log-section tr.old-log-talk-heaven .old-log-speaker,
.old-log-view table.old-log-section tr.old-log-talk-heaven .old-log-gap,
.old-log-view table.old-log-section tr.old-log-talk-heaven .old-log-message,
.old-log-view table.old-log-section .old-log-cell-heaven{
    background:#cccccc !important;
    color:#111827 !important;
}

.old-log-view table.old-log-section tr.old-log-talk-heaven .old-log-time{
    color:#374151 !important;
    opacity:.75;
}

.old-log-view table.old-log-section tr.old-log-talk-heaven .old-log-name small{
    color:#374151 !important;
    opacity:.86;
}

.old-log-view table.old-log-section tr.old-log-talk-heaven a{
    color:#1d4ed8 !important;
}
