/* 商户后台复刻操作端会员卡样式。来源：
 *   - internal/operator/embed/ext/players.css（图标/浮层边框/确认框）
 *   - game.html 里 #funcCardPop 定位、隐藏图标、上线代理按钮
 * 强调色用操作端表头黑灰，隔开商户列表蓝顶条；弹窗内不出现蓝色。
 * 不改操作端文件。精灵图由页面 --mc-icon-sprite 指到本包 icons_36x36.png。 */

#funcCardPop {
  position: fixed; z-index: 9999; display: none;
  background: #fff;
  border: 1px solid #000; border-radius: 0; box-shadow: none;
  max-width: 700px;
  font: 13px/1.5 "Microsoft YaHei", Arial, Helvetica, sans-serif;
  color: #333;
}

/* 操作端模板用 table.table-bordered；商户页全局 table/th 是亮色后台皮，必须在此隔离开。
 * 表头黑底来自账号列表真皮 bootstrap.cust（操作端 players.css 也按真皮 #functionDiv 复刻边框）。 */
#funcCardPop .table { width: 100%; max-width: 100%; margin: 0; border-collapse: collapse; white-space: normal; }
#funcCardPop .table-bordered { border: 1px solid #ddd; }
#funcCardPop .table th,
#funcCardPop .table td {
  padding: 8px; border: 1px solid #ddd; vertical-align: middle;
  text-align: left; background: #fff; color: #333; font-weight: normal;
  box-shadow: none; letter-spacing: normal;
}
#funcCardPop .table th {
  white-space: nowrap; font-weight: normal; color: #fff;
  background: #353535;
  background: linear-gradient(to bottom, #353535 0%, #1b1b1b 12%);
  box-shadow: none;
}
#funcCardPop .table tbody tr:nth-child(even),
#funcCardPop .table tbody tr:hover { background: transparent; }
#funcCardPop .table tbody tr:nth-child(even) td,
#funcCardPop .table tbody tr:hover td { background: #fff; }
#funcCardPop .table tbody td:first-child { font-weight: normal; color: #333; }
#funcCardPop .table tr:last-child th,
#funcCardPop .table tr:last-child td { border-bottom: 1px solid #ddd; }
#funcCardPop .table td { white-space: normal; }
#funcCardPop .pull-left { float: left; }
#funcCardPop .table td::after { content: ""; display: table; clear: both; }

#funcCardPop .mc-login-web { color: #333; font-weight: 600; }
#funcCardPop .mc-login-mobile { color: #e8830c; font-weight: 600; }

/* 操作端 game.html 的复制钮是蓝边，商户卡改成操作端表头同系黑灰，弹窗内不出现蓝色。 */
#funcCardPop .upline-line { font-size: 12px; color: #555; }
#funcCardPop .upline-copy {
  margin-left: 8px; padding: 2px 10px; font-size: 12px;
  border: 1px solid #888; background: #f4f4f4; color: #333;
  border-radius: 4px; cursor: pointer; vertical-align: middle;
}
#funcCardPop .upline-copy:hover { background: #353535; color: #fff; border-color: #353535; }
#funcCardPop .icon36-edit,
#funcCardPop .icon36-detail,
#funcCardPop .icon36-ctl-record,
#funcCardPop .icon36-bbcash { display: none !important; }

#funcCardPop .icon36 {
  background-image: var(--mc-icon-sprite, url(/assets/lib/cust/images/icons_36x36.png));
  background-color: transparent; background-repeat: no-repeat;
  display: inline-block; border: none; padding: 0;
  width: 36px; height: 36px; line-height: 36px; cursor: pointer; text-indent: -2000em;
}
#funcCardPop .icon36.disabled { pointer-events: none; opacity: .5; }
#funcCardPop .icon36-password { background-position: -680px -40px; } #funcCardPop .icon36-password:hover { background-position: -680px 0; }
#funcCardPop .icon36-edit { background-position: -400px -40px; } #funcCardPop .icon36-edit:hover { background-position: -400px 0; }
#funcCardPop .icon36-detail { background-position: -440px -40px; } #funcCardPop .icon36-detail:hover { background-position: -440px 0; }
#funcCardPop .icon36-ctl-record { background-position: -480px -40px; } #funcCardPop .icon36-ctl-record:hover { background-position: -480px 0; }
#funcCardPop .icon36-bbcash { background-position: -1240px -40px; } #funcCardPop .icon36-bbcash:hover { background-position: -1240px 0; }
#funcCardPop .icon36-stop-bet { background-position: -760px -40px; } #funcCardPop .icon36-stop-bet:hover { background-position: -760px 0; }
#funcCardPop .icon36-logout { background-position: -800px -40px; } #funcCardPop .icon36-logout:hover { background-position: -800px 0; }
#funcCardPop .icon36-enable { background-position: -320px -40px; } #funcCardPop .icon36-enable:hover { background-position: -320px 0; }
#funcCardPop .icon36-disable { background-position: -360px -40px; } #funcCardPop .icon36-disable:hover { background-position: -360px 0; }
#funcCardPop .icon36-freeze { background-position: 0 -40px; } #funcCardPop .icon36-freeze:hover { background-position: 0 0; }
#funcCardPop .icon36-unfreeze { background-position: -40px -40px; } #funcCardPop .icon36-unfreeze:hover { background-position: -40px 0; }
#funcCardPop .icon36-suspension { background-position: -840px -40px; } #funcCardPop .icon36-suspension:hover { background-position: -840px 0; }
#funcCardPop .icon36-remove-suspension { background-position: -880px -40px; } #funcCardPop .icon36-remove-suspension:hover { background-position: -880px 0; }
#funcCardPop .icon36-unlock { background-position: -1720px -40px; } #funcCardPop .icon36-unlock:hover { background-position: -1720px 0; }
#funcCardPop .icon36-personal-edit { background-position: -1640px -40px; } #funcCardPop .icon36-personal-edit:hover { background-position: -1640px 0; }
#funcCardPop .icon36-remove-personal-edit { background-position: -1680px -40px; } #funcCardPop .icon36-remove-personal-edit:hover { background-position: -1680px 0; }
#funcCardPop .icon36-delete { background-position: -600px -40px; } #funcCardPop .icon36-delete:hover { background-position: -600px 0; }

#funcCardPop .mc-extra-act {
  float: left; margin: 4px 0 0 8px; height: 28px; padding: 0 12px;
  border: 1px solid #353535; background: #353535; color: #fff;
  border-radius: 4px; cursor: pointer; font-size: 13px;
}
#funcCardPop .mc-extra-act:hover { background: #1b1b1b; border-color: #1b1b1b; }

.fc-mask { position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 10000; display: flex; align-items: center; justify-content: center; }
.fc-dialog { background: #fff; border: 1px solid #aaa; min-width: 300px; max-width: 92vw; font: 13px/1.5 "Microsoft YaHei", system-ui, sans-serif; color: #222; }
.fc-dialog .fc-hd { background: #ccc; color: #222; font-weight: bold; padding: 7px 14px; font-size: 14px; }
.fc-dialog .fc-bd { padding: 12px 14px; background: #fff; }
.fc-dialog .fc-ft { text-align: left; border-top: 1px solid #ddd; padding: 8px 12px; }
.fc-dialog .fc-ft .fc-btn { margin: 0 6px 0 0; }
.fc-modal { background: #fff; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; box-shadow: 0 5px 15px rgba(0,0,0,.5); width: 600px; max-width: 94vw; font: 14px/1.5 "Microsoft YaHei", system-ui, sans-serif; color: #333; }
.fc-modal .fc-hd { position: relative; padding: 15px; border-bottom: 1px solid #e5e5e5; font-size: 18px; font-weight: 500; color: #333; }
.fc-modal .fc-hd .fc-x { position: absolute; right: 15px; top: 12px; border: 0; background: none; font-size: 21px; line-height: 1; color: #000; opacity: .3; cursor: pointer; }
.fc-modal .fc-hd .fc-x:hover { opacity: .6; }
.fc-modal .fc-bd { padding: 15px; }
.fc-modal .fc-ft { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }
.fc-tbl { width: 100%; border-collapse: collapse; margin: 0; }
.fc-tbl.bordered th, .fc-tbl.bordered td { border: 1px solid #ddd; }
.fc-tbl th { background: #f5f5f5; text-align: left; padding: 9px 12px; font-weight: normal; color: #333; white-space: nowrap; width: 28%; }
.fc-tbl td { padding: 9px 12px; color: #333; }
.fc-np { display: flex; white-space: nowrap; align-items: center; }
.fc-np > * { margin-left: 5px; } .fc-np > *:first-child { margin: 0; }
.fc-np input { flex: 1; height: 34px; border: 1px solid #ccc; border-radius: 4px; padding: 0 10px; font-size: 14px; }
.fc-rule { color: #333; font-size: 13px; margin-top: 10px; display: block; }
.fc-cb { cursor: pointer; display: inline-flex; align-items: center; gap: 7px; }
.fc-cb input { width: 16px; height: 16px; cursor: pointer; }
.fc-danger { color: #a94442; font-weight: bold; }
.fc-btn { display: inline-block; border: 1px solid transparent; border-radius: 4px; padding: 6px 14px; font-size: 14px; line-height: 1.4; cursor: pointer; color: #fff; margin-left: 8px; }
.fc-btn-primary { background: #353535; border-color: #1b1b1b; } .fc-btn-primary:hover { background: #1b1b1b; border-color: #111; }
.fc-btn-warning { background: #f0ad4e; border-color: #eea236; } .fc-btn-warning:hover { background: #ec971f; border-color: #d58512; }
.fc-btn-info { background: #666; border-color: #555; } .fc-btn-info:hover { background: #555; border-color: #444; }