/* Agent desktop records only: member draws and administrator panels are untouched. */
@media (min-width:721px) {
  body.agent-top-layout :is(#betsPanel,#agentWalletPanel) {
    padding:22px 24px;
    border:1px solid #dce6ef;
    border-radius:10px;
    box-shadow:0 3px 14px #264b6a06;
    color:#344b60;
  }
  body.agent-top-layout :is(#betsPanel,#agentWalletPanel)>h2 {
    font-size:18px;
    font-weight:650;
    color:#234a69;
    margin:0 0 10px;
    letter-spacing:.2px;
  }
  body.agent-top-layout :is(#betsPanel,#agentWalletPanel)>p.muted {
    font-size:12px;
    font-weight:400;
    line-height:1.65;
    color:#788c9e;
    margin:0 0 18px;
  }
  body.agent-top-layout #betsPanel .bill-filter-bar {
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px;
    margin:0 0 18px;
    background:#f6f9fc;
    border:1px solid #e3ebf2;
    border-radius:7px;
  }
  body.agent-top-layout #betsPanel .bill-filter-bar :is(select,input,button) {
    box-sizing:border-box;
    height:38px;
    min-height:38px;
    max-width:100%;
    margin:0;
    border-radius:5px;
    font:400 13px system-ui,sans-serif;
    line-height:normal;
  }
  body.agent-top-layout #betsPanel .bill-filter-bar :is(select,input) {
    color:#344f66;
    border:1px solid #cbdce9;
    background:#fff;
    padding:0 11px;
  }
  body.agent-top-layout #betsPanel #scope {width:145px}
  body.agent-top-layout #betsPanel #downlineBillMember {width:180px;min-width:0;margin:0}
  body.agent-top-layout #betsPanel #downlineBillSearch {width:250px;min-width:0;margin:0}
  body.agent-top-layout #betsPanel .bill-filter-bar button {
    min-width:76px;
    padding:0 18px;
    background:#236b9b;
    font-weight:600;
  }
  body.agent-top-layout :is(#betsPanel,#agentWalletPanel) .scroll {
    border:1px solid #e0e8ef;
    border-radius:7px;
    scrollbar-width:thin;
    scrollbar-color:#b9ccd9 #f5f8fb;
  }
  body.agent-top-layout #betsPanel table {min-width:960px;font-size:13px}
  body.agent-top-layout :is(#betsPanel,#agentWalletPanel) th,
  body.agent-top-layout :is(#betsPanel,#agentWalletPanel) td {
    padding:13px 14px;
    border-bottom:1px solid #e8eef4;
    vertical-align:middle;
    line-height:1.55;
  }
  body.agent-top-layout :is(#betsPanel,#agentWalletPanel) th {
    background:#edf4fa;
    color:#526e85;
    font-size:12px;
    font-weight:600;
    white-space:nowrap;
    text-align:left;
  }
  body.agent-top-layout #betsPanel tbody tr:nth-child(even) {background:#fafcfe}
  body.agent-top-layout :is(#betsPanel,#agentWalletPanel) tbody tr:hover td {background:#f1f7fc}
  body.agent-top-layout :is(#betsPanel,#agentWalletPanel) tbody tr:last-child td {border-bottom:0}
  body.agent-top-layout #betsPanel :is(th,td):nth-child(n+6) {
    text-align:right;
    padding-inline:14px;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
  }
  body.agent-top-layout #betsPanel :is(th,td):nth-child(1) {width:7%}
  body.agent-top-layout #betsPanel :is(th,td):nth-child(2) {width:15%}
  body.agent-top-layout #betsPanel :is(th,td):nth-child(3) {width:17%;white-space:nowrap}
  body.agent-top-layout #betsPanel :is(th,td):nth-child(4) {width:9%;text-align:center}
  body.agent-top-layout #betsPanel :is(th,td):nth-child(5) {width:19%}
  body.agent-top-layout #betsPanel td:first-child {font-weight:600;color:#315b7b}
  body.agent-top-layout #betsPanel .record-primary {display:block;white-space:nowrap}
  body.agent-top-layout #betsPanel .record-secondary {display:block;font-size:11px;font-weight:400;color:#8495a4;margin-top:2px;white-space:nowrap}
  body.agent-top-layout #betsPanel .bet-status {display:inline-block;padding:3px 9px;border-radius:4px;background:#edf2f7;color:#637b90;font-size:12px;white-space:nowrap;font-weight:500}
  body.agent-top-layout #betsPanel .bet-won .bet-status {color:#16805d;background:#eaf7f1}
  body.agent-top-layout #betsPanel .bet-lost .bet-status {color:#bd564b;background:#fff0ed}
  body.agent-top-layout #betsPanel td:last-child {font-weight:600}
  body.agent-top-layout #betsPanel .bet-lost td:last-child {color:#bd564b}
  body.agent-top-layout #agentWalletPanel #agentEarnings {background:#f1f7fc;border:1px solid #deebf4;font-size:13px;line-height:1.8;color:#3d6481;border-radius:6px}
  body.agent-top-layout #agentWalletPanel #agentEarnings {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:13px 16px}
  body.agent-top-layout #agentWalletPanel .agent-earnings-stat {display:grid;gap:4px;border-right:1px solid #dce8f1}
  body.agent-top-layout #agentWalletPanel .agent-earnings-stat:last-child {border:0}
  body.agent-top-layout #agentWalletPanel .agent-earnings-stat small {font-size:11px;color:#7a91a4}
  body.agent-top-layout #agentWalletPanel .agent-earnings-stat strong {font-size:18px;color:#315e7f;font-weight:600;font-variant-numeric:tabular-nums}
  body.agent-top-layout #agentWalletPanel .agent-earnings-stat:last-child strong {color:#16806e}
  body.agent-top-layout #agentWalletPanel .agent-earnings-stat strong.is-negative {color:#bd564b}
  body.agent-top-layout #agentWalletPanel>.notice {background:#fffcf5;border:1px solid #eee6d3;font-size:12px;line-height:1.65;color:#8c7a56;border-radius:6px}
  body.agent-top-layout #agentWalletPanel #refreshAgentWallet {height:36px;margin:4px 0 14px;background:#edf5fb;color:#29658f;border:1px solid #cbdfea;font-size:12px;padding:0 15px}
  body.agent-top-layout #agentWalletPanel .agent-wallet-table {min-width:1190px;font-size:12px}
  body.agent-top-layout #agentWalletPanel .agent-wallet-table :is(th,td):nth-child(1) {white-space:nowrap;font-size:12px}
  body.agent-top-layout #agentWalletPanel .agent-wallet-table td:nth-child(5) {max-width:310px;color:#728598;font-size:11px}
  body.agent-top-layout #agentWalletPanel .agent-wallet-table :is(th,td):nth-child(6) {text-align:right;padding-inline:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
  body.agent-top-layout #agentWalletPanel .agent-wallet-table :is(th,td):nth-child(7) {text-align:center;padding-inline:18px;min-width:126px;font-variant-numeric:tabular-nums;white-space:nowrap}
  body.agent-top-layout #agentWalletPanel .agent-wallet-table :is(th,td):nth-child(8) {text-align:left;padding-inline:16px;white-space:nowrap}
  body.agent-top-layout #agentWalletPanel .wallet-row-share td {background:#f9f7fd}
  body.agent-top-layout #agentWalletPanel .wallet-row-rebate td {background:#f4f9fd}
  body.agent-top-layout #agentWalletPanel .wallet-row-odds td {background:#f4faf7}
  body.agent-top-layout #agentWalletPanel .wallet-row-risk td {background:#fff7ed}
  body.agent-top-layout #agentWalletPanel .wallet-row-restored td {background:#eef8f3}
  body.agent-top-layout #agentWalletPanel .wallet-kind-risk {background:#ffead6;color:#a45224}
  body.agent-top-layout #agentWalletPanel .wallet-kind-restored {background:#dcf1e7;color:#287256}
  body.agent-top-layout #agentWalletPanel :is(.wallet-row-risk,.wallet-row-restored) td:nth-child(5) {min-width:310px;max-width:520px;white-space:normal;line-height:1.8;color:#526b7e}
  body.agent-top-layout #agentWalletPanel .wallet-kind {padding:3px 8px;font-size:11px;font-weight:500;border-radius:4px}
  body.agent-top-layout :is(#betsPanel,#agentWalletPanel) :is(input,select,button):focus-visible {outline:2px solid #6ba6ce;outline-offset:2px}
}
@media(max-width:720px){
  body.agent-mobile-agent #agentWalletRows .wallet-kind-risk{background:#ffead6;color:#a45224}
  body.agent-mobile-agent #agentWalletRows .wallet-kind-restored{background:#dcf1e7;color:#287256}
  body.agent-mobile-agent #agentWalletRows :is(.wallet-row-risk,.wallet-row-restored)>td:nth-child(6){font-size:12px;font-weight:500;color:#697d8e}
}