/* 后台全局版式 + 可读性覆盖（跨页面共用），由各外壳在最后加载。
   页面专属样式一律放各自的文件，不要再往本文件堆：
   - 会员中心 / 会员资料 / 近期交易投注 → member-pages.css
   - 会员领取独立页                    → claims-page.css
   - 游戏流水记录页（全部游戏注单）      → game-records.css
   共用分页栏 .table-pager 留在本文件。 */
/* Consistent admin workspace, after existing component styles. */
:root{--sidebar:208px}
.sidebar{width:var(--sidebar);overscroll-behavior:contain}
.shell{margin-left:var(--sidebar)}
.logo{height:60px;padding:0 18px;font-size:16px;gap:10px}
.logo .brand-logo{height:30px}
#nav{padding:12px 10px 60px}
#nav button{width:100%;border:0;background:transparent;font:inherit;text-align:left}
#nav .nav-link,#nav .nav-group-title{min-height:40px;padding:0 12px;font-size:14px;gap:10px;border-radius:6px;margin:2px 0}
#nav .nav-link.child{padding-left:36px;font-size:13px;min-height:36px}
#nav .nav-link.active{background:#eaf3ff!important;font-weight:600}
#nav .nav-link.active:before{display:none}
#nav .nav-link:hover,#nav .nav-group-title:hover{background:#f4f7fb}
#nav .nav-icon{width:18px;flex:0 0 18px;text-align:center;color:#8290a2}
#nav .chev{font-size:13px;transition:transform .15s}
#nav .nav-group.closed .chev{transform:rotate(-90deg)}
.collapse-btn{left:172px;bottom:12px;font-size:20px}
.topbar{height:54px;padding:0 18px}
.crumb{font-size:15px;font-weight:600}
.top-actions{gap:8px}
.top-actions button{width:32px;height:32px;font-size:15px}
.avatar{width:30px;height:30px;font-size:12px}
.tabs{height:auto;min-height:46px;padding:8px 18px;gap:8px;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}
.tab{height:30px;line-height:28px;padding:0 12px;font-size:13px;border-radius:5px;flex:0 0 auto;background:#f8fafc}
#content{padding:18px;min-height:calc(100vh - 100px)}
#content .panel{min-height:0;border-radius:8px;box-shadow:none}
#content h2,#content h3{color:#334155}
#content input,#content select,#content textarea{color:#334155;background:#fff;border-color:#dce4ee;border-radius:5px}
#content .bonus-form label,#content .bonus-summary div,#content .bonus-tip{color:#64748b}
#content .bonus-summary b{color:#334155}
#content .bonus-summary{border-color:#e2e8f0}
#content .bonus-form h2{color:#334155}
#content .danger-warning{background:#fff7ed!important;border-color:#fed7aa!important}
#content .danger-warning strong{color:#9a3412}
#content .danger-warning span{color:#9a5a36}
.workbench-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0}
.workbench-actions button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;cursor:pointer;text-align:left;min-height:80px}
.workbench-actions button:hover{border-color:#93c5fd;background:#f8fbff}
.workbench-actions strong{font-size:14px}
.workbench-actions span{font-size:12px;color:#64748b}
.dashboard-overview .cards{grid-template-columns:repeat(5,minmax(0,1fr));border:0;gap:12px;margin:14px 0}
.dashboard-overview .stat-card{height:auto;min-height:112px;border:1px solid #e2e8f0!important;border-radius:8px;overflow:hidden}
.dashboard-overview .stat-code{display:none}
.dashboard-overview .stat-info{padding:16px}
.dashboard-overview .stat-info>span{font-size:13px;color:#64748b}
.dashboard-overview .stat-values{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;white-space:normal;gap:5px 10px;font-size:12px;margin-top:12px}
.dashboard-overview .stat-values b{font-size:12px;font-weight:400;color:#64748b}
.dashboard-overview .stat-values b.primary-stat-value{font-size:24px!important;font-weight:600;color:#334155!important;flex-basis:100%}
.workbench-more{border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:14px 16px;margin-top:16px}
.workbench-more>summary{font-size:14px;color:#64748b;cursor:pointer}
.workbench-more .charts{grid-template-rows:240px 240px;gap:12px}
.dashboard-overview .dash-quick{gap:6px}
.dashboard-overview .dash-range{margin-top:14px}
.dashboard-overview .welcome{height:auto;min-height:82px;padding:16px;border-radius:8px}
.dashboard-overview .welcome h3{font-size:16px}
#nav button:focus-visible,.tab:focus-visible,.workbench-actions button:focus-visible{outline:2px solid #1788ee;outline-offset:2px}
.sidebar.collapsed{width:60px}.sidebar.collapsed~.shell{margin-left:60px}
.sidebar.collapsed #nav .nav-link.child{display:none}.sidebar.collapsed #nav .nav-label,.sidebar.collapsed #nav .chev{display:none}
.sidebar.collapsed .logo{padding:0 15px}.sidebar.collapsed .logo strong{display:none}
.sidebar.collapsed .collapse-btn{left:22px}
@media(max-width:1200px){.dashboard-overview .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.workbench-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.sidebar{width:208px;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.shell,.sidebar.collapsed~.shell{margin-left:0}.topbar{padding:0 10px}.tabs{padding:8px 10px}#content{padding:10px}.dashboard-overview .cards,.workbench-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.workbench-more .charts{display:block}.workbench-more .chart{height:220px;margin-top:8px}.dashboard-overview .stat-info{padding:12px}.top-actions{gap:3px}.dashboard-overview .welcome-avatar{display:none}.dashboard-overview .clock{display:none}}

.tabs .tab:nth-child(n){display:block}

#payout-filter.compact-filters .advanced-filter{display:none}

/* fontReadable20261009：字号整体放大一档、灰色小字加深。
   后台历史样式是 11px 正文 + 9~10px 灰色数字（还有深色主题遗留的土黄字），
   在普通显示器上几乎无法辨认 —— 这里是统一的可读性覆盖，加载顺序在最后，优先级最高。 */
html,body{font-size:13px}
th{font-size:12px}
td{font-size:13px}
.table-wrap table th{color:#5b6673}
.table-wrap td{color:#2b3440}
small{font-size:12px;color:#5b6673}
.panel-title p{font-size:12px;color:#4e5a68}
.report-table th,.report-table td{font-size:12px}
.table-footer,.report-footer{font-size:13px;color:#5b6673}
.badge{font-size:11px}
.vip-badge{font-size:12px}
.empty-note,.empty-note p,.member-recent-note{font-size:12px;color:#5b6673}
.data-table td.mono{font-size:12px}
.data-table .muted{color:#5b6673}

/* 统一分页栏：共 N 条 · 第 X / Y 页 + 上一页 / 下一页 + 每页条数 */
.table-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 4px 2px;border-top:1px solid #eef1f4;margin-top:6px;font-size:13px;color:#334155}
.table-pager>span{font-weight:600}
.table-pager-actions{display:flex;gap:8px}
.table-pager button[disabled]{opacity:.45;cursor:not-allowed}
.table-pager label{display:flex;align-items:center;gap:6px;font-size:13px;color:#334155}
.table-pager select{padding:4px 6px;font-size:13px;height:auto}