/* Screenshot reference 5035:1979. Isolated from other dialogs and tables. */
#s .game-wrapper.ui-flat-v2 .pane.center .decision-log-panel { background: #f2f2f7; }
#s .decision-log-panel .decision-log-icon {
    background: #fff;
    -webkit-mask: url('../images/new/menu/log.png') center / contain no-repeat;
    mask: url('../images/new/menu/log.png') center / contain no-repeat;
}
#s .decision-log-view {
    position: absolute; inset: 64px 0 0;
    display: grid; grid-template-columns: 14rem minmax(0, 1fr);
    min-height: 0; overflow: hidden;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}
#s .log-rounds { min-height: 0; overflow-y: auto; padding: 1rem; background: #e5e5ea; scrollbar-width: thin; }
#s .log-round-list { position: relative; min-height: min-content; }
#s .log-round-list::before {
    content: ''; position: absolute; top: 2.4rem; bottom: 2.4rem; left: 1.9rem;
    width: 1px; background: #c7c7cc;
}
#s .log-round {
    position: relative; display: flex; align-items: center; gap: 1.3rem;
    width: 100%; min-height: 4.8rem; margin: 0 0 .5rem; padding: 1rem 1.3rem;
    border: 0; border-radius: .7rem; background: transparent; box-shadow: none;
    color: #00507b; font: inherit; font-size: 14px; font-weight: 600;
    line-height: 1.5; text-align: left; white-space: nowrap; cursor: pointer;
}
#s .log-round:last-child { margin-bottom: 0; }
#s .log-round[aria-selected="true"] { background: #fff; }
#s .log-round:not([aria-selected="true"]):hover { background: rgba(255,255,255,.5); }
#s .log-round-dot { position: relative; flex: 0 0 1.3rem; width: 1.3rem; height: 1.3rem; border-radius: 50%; background: #50b5cb; }
#s .log-entries { min-width: 0; min-height: 0; overflow: auto; padding: 2.6rem; scrollbar-width: thin; }
#s .log-round-panel[hidden] { display: none; }
#s .log-table-frame { border: 1px solid #c7c7cc; border-radius: 10px; overflow: hidden; background: #fff; }
#s .log-table { width: 100%; border: 0; border-collapse: separate; border-spacing: 0; table-layout: fixed; margin: 0; color: #1e1e1e; background: #fff; }
#s .log-col-decision { width: 31%; }
#s .log-col-old { width: 18%; }
#s .log-col-arrow { width: 6%; }
#s .log-col-new { width: 21%; }
#s .log-col-date { width: 24%; }
#s .log-table th, #s .log-table td {
    padding: 1.3rem 1.6rem; border: 0; background: none; box-shadow: none;
    font-size: 13px; font-weight: 400; line-height: 1.5;
    text-align: left; vertical-align: middle; overflow-wrap: anywhere;
}
#s .log-table thead { background: #f2f2f7; }
#s .log-table th { padding-top: 1rem; padding-bottom: 1rem; color: #8e8e93; font-size: 12px; }
#s .log-table tbody tr + tr td { border-top: 1px solid #d1d1d6; }
#s .log-table .log-old-value, #s .log-table .log-date { color: #8e8e93; }
#s .log-table .log-transition { padding-left: 0; padding-right: 0; text-align: center; color: #b1b8c4; }
#s .log-table .log-new-value { color: #00507b; }
#s .log-table th:last-child, #s .log-table .log-date { text-align: right; }
#s .log-date time { white-space: nowrap; font-size: 12px; }
#s .log-empty { margin: 0; padding: 2rem; border: 1px solid #d1d1d6; border-radius: 10px; background: #fff; color: #8e8e93; font-size: 14px; }
#s .log-round:focus-visible, #s .log-round-panel:focus-visible { outline: 2px solid #00507b; outline-offset: -2px; }
@media (max-width: 900px) {
    #s .decision-log-view { grid-template-columns: 11.5rem minmax(0, 1fr); }
    #s .log-rounds { padding: .6rem; }
    #s .log-round { gap: .8rem; padding-right: .6rem; font-size: 12px; }
    #s .log-entries { padding: 1.6rem; }
    #s .log-table-frame { min-width: 540px; }
}