/* branchLogs/index.css - 分支操作日志页样式 */

/* 页面局部样式：日志列表 */
.branch-logs-page { max-width: 1100px; margin: 0 auto; padding: 24px 16px 60px; }
.branch-logs-head { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.branch-logs-head h2 { margin:0; font-size:22px; color:var(--text); font-family:'Source Han Serif SC','Noto Serif SC',serif; }
.branch-logs-head .back-link { color:var(--text-light); text-decoration:none; font-size:13px; }
.branch-logs-head .back-link:hover { color:var(--primary); }
.branch-logs-stats { color:var(--text-light); font-size:13px; margin-bottom:14px; }
.branch-logs-stats strong { color:var(--primary); margin:0 2px; }

.log-table-wrap { background:var(--bg-card,#FFFBF2); border:1px solid var(--border,#e0d6c0); border-radius:8px; overflow:hidden; }
.log-table { width:100%; border-collapse:collapse; font-size:13px; }
.log-table thead th { background:#F5EEDC; color:var(--text); padding:10px 12px; text-align:left; font-weight:600; border-bottom:1px solid var(--border,#e0d6c0); white-space:nowrap; }
.log-table tbody td { padding:9px 12px; border-bottom:1px solid #efe7d3; vertical-align:top; color:var(--text); }
.log-table tbody tr:last-child td { border-bottom:none; }
.log-table tbody tr:hover td { background:#FBF6E9; }
.log-table .col-time { width:160px; white-space:nowrap; color:var(--text-light); }
.log-table .col-user { width:120px; white-space:nowrap; font-weight:600; color:var(--text); }
.log-table .col-icon { width:40px; text-align:center; font-size:15px; }
.log-table .col-desc { color:var(--text); }
.log-table .col-pts { width:60px; text-align:center; }
.log-pts { display:inline-block; padding:1px 6px; border-radius:10px; background:rgba(158,32,32,0.10); color:var(--primary,#9E2020); font-size:12px; font-weight:600; }
.log-pts.zero { color:var(--text-light); background:transparent; }

.empty-tip { padding:60px 20px; text-align:center; color:var(--text-light); }
.empty-tip .emoji { font-size:48px; margin-bottom:12px; }

/* ===== branchLogs 页面手机端响应式 ===== */
@media (max-width: 560px) {
    .branch-logs-page { padding: 16px 10px 40px; }
    .branch-logs-head h2 { font-size: 16px; }
    .branch-logs-stats { font-size: 12px; }

    /* 表格容器：允许横向滚动，手机端查看完整表格 */
    .log-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .log-table-wrap::-webkit-scrollbar { height: 4px; }
    .log-table-wrap::-webkit-scrollbar-thumb { background: #d8cba5; border-radius: 2px; }

    .log-table { font-size: 12px; min-width: 440px; /* 保证最小可读宽度，配合横向滚动 */ }
    .log-table thead th { padding: 8px 8px; font-size: 12px; }
    .log-table tbody td { padding: 8px 8px; }
    .log-table .col-time { width: auto; min-width: 100px; font-size: 11px; }
    .log-table .col-user { width: auto; min-width: 60px; font-size: 12px; }
    .log-table .col-icon { width: auto; min-width: 30px; font-size: 14px; padding: 8px 4px !important; }
    .log-table .col-pts { width: auto; min-width: 44px; font-size: 11px; }
    .log-pts { padding: 1px 5px; font-size: 11px; }
}