/* Additive FastAdmin skin: keep native Bootstrap, table, form and Layer behavior. */
body:not(.login-page) { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; font-size:14px; color:#34434a; letter-spacing:0; line-height:1.6; }
body .content-wrapper, body #main { background:#f3f5f7; }
body .content { padding:20px; }
body .panel { border:1px solid #e1e7eb; border-radius:6px; box-shadow:none; }
body .panel-heading { padding:16px 20px; background:#fff; border-bottom:1px solid #e7ecef; border-radius:6px 6px 0 0; }
body .panel-title { font-size:16px; font-weight:600; color:#263a41; line-height:1.5; }
body .panel-body { padding:20px; }
body .panel-body > h4, body .content > h4 { font-size:16px; font-weight:600; padding:12px 0; margin:16px 0 12px; border-bottom:1px solid #e5ecef; }
body .text-muted, body .help-block { color:#71818a; }
body #ribbon { background:#f3f5f7; border-bottom:1px solid #e0e7eb; }
body .btn { border-radius:4px; font-weight:500; box-shadow:none; transition:background-color .15s, border-color .15s; }
body .btn:not(.btn-xs):not(.btn-sm):not(.btn-lg) { padding:7px 14px; }
body .btn-xs { padding:4px 8px; }
body .btn-default { background:#fff; border-color:#d8e1e6; color:#445962; }
body .btn-default:hover { background:#eff5f7; border-color:#b6c9d2; }
body .btn-primary { background:#3978bc; border-color:#3978bc; }
body .btn-primary:hover { background:#2d65a1; border-color:#2d65a1; }
body .btn-success { background:#258869; border-color:#258869; }
body .btn-success:hover { background:#1b7056; border-color:#1b7056; }
body .btn-info { background:#eaf3fc; border-color:#c7dcf0; color:#326ca8; }
body .btn-warning { background:#fff5df; border-color:#ecd59c; color:#916614; }
body .btn:focus-visible, body a:focus-visible { outline:2px solid #3978bc; outline-offset:3px; }
body .btn-group > .btn { border-radius:0; }
body .btn-group > .btn:first-child { border-radius:4px 0 0 4px; }
body .btn-group > .btn:last-child { border-radius:0 4px 4px 0; }
body .form-control { border:1px solid #d6e0e6; border-radius:4px; box-shadow:none; min-height:36px; color:#34434a; background:#fff; }
body .form-control:focus { border-color:#669ace; box-shadow:0 0 0 3px rgba(57,120,188,.1); }
body textarea.form-control { padding:12px; line-height:1.7; }
body .form-horizontal .form-group { margin-bottom:20px; }
body .control-label { font-weight:500; color:#52656d; }
body .form-inline { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
body .form-inline label { font-weight:500; display:inline-flex; align-items:center; gap:8px; }
body fieldset { margin:22px 0; }
body legend { color:#263a41; font-size:16px; font-weight:600; padding-bottom:10px; border-color:#e3e9ed; }
body .table { color:#3e5059; margin-bottom:16px; }
body .table > thead > tr > th { background:#f6f8fa; color:#61717d; font-weight:600; border-bottom:1px solid #dfe7ec; padding:12px 14px; white-space:nowrap; }
body .table > tbody > tr > td { padding:12px 14px; vertical-align:middle; border-top:1px solid #edf0f3; }
body .table-striped > tbody > tr:nth-of-type(odd) { background:#fff; }
body .table-striped > tbody > tr:nth-of-type(even) { background:#fafcfd; }
body .table-hover > tbody > tr:hover { background:#f0f6fb; }
body .table-bordered, body .table-bordered > thead > tr > th, body .table-bordered > tbody > tr > td { border-color:#e6ecef; }
body .fixed-table-container { border-color:#e1e7eb; border-radius:4px; }
body .fixed-table-toolbar { margin-bottom:12px; }
body .fixed-table-pagination { color:#71818a; font-size:13px; }
body .table-responsive { border:0; }
body .alert { border-radius:4px; padding:12px 16px; }
body .alert-info { color:#366f8c; background:#eff7fb; border-color:#d1e5ef; }
body pre { padding:16px; background:#f6f8fa; border:1px solid #e0e7eb; border-radius:4px; color:#465a64; font-size:13px; line-height:1.7; }
body .dl-horizontal { display:grid; grid-template-columns:140px minmax(0,1fr); gap:12px 20px; margin:0 0 24px; }
body .dl-horizontal dt { float:none; width:auto; text-align:left; white-space:normal; color:#74838c; font-weight:400; }
body .dl-horizontal dd { margin:0; min-width:0; overflow-wrap:anywhere; }
body.is-dialog #main, body.is-dialog { background:#fff; }
body.is-dialog .content { padding:24px 28px; }
body .layer-footer { background:#fff; border-top:1px solid #e5ebef; padding-top:14px; }
body .layui-layer { border-radius:6px; }
body .layui-layer-iframe { max-width:calc(100vw - 24px); }
body .layui-layer-fast .layui-layer-title { height:52px; line-height:52px; background:#fff!important; border-bottom:1px solid #e1e7eb; color:#2f444e!important; font-weight:600; border-radius:6px 6px 0 0; }
body .layui-layer-fast .layui-layer-title ~ .layui-layer-setwin { top:0; height:52px; }
body .layui-layer-fast .layui-layer-title ~ .layui-layer-setwin > a { height:52px; line-height:52px; }
body .layui-layer-fast .layui-layer-setwin > a:after { color:#677e8b; }
body .layui-layer-fast .layui-layer-setwin > a:hover:after { color:#256fae; }
body .layui-layer-fast.layui-layer-border { box-shadow:0 12px 48px rgba(30,50,65,.18)!important; }
body .layui-layer-btn { border-top:1px solid #e7edf0; background:#fff; padding:14px 20px; }
body .layui-layer-fast .layui-layer-footer { padding:14px 24px; background:#fff; border-top:1px solid #e5ebef; }
body .layui-layer-fast .layui-layer-footer .form-group { margin:0; }
body .layui-layer iframe { border-radius:0 0 6px 6px; }
body .nav-tabs { border-bottom:1px solid #dfe7ec; }
body .nav-tabs > li > a { padding:12px 18px; color:#73828a; border:0; border-bottom:2px solid transparent; margin-right:10px; border-radius:0; }
body .nav-tabs > li.active > a, body .nav-tabs > li.active > a:hover, body .nav-tabs > li.active > a:focus { background:transparent; color:#326fae; border:0; border-bottom:2px solid #3978bc; font-weight:600; }
body .nav-tabs > li > a:hover { background:#f5f8fa; }
body .sidebar-menu > li > a { font-weight:500; }
body .sidebar-menu .treeview-menu > li > a { padding-top:11px; padding-bottom:11px; }
.sb-player-heading { display:flex; align-items:center; gap:14px; padding:0 0 20px; }
.sb-player-heading img { width:52px; height:52px; border-radius:50%; border:1px solid #e4eaed; }
.sb-player-heading h2 { font-size:20px; font-weight:600; margin:0 0 3px; overflow-wrap:anywhere; }
.sb-player-heading p { margin:0; color:#788991; font-size:13px; }
.sb-status { display:inline-block; font-size:12px; padding:3px 10px; border-radius:4px; background:#eaf6f0; color:#277959; }
.sb-status-danger { color:#b64b4b; background:#fff0f0; }
.sb-player-heading > .sb-status { margin-left:auto; flex-shrink:0; }
.sb-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:#f7f9fb; padding:18px 0; border-top:1px solid #e5ecef; border-bottom:1px solid #e5ecef; margin-bottom:14px; }
.sb-metric { padding:0 20px; border-right:1px solid #e2e9ed; }
.sb-metric:last-child { border:0; }
.sb-metric span { display:block; color:#778893; font-size:12px; }
.sb-metric strong { display:block; font-size:23px; font-weight:600; color:#2d4652; overflow-wrap:anywhere; }
.sb-detail .tab-content { padding-top:24px; }
.sb-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.sb-section { min-width:0; }
.sb-section h3 { font-size:15px; font-weight:600; color:#304a57; margin:0 0 20px; padding-bottom:12px; border-bottom:1px solid #e6ecef; }
.sb-section h3 .fa { color:#7d939e; margin-right:8px; }
body .sb-detail .dl-horizontal { grid-template-columns:104px minmax(0,1fr); gap:13px 12px; font-size:13px; }
.sb-detail .table { font-size:13px; }
.sb-detail .table td { overflow-wrap:anywhere; max-width:320px; }
.sb-detail .table .text-muted { text-align:center; padding:32px; }
.sb-reward-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:24px; }
body .sb-reward-columns fieldset { margin:0; min-width:0; }
body .sb-reward-columns .form-group { margin-bottom:14px; }
body .sb-reward-columns .control-label { font-size:13px; padding-left:0; padding-right:0; }
@media(max-width:767px) {
  body .layui-layer-iframe { left:12px!important; top:12px!important; width:calc(100% - 24px)!important; max-height:calc(100vh - 24px); }
  body .layui-layer-iframe iframe { max-height:calc(100vh - 144px); }
  body .content, body .panel-body, body.is-dialog .content { padding:14px; }
  .sb-detail-grid { grid-template-columns:1fr; gap:12px; }
  .sb-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:14px; }
  .sb-metric:nth-child(2) { border-right:0; }
  body .nav-tabs > li > a { padding:10px 8px; margin-right:0; font-size:13px; }
  body .dl-horizontal { grid-template-columns:100px minmax(0,1fr); gap:10px; }
  body .form-inline label, body .form-inline .form-control { max-width:100%; }
}
@media(max-width:620px) { .sb-reward-columns { grid-template-columns:1fr; } }