/* RCB agent panel. Always the desktop layout: pages use a 1280px viewport, also on phones (pinch to zoom). */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
:root{--ag-bg:#eee;--ag-text:#1e1e1e;--ag-navy:#243a48;--ag-slate:#3b5160;--ag-line:#7e97a7;--ag-soft:#e0e6e6;--ag-gold:#ffb600;--ag-yellow1:#ffcc2f;--ag-yellow2:#ffb80c;--ag-blue:#2789ce;--ag-green:#508d0e;--ag-red:#d0021b}
*{box-sizing:border-box}
html,body{margin:0}
body.agent{background:var(--ag-bg);color:var(--ag-text);font:12px/1.4 Tahoma,Helvetica,Arial,sans-serif;min-width:320px}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
.ic{width:16px;height:16px;fill:currentColor;flex:0 0 auto;vertical-align:middle}

/* Header */
.ag-header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 0 0 6px;background:linear-gradient(180deg,#2a2a2a,#000)}
.ag-logo{font-size:34px;font-weight:900;font-style:italic;letter-spacing:-2px;color:#f7df55;text-shadow:0 2px 0 #b07700}
.ag-logo span{color:#ffcf24}
.ag-user{display:flex;align-items:center;gap:16px;color:var(--ag-gold);font-weight:bold}
.ag-user span{display:flex;align-items:center;gap:5px}
.tag{font-style:normal;font-weight:normal;font-size:10px;background:#000;border:1px solid #333;color:#fff;border-radius:4px;padding:1px 5px}
.ag-refresh{width:30px;height:30px;margin-right:6px;border:1px solid #000;border-radius:4px;background:linear-gradient(#4a4a4a,#1a1a1a);color:var(--ag-gold);display:flex;align-items:center;justify-content:center;cursor:pointer}
.ag-refresh svg{width:18px;height:18px;fill:var(--ag-gold)}

/* Yellow menu */
.ag-nav{display:flex;justify-content:space-between;align-items:stretch;min-height:26px;background:linear-gradient(180deg,var(--ag-yellow1),var(--ag-yellow2));border-bottom:1px solid #b38000;position:relative;z-index:20}
.ag-nav>.ag-wrap>ul{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.ag-nav>.ag-wrap>ul>li{position:relative;border-right:1px solid #c89400}
.ag-nav>.ag-wrap>ul>li>a,.ag-nav>.ag-wrap>ul>li>button{display:flex;align-items:center;gap:6px;height:26px;padding:0 9px;border:0;background:none;font-size:11px;font-weight:bold;color:#222;cursor:pointer;white-space:nowrap}
.ag-nav>.ag-wrap>ul>li>button i{font-style:normal;font-size:9px}
.ag-nav>.ag-wrap>ul>li.active>a,.ag-nav>.ag-wrap>ul>li.active>button,.ag-nav>.ag-wrap>ul>li>a:hover,.ag-nav>.ag-wrap>ul>li>button:hover{background:#ffdc7a;box-shadow:inset 0 0 0 1px #e6ae1a}
.ag-nav li ul{display:none;position:absolute;left:0;top:100%;min-width:100%;margin:0;padding:0;list-style:none;background:var(--ag-yellow2);box-shadow:0 3px 6px rgba(0,0,0,.25)}
.ag-nav li.has-menu:hover>ul,.ag-nav li.has-menu:focus-within>ul,.ag-nav li.has-menu.open>ul{display:block}
.ag-nav li ul a{display:block;padding:6px 9px;font-size:11px;font-weight:bold;white-space:nowrap;border-top:1px solid #e0a300}
.ag-nav li ul a:hover{background:#ffdc7a}
.ag-nav-right{display:flex;align-items:center}
.ag-nav-right .tz{padding:0 10px;color:#9a7200;font-size:11px}
.ag-nav-right .tz b{color:#222}
.ag-nav-right form{height:100%;border-left:1px solid #c89400}
.ag-nav-right button{height:100%;border:0;background:none;padding:0 10px;font-size:11px;font-weight:bold;display:flex;align-items:center;gap:4px;cursor:pointer}
.ag-nav-right button:hover{background:#ffdc7a}

/* News */
.ag-news{display:flex;align-items:center;height:22px;background:linear-gradient(#2b2b2b,#111);color:#fff;overflow:hidden}
.ag-news-label{position:relative;display:flex;align-items:center;gap:3px;height:100%;padding:0 18px 0 8px;font-size:11px;font-weight:bold;background:#1b1b1b;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)}
.ag-news-label svg{width:13px;height:13px;fill:#fff}
.ag-news-track{flex:1;overflow:hidden;white-space:nowrap}
.ag-news-track p{display:inline-block;margin:0;padding-left:100%;animation:ag-marquee 28s linear infinite;color:#6ac2ff;font-weight:bold;font-size:11px;text-transform:uppercase}
.ag-news-track em{font-style:italic;font-weight:normal;background:#6ac2ff;color:#1b3b6b;padding:0 5px;margin-right:6px;border-radius:2px;text-transform:none}
@keyframes ag-marquee{to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.ag-news-track p{animation:none;padding-left:10px}}

.ag-main{padding:0 0 30px}
.ag-alert{margin:8px;padding:9px 12px;border-radius:4px;font-weight:bold;border:1px solid}
.ag-alert.success{background:#e6f4d7;border-color:#9ccb6a;color:#3e7a0c}
.ag-alert.error{background:#fbe1e1;border-color:#e8a4a4;color:#b0151a}
.ag-alert.info{background:#eef4fa;border-color:#b9cfe4;color:#2d4f6c;font-weight:normal}

/* Buttons + inputs */
.ag-btn,.ag-btn-dark{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:25px;padding:0 10px;border-radius:4px;font-size:11px;cursor:pointer;white-space:nowrap}
.ag-btn{border:1px solid #bbb;background:linear-gradient(#fff,#eee);color:#1e1e1e;box-shadow:inset 0 1px 0 #fff}
.ag-btn:hover{background:#f7f7f7}
.ag-btn-dark{border:1px solid #000;background:linear-gradient(180deg,#474747,#070707);color:var(--ag-gold);font-weight:bold}
.ag-btn-dark:hover{color:#ffd24d}
.ag-btn.small{height:21px;padding:0 7px;font-size:11px}
.ag-btn.wide,.ag-btn-dark.wide{min-width:70px}
.ag-square{width:25px;padding:0}
.ag-btn:disabled{opacity:.55;cursor:default}
input[type=text],input[type=search],input[type=number],input[type=password],input[type=date],input[type=time],input:not([type]),select,textarea{height:24px;border:1px solid #aaa;border-radius:4px;background:#fff;padding:0 6px;font-size:12px}
textarea{height:auto;min-height:40px;padding:4px 6px}
input::placeholder,textarea::placeholder{color:#999}
.link,.link-btn{color:var(--ag-blue);text-decoration:underline;cursor:pointer}
.link-btn{border:0;background:none;padding:0;font-size:12px}
.neg{color:var(--ag-red)}
.pos{color:var(--ag-green)}
.num{text-align:right;white-space:nowrap}
.center{text-align:center}
.right{text-align:right}
.arrow{color:#999;padding:0 2px}
.role{display:inline-block;font-style:normal;font-size:9px;font-weight:bold;color:#fff;border-radius:3px;padding:1px 6px;vertical-align:middle}
.role.pl{background:#568bc8}
.role.ma{background:#6db33f}
.acct{color:#1e1e1e}
.acct:hover{text-decoration:underline}
.idx{color:#999;display:inline-block;min-width:18px;text-align:right}

/* Downline toolbar + totals */
.ag-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px}
.ag-search{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ag-search-box{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #aaa;border-radius:4px;padding:0 0 0 6px;height:26px}
.ag-search-box svg{width:14px;height:14px;fill:#222}
.ag-search-box input{border:0;height:24px;width:180px;padding:0 4px;outline:0}
.ag-search .ag-btn-dark{height:26px;margin-left:-6px;border-radius:0 4px 4px 0}
.ag-inline{display:flex;align-items:center;gap:5px;font-weight:bold}
.ag-inline select{min-width:88px;font-weight:normal}
.ag-toolbar-right{display:flex;gap:6px}
.ag-totals{display:grid;grid-template-columns:repeat(6,1fr);margin:0;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ccc}
.ag-totals div{padding:7px 8px;border-right:1px solid #ddd}
.ag-totals div:last-child{border-right:0}
.ag-totals dt{color:#9b9b9b;font-size:11px}
.ag-totals dd{margin:2px 0 0;font-size:14px;font-weight:bold;color:var(--ag-navy)}

/* Tables */
.ag-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ag-table{width:100%;border-collapse:collapse;background:#fff;border-bottom:1px solid var(--ag-line)}
.ag-table th{background:#e4e4e4;color:var(--ag-navy);font-size:11px;font-weight:bold;text-align:left;padding:7px 8px;border-bottom:1px solid var(--ag-line);white-space:nowrap}
.ag-table td{padding:8px;border-bottom:1px solid #eee;vertical-align:middle}
.ag-table tbody tr:hover{background:#f7f9fa}
.ag-table tr.total td{font-weight:bold;background:#f5f5f5;border-top:1px solid #ccc}
.ag-table.compact td,.ag-table.compact th{padding:5px 8px}
.ag-table td.ua{color:#777;font-size:11px}
.ag-nodata{color:#777;padding:10px 8px !important}
.ag-downline td{white-space:nowrap}
.ag-downline .ic{width:13px;height:13px;fill:var(--ag-blue)}
.plus .ic{width:15px;height:15px;fill:var(--ag-blue)}
.status-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:3px;font-size:11px;border:1px solid}
.status-badge i{width:7px;height:7px;border-radius:50%;background:currentColor}
.status-badge.active{color:#508d0e;background:#e5f3d6;border-color:#bfe09a}
.status-badge.suspended{color:#d0021b;background:#fbe1e1;border-color:#f0b2b2}
.status-badge.search{color:#8a5a00;background:#fff4d6;border-color:#f0d58a}
.status-badge.locked{color:#5c7582;background:#e3e9ec;border-color:#b7c5cd}
.actions{white-space:nowrap}
.ic-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:2px;border:1px solid #bbb;border-radius:4px;background:linear-gradient(#fff,#e6e6e6);cursor:pointer;padding:0;vertical-align:middle}
.ic-btn .ic,.ag-downline .ic-btn .ic{width:15px;height:15px;fill:#222}
.ic-btn:hover{border-color:#777}
.ag-pager{display:flex;justify-content:center;align-items:center;gap:4px;padding:14px 0;border-bottom:1px solid #ddd}
.ag-pager a{min-width:34px;height:22px;display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid #bbb;border-radius:3px;background:#e7e7e7;color:#999;font-size:11px}
.ag-pager a.current{background:#222;color:var(--ag-gold);border-color:#000}
.ag-pager a.disabled{pointer-events:none;opacity:.6}
.ag-pager form{display:flex;gap:4px}
.ag-pager input{width:50px;height:22px}
.ag-pager form button{height:22px;border:1px solid #bbb;border-radius:3px;background:#fff;font-size:11px;padding:0 8px;cursor:pointer}
.ag-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px;list-style:none;margin:0;padding:10px 12px;color:#555;font-size:11px}
.ag-legend li{display:flex;align-items:center;gap:5px}
.ag-legend>li>.ic{width:20px;height:20px;fill:#222}

/* Modals */
.ag-modal{border:0;border-radius:6px;padding:0;width:min(420px,96vw);box-shadow:0 6px 30px rgba(0,0,0,.45);background:#eee}
.ag-modal-sm{width:min(380px,96vw)}
.ag-modal-lg{width:min(760px,98vw)}
.ag-modal::backdrop{background:rgba(0,0,0,.7)}
.ag-modal header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 6px}
.ag-modal h2{margin:0;font-size:15px;color:var(--ag-navy)}
.ag-close{width:22px;height:22px;border:0;border-radius:3px;background:#111;color:#fff;font-size:12px;cursor:pointer}
.ag-modal-body{padding:0 12px 12px}
.ag-modal-foot{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #ccc}
.ag-modal-foot.center{justify-content:center}
.ag-modal-foot label{display:flex;align-items:center;gap:8px;flex:1;color:#555}
.ag-modal-foot label input{flex:1}
.ag-modal-foot .ag-btn-dark{min-width:110px}
.status-card{background:#fff;border-radius:4px;padding:10px}
.status-who{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-size:13px}
.status-now{margin-left:auto;font-size:11px;display:flex;align-items:center;gap:4px}
.status-now::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.status-now.active{color:#508d0e}.status-now.suspended{color:#d0021b}.status-now.locked{color:#5c7582}
.status-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px 6px}
.choice{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border:1px solid #ccc;border-radius:6px;background:linear-gradient(#fff,#eee);font-size:13px;cursor:pointer;color:#999}
.choice input{position:absolute;opacity:0;pointer-events:none}
.choice .ic{width:24px;height:24px}
.choice.active .ic{fill:none;color:#aaa}
.choice.suspended{color:#d0021b}
.choice.locked{color:#5c7582}
.choice:has(input:checked){box-shadow:inset 0 0 0 2px currentColor;background:#fff}
.choice.active:has(input:checked){color:#508d0e}
.choice.active:has(input:checked) .ic{color:#508d0e}
.choice:has(input:disabled){opacity:.45;cursor:not-allowed}
.ag-form-grid{display:grid;gap:10px}
.ag-form-grid.pad{padding:10px}
.ag-form-grid label{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:8px;color:#555}
.ag-form-grid label[hidden]{display:none}

/* Add player steps */
.ag-steps{display:flex;gap:6px;margin:0 0 14px;padding:6px 8px;list-style:none;background:#1e1e1e;color:#fff;font-weight:bold}
.ag-steps li{display:flex;align-items:center;gap:6px;opacity:.75}
.ag-steps li.on{opacity:1}
.ag-steps li+li::before{content:'▸';margin-right:4px}
.ag-steps i{font-style:normal;font-size:9px;border:1px solid #fff;border-radius:3px;padding:1px 5px}
.ag-steps li.on i{background:#fff;color:#111}
.ag-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;padding:40px 10px}
.ag-two-col>div{display:grid;gap:10px;align-content:start}
.ag-two-col>div:first-child{border-right:1px solid #ccc;padding-right:30px}
.ag-two-col label{display:grid;grid-template-columns:110px 1fr 10px;align-items:center;gap:6px;text-align:right;color:#555;font-size:11px}
.ag-two-col label em{color:#d0021b;font-style:normal;font-size:14px}
.ag-step-error{color:var(--ag-red);font-weight:bold;min-height:16px;margin:0;text-align:center}
.pt-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;max-height:55vh;overflow:auto;padding:2px}
.pt-table{width:100%;border-collapse:collapse;background:#fff;font-size:11px}
.pt-table caption{text-align:left;font-weight:bold;padding:4px 6px;background:#7e97a7;color:#fff}
.pt-table th{background:#e4e4e4;padding:3px 6px;font-size:10px}
.pt-table td{padding:3px 6px;border-bottom:1px solid #eee}
.pt-table input{width:60px;height:20px;text-align:right}

/* Player / account layout */
.ag-crumbs{display:flex;align-items:center;gap:0;padding:8px 0 6px}
.crumb{position:relative;display:flex;align-items:center;gap:6px;height:24px;padding:0 10px 0 6px;background:#fff;border:1px solid #bbb;font-size:13px;font-weight:bold;color:#1e1e1e;border-radius:3px}
.crumb+.crumb{margin-left:-1px;border-left:0;border-radius:0 3px 3px 0;padding-left:14px}
.crumb:first-child:not(:only-child){border-radius:3px 0 0 3px}
.crumb:first-child:not(:only-child)::after{content:'';position:absolute;right:-7px;top:3px;width:16px;height:16px;background:#fff;border-top:1px solid #bbb;border-right:1px solid #bbb;transform:rotate(45deg);z-index:1}
.crumb-switch summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer}
.crumb-switch summary::-webkit-details-marker{display:none}
.crumb-switch summary b{font-size:9px}
.crumb-switch ul{position:absolute;top:100%;left:0;z-index:15;min-width:100%;margin:2px 0 0;padding:0;list-style:none;background:#fff;border:1px solid #bbb;box-shadow:0 3px 8px rgba(0,0,0,.2)}
.crumb-switch ul a{display:block;padding:5px 10px;font-weight:normal;white-space:nowrap}
.crumb-switch ul a:hover,.crumb-switch ul a.current{background:#f4dea1}
.ag-with-side{display:grid;grid-template-columns:175px minmax(0,1fr);gap:10px;align-items:start}
.ag-side{background:#fff;border-bottom:1px solid #bbb}
.ag-side h3{margin:0;padding:4px 7px;background:var(--ag-navy);color:#fff;font-size:11px;font-weight:normal}
.ag-side a{display:block;padding:4px 7px;border-bottom:1px solid #f0e8d0;color:#555;font-size:11px}
.ag-side a:hover{background:#f7f7f7}
.ag-side a.active{background:#7d7d7d;color:#fff}
.ag-content{min-width:0;padding-right:8px}
.ag-title{margin:10px 0 8px;font-size:13px;font-weight:bold;color:var(--ag-navy)}
.ag-title.plain{margin:6px 8px;color:#1e1e1e;font-size:12px}
.ag-sub{display:flex;align-items:center;gap:5px;margin:0 0 8px;color:#555}
.ag-sub .ic{fill:#7e97a7}
.ag-box{background:#fff;margin-bottom:8px;border-bottom:1px solid #bbb}
.ag-box h3{display:flex;justify-content:space-between;align-items:center;margin:0;padding:4px 8px;background:#7e97a7;color:#fff;font-size:12px}
.ag-box h3 .edit-link{color:#fff}
.ag-box h3 .edit-link .ic{fill:#fff}
.kv{display:grid;grid-template-columns:130px 1fr auto;margin:0}
.kv dt,.kv dd{margin:0;padding:5px 8px;border-bottom:1px solid #eee}
.kv dt{color:#555}
.kv dd:last-child,.kv dd:nth-child(3n){text-align:right}
.edit-link{display:inline-flex;align-items:center;gap:3px;border:0;background:none;color:var(--ag-blue);font-size:11px;cursor:pointer;padding:0}
.edit-link .ic{width:13px;height:13px;fill:var(--ag-blue)}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.pt-caption{margin:0;padding:5px 8px;border-bottom:1px solid #eee;color:#555}
.pt-view{width:calc(100% - 20px);margin:0 0 0 20px;border-collapse:collapse;font-size:11px}
.pt-view th{background:#e4e4e4;padding:3px 8px;font-size:10px}
.pt-view td{padding:4px 8px;border-bottom:1px solid #eee}
.ag-balance-card{display:grid;grid-template-columns:260px 1fr;background:#fff;border-bottom:1px solid #bbb}
.ag-balance-card>div{padding:8px;border-right:1px solid #eee}
.ag-balance-card p{margin:0;color:var(--ag-navy);font-weight:bold}
.ag-balance-card strong{font-size:22px;color:var(--ag-blue)}
.ag-balance-card small{color:#aaa}

/* Filters (history / P&L / reports) */
.ag-filter-form{margin:0}
.ag-content .ag-filter-form{margin-top:4px}
.ag-tabs{display:flex;flex-wrap:wrap;gap:3px;padding:0 0 0 1px;border-bottom:3px solid var(--ag-slate)}
.ag-tabs button{height:23px;padding:0 8px;border:1px solid var(--ag-slate);border-bottom:0;border-radius:3px 3px 0 0;background:#fff;color:var(--ag-slate);font-weight:bold;font-size:13px;cursor:pointer}
.ag-tabs button.active{background:var(--ag-slate);color:#fff}
.ag-filter{background:var(--ag-soft);border-bottom:1px solid var(--ag-line);padding:8px}
.ag-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ag-filter-row+.ag-filter-row{margin-top:8px}
.ag-filter-row label{display:flex;align-items:center;gap:5px;color:#555;font-size:11px}
.ag-filter-row select{min-width:90px}
.ag-time{width:78px;color:#999}
.ag-help{padding:6px 0;color:#555;font-size:10.5px}
.ag-help p{margin:2px 0 6px}
.ag-userid{margin:0 0 10px}
.ag-userid input{width:132px}
.ag-betid{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 4px 10px}
.ag-betid input{width:286px;height:26px}
.ag-betid span{color:#555;font-size:11px}
.ag-rule{border:0;border-top:1px solid #ccc;margin:0 0 10px}
.side{display:inline-block;padding:1px 7px;border-radius:3px;font-size:11px;font-weight:bold}
.side.back{background:#72bbef}.side.lay{background:#faa9ba}
.ag-balance-log{max-width:730px}
.ag-balance-log textarea{width:165px}
.ag-balance-log input:not([type]){width:132px}

/* BetList */
.ag-radios{display:flex;flex-wrap:wrap;gap:4px 12px;padding:0 4px 8px;font-size:11px;color:#555}
.ag-radios label{display:flex;align-items:center;gap:3px}
.ag-dropdowns{display:flex;flex-wrap:wrap;gap:4px;padding:0 0 8px}
.ag-drop{position:relative}
.ag-drop summary{list-style:none;display:flex;align-items:center;gap:4px;height:22px;padding:0 6px;border:1px solid #bbb;border-radius:3px;background:linear-gradient(#fff,#eee);font-size:11px;color:#555;cursor:pointer}
.ag-drop summary::-webkit-details-marker{display:none}
.ag-drop summary .ic{width:13px;height:13px;fill:var(--ag-blue)}
.ag-drop summary b{font-size:9px;margin-left:4px}
.ag-drop>div{position:absolute;z-index:10;top:100%;left:0;margin-top:2px;padding:8px;background:#fff;border:1px solid #bbb;box-shadow:0 3px 8px rgba(0,0,0,.2);display:grid;gap:6px;min-width:200px}
.ag-drop>div label{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:5px;font-size:11px;color:#555}
.ag-rows{margin:0 0 8px;font-size:11px;color:#555}
.ag-rows select{width:88px}

/* Banking */
.ag-your-balance{display:flex;align-items:center;gap:8px;padding:8px;background:var(--ag-soft);border-bottom:1px solid var(--ag-line)}
.ag-your-balance span{padding-right:8px;border-right:1px solid #aaa;color:var(--ag-navy);font-weight:bold}
.ag-your-balance b{font-size:17px;font-weight:normal}
.ag-your-balance small{font-size:11px;color:#999}
.ag-banking{margin-top:8px;border-top:1px solid #ccc}
.ag-banking th.sep,.ag-banking td.sep{border-right:1px solid #ccc}
.ag-banking .sep-l{border-left:1px solid #ccc}
.dw{display:flex;align-items:center;justify-content:center;gap:0}
.dw-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #bbb;background:linear-gradient(#fff,#eee);font-weight:bold;cursor:pointer}
.dw-btn:first-child{border-radius:3px 0 0 3px}
.dw-btn+.dw-btn{border-left:0;border-radius:0 3px 3px 0;margin-right:6px}
.dw-btn input{position:absolute;opacity:0;pointer-events:none}
.dw-btn:has(input[value=D]:checked){background:#4fa94d;color:#fff;border-color:#3d8a3b}
.dw-btn:has(input[value=W]:checked){background:#d8453c;color:#fff;border-color:#b33830}
.dw input[type=number]{width:100px;text-align:right;margin-right:6px}
.credit input{width:90px;text-align:right}
.ag-pay-bar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:12px 8px;margin-top:20px;border-top:2px solid #bbb;max-width:810px}
.ag-pay-bar .ag-btn.wide{height:28px;min-width:100px;font-size:12px}
.ag-pay-box{display:flex;gap:4px;padding:3px;background:var(--ag-soft);border:1px solid #bbb;border-radius:4px}
.ag-pay-box input{height:26px;width:135px;text-align:center}
.ag-pay-box .ag-btn-dark{height:26px;min-width:160px;font-size:12px}
.ag-pay-box i{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:50%;background:#555;color:#fff;font-style:normal;font-size:10px;margin:0 3px}

/* Risk */
.ag-risk-head{display:flex;align-items:center;justify-content:space-between;padding-right:8px}
.ag-risk-top{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 6px}
.ag-risk-card{background:#fff;border-bottom:1px solid #bbb;min-height:100px}
.ag-risk-tabs{display:flex;background:var(--ag-navy)}
.ag-risk-tabs a{padding:4px 12px;color:#bfd0da;font-size:10px}
.ag-risk-tabs a.on{background:var(--ag-slate);color:#fff;font-weight:bold;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,0 100%)}
.ag-risk-section{margin:10px 6px 0;background:#ddd;padding:0 0 6px;border-radius:2px}
.ag-risk-section>header{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#dcdcdc}
.ag-risk-section h3{margin:0;font-size:12px;color:var(--ag-navy)}
.risk-table{margin-bottom:6px}
.risk-table th.pl-head{background:#f7e3b0;text-align:center}
.pl-cell small{display:block;color:#777;font-size:10px}
.books summary{list-style:none}
.books summary::-webkit-details-marker{display:none}
.books[open] .ladder{position:absolute;right:20px;z-index:10;background:#fff;border:1px solid #bbb;box-shadow:0 3px 8px rgba(0,0,0,.2);border-collapse:collapse}
.ladder td,.ladder th{padding:3px 10px;border-bottom:1px solid #eee;font-size:11px}

/* Responsive */
@media(max-width:900px){
    .ag-totals{grid-template-columns:repeat(3,1fr)}
    .ag-totals div:nth-child(3){border-right:0}
    .ag-totals div:nth-child(-n+3){border-bottom:1px solid #eee}
    .profile-grid,.ag-risk-top{grid-template-columns:1fr}
}
@media(max-width:700px){
    .ag-header{height:52px}
    .ag-logo{font-size:28px}
    .ag-user{gap:8px;font-size:11px}
    .ag-nav{flex-direction:column}
    .ag-nav-right{justify-content:flex-end;border-top:1px solid #d9a200}
    .ag-with-side{grid-template-columns:1fr}
    .ag-side{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
    .ag-side h3{grid-column:1/-1}
    .ag-content{padding:0 6px}
    .ag-two-col{grid-template-columns:1fr;padding:14px 4px}
    .ag-two-col>div:first-child{border-right:0;padding-right:0}
    .ag-search-box input{width:120px}
    .ag-balance-card{grid-template-columns:1fr}
}
form.ag-toolbar{justify-content:flex-start;padding:0 8px 8px}
form.ag-toolbar .ag-inline{margin-left:14px}
.crumb:first-child:not(:only-child){padding-right:16px}
.ag-news-track p{animation-duration:22s;padding-left:40%}
[hidden]{display:none !important}
.ag-two-col label input,.ag-two-col label select{width:100%;min-width:0}
.ag-two-col label{grid-template-columns:110px minmax(0,190px) 10px}
.pt-form{align-items:start}

/* Agent login + error pages */
body.ag-login-page{min-height:100vh;margin:0;background:linear-gradient(180deg,#ffb60b 0%,#ffc21a 60%,#ffd339 100%);font-family:Roboto,Arial,Helvetica,sans-serif}
.ag-login{max-width:750px;min-height:100vh;margin:0 auto;padding-bottom:30px}
.ag-login-art{position:relative;overflow:hidden}
.ag-login-art img{display:block;width:100%;height:auto}
.ag-login-art .ag-logo{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font-size:clamp(44px,12vw,62px);letter-spacing:-3px;white-space:nowrap;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}
.ag-login-form{display:grid;gap:18px;max-width:630px;margin:clamp(40px,12vw,70px) auto 0;padding:0 clamp(22px,8vw,43px)}
.ag-login-form input,.ag-login-form .ag-captcha{height:clamp(52px,10vw,65px);border:0;border-radius:9px;background:#fff;box-shadow:0 1px 12px rgba(184,135,43,.75);padding:0 16px;font-size:clamp(17px,3.6vw,20px);color:#444}
.ag-login-form input::placeholder{color:#8a8a8a}
.ag-login-form input:focus{outline:0;background:#fff4d6}
.ag-login-form .ag-captcha{display:flex;align-items:center;gap:8px}
.ag-login-form .ag-captcha input{flex:1;min-width:0;height:100%;padding:0;box-shadow:none;background:transparent}
.ag-login-form .ag-captcha:focus-within{background:#fff4d6}
.ag-login-form .ag-captcha strong{font-size:clamp(24px,5vw,28px);font-weight:900;color:#000;letter-spacing:.5px}
.ag-login-form .ag-login-btn{height:clamp(52px,10vw,62px);border:1px solid #222;border-radius:9px;background:linear-gradient(#444,#050505);color:#f5bc15;font-size:clamp(18px,3.8vw,21px);font-weight:bold;cursor:pointer}
.ag-login-form .ag-login-btn:hover{color:#ffd24d}
/* Login error: same as the player login (theme.css .login-error): plain red 10.5u text under the Login button */
.ag-login-form .form-error{margin:2px 0 0;padding:0;border-radius:0;background:none;color:#d0021b;font-size:10.5px;font-weight:400;line-height:1.3;text-align:left}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ag-error{max-width:520px;margin:12vh auto;padding:24px;background:#fff;border-radius:6px;text-align:center}
.ag-error h1{margin:0;font-size:44px;color:var(--ag-navy)}

/* ---------- Hierarchy (Owner → SSS → SS → S → Master → Player) ---------- */
.role.r-owner{background:#1e1e1e;color:var(--ag-gold)}
.role.r-wl{background:#2c3e8f}
.role.r-sss{background:#8e44ad}
.role.r-ss{background:#c0392b}
.role.r-s{background:#d35400}
.role.r-master{background:#6db33f}
.role.r-player{background:#568bc8}
.role.r-x{background:#999}
.ag-path{flex-wrap:wrap;gap:4px 0}
.ag-path .crumb{border-radius:0;border-left:1px solid #bbb;padding-left:8px;margin-left:0}
.ag-path .crumb::after{display:none}
.ag-path .crumb+.crumb::before{content:'›';position:absolute;left:-7px;color:#777;font-weight:normal}
.ag-path .crumb+.crumb{margin-left:10px}
.ag-path .crumb[aria-current]{background:#f4dea1}
.ag-muted{color:#888;font-weight:normal}
td small.ag-muted{display:block;font-size:10px}
.ag-note{margin:8px 0;color:#555;font-size:11px}
.ag-when{white-space:nowrap}
.ag-wl{padding:2px 8px;border:1px solid rgba(255,182,0,.5);border-radius:3px;color:#fff;font-weight:normal}
.ag-table tr.current td{background:#fff8e1}
.ag-chip{display:inline-block;margin:1px 0;padding:1px 6px;border-radius:3px;background:#e3f0fa;border:1px solid #b6d4ea;white-space:nowrap}
.ag-chip.admin{background:#f4ecfa;border-color:#d7c2e8}
.ag-chip.off{opacity:.5;text-decoration:line-through}
.ag-chip small{color:#667}
.ag-edit-box{margin-top:14px}
.ag-edit-box h3{margin-top:0}
.ag-checks{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:6px 8px;border:1px solid #ccc;border-radius:3px}
.ag-checks legend{padding:0 4px;color:#555}
.ag-checks label{display:flex;align-items:center;gap:4px}
.ag-toolbar.pad{padding:8px}
form.inline{display:inline}
.ag-perm-table td,.ag-perm-table th{vertical-align:middle}
.ag-perm-table .ag-group-row th{background:#dde5e9;color:var(--ag-navy);text-align:left;font-size:11px}
.ag-perm-table input[type=checkbox]{width:16px;height:16px;cursor:pointer}
.ag-audit td{vertical-align:top}
.ag-json{max-width:260px;font-size:11px;word-break:break-word}
.ag-json div{line-height:1.35}
.ag-dash{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.ag-migrate{max-width:760px;margin:20px auto}
.ag-migrate-list{background:#fff;padding:10px 30px;border:1px solid #ccc}
.ag-migrate-form{max-width:420px;margin-top:12px}
.status-choices+.ag-note{text-align:center}
.ag-logo img{display:block;max-height:44px;max-width:170px;object-fit:contain}
.ag-login-art .ag-logo img{max-height:80px;max-width:300px}
.ag-news-item{margin-right:40px}
.ag-news-item b{margin-right:4px}
.side-tag{display:inline-block;padding:1px 6px;border-radius:3px;font-size:11px;font-weight:bold}
.side-tag.back{background:#72bbef}.side-tag.lay{background:#faa9ba}
.ag-live-dot{display:inline-block;width:9px;height:9px;margin:0 6px 0 10px;border-radius:50%;background:#d0021b;animation:ag-pulse 1.4s infinite}
@keyframes ag-pulse{50%{opacity:.25}}
tr.ag-new td{animation:ag-new 2.5s ease}
@keyframes ag-new{from{background:#fff3b0}}
@media(prefers-reduced-motion:reduce){.ag-live-dot,tr.ag-new td{animation:none}}
.ag-chips-form{max-width:560px}
.ag-box .pad{padding:0 10px 10px}
.ag-thumb{display:block;width:70px;height:52px;object-fit:cover;border-radius:3px;background:#222}
.ag-thumb.wide{width:160px;height:30px}
.ag-brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.ag-brand-preview{display:flex;align-items:center;justify-content:center;height:110px;margin:10px;border-radius:4px;background:linear-gradient(180deg,#383838,#010101)}
.ag-brand-preview.light{background:linear-gradient(56deg,#ffcc2e 4%,#ffb80c 42%)}
.ag-brand-preview img{max-width:90%;max-height:90px;object-fit:contain}
.ag-form-grid textarea{width:100%;font:inherit;padding:4px 6px;border:1px solid #aaa;border-radius:3px;resize:vertical}
.ag-tabs a{display:inline-block;padding:6px 12px;border:1px solid #bbb;border-bottom:0;background:#eee;margin-right:2px;border-radius:4px 4px 0 0}
.ag-tabs a.active{background:#fff;font-weight:bold}
.ag-chip.login{background:#e8f5e0;border-color:#bfe09a}.ag-chip.bet{background:#e3f0fa}.ag-chip.balance{background:#fff3d6;border-color:#f0d58a}.ag-chip.account{background:#f4ecfa;border-color:#d7c2e8}

/* Page loading: exact copy of the reference PageLoading + .loading-circle-anime */
.page-loading{position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;background:transparent}
.page-loading[hidden]{display:none}
.page-loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;padding:18px 0;border-radius:5px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.5)}
.page-loading-wrap>span{font:400 12px/1.2 Tahoma,Helvetica,sans-serif;color:#243a48}
.loading-circle-anime{position:relative;overflow:hidden;width:70px;height:35px;margin-bottom:19px}
.loading-circle-anime::before,.loading-circle-anime::after{content:'';position:absolute;top:0;width:50%;height:100%;border-radius:9999px}
.loading-circle-anime::before{right:0;background:rgb(61,81,97);animation:rightToLeft .6s ease infinite}
.loading-circle-anime::after{left:0;background:rgb(255,184,12);animation:leftToRight .6s ease infinite}
@keyframes rightToLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}
@keyframes leftToRight{0%{transform:translate(0)}to{transform:translate(100%)}}
.ag-tiles tr[draggable=true]{cursor:grab}
.ag-tiles tr.ag-dragging{opacity:.45;background:#fff8e1}
.ag-tiles tr.ag-off td{opacity:.55}
.ag-drag{white-space:nowrap;width:1%}
.ag-handle{display:inline-block;padding:0 4px;color:#7e97a7;font-size:16px;cursor:grab}
.ag-move{padding:0 4px;border:1px solid #bbb;border-radius:3px;background:#fff;font-size:9px;line-height:16px;cursor:pointer}
.ag-thumb-empty{display:block;background:#ddd}
.ag-tile-status{min-width:240px}
.ag-confirm{display:flex;gap:4px;margin-top:4px}
.ag-confirm select{max-width:260px;font-size:11px}
.ag-tile-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-width:393px;padding:10px}
.ag-preview-tile{position:relative;height:70px;background:#1b1b1b;border-bottom:3px solid #ffb80c;overflow:hidden}
.ag-preview-tile.wide{grid-column:span 2}
.ag-preview-tile img{width:100%;height:100%;object-fit:cover}
.ag-preview-tile span{position:absolute;left:0;right:0;bottom:0;padding:2px 5px;background:linear-gradient(90deg,#000,transparent);color:#fff;font-size:11px;font-weight:bold}
/* Logo image (assets/logo.png, or the white label's agent-panel logo) */
.ag-header .ag-logo{display:flex;align-items:center;height:100%;padding:6px 8px}
.ag-header .ag-logo img{display:block;height:44px;width:auto;max-width:170px;object-fit:contain}
.ag-login-art .ag-logo img{display:block;width:300px;max-width:80%;height:auto;max-height:110px;object-fit:contain}

/* Betting Rolling / Delay Time */
.ag-delay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;align-items:start}
.ag-delay-input{display:flex;align-items:center;gap:6px;color:#555}
.ag-delay-input input{width:90px}
.ag-limit-table td{padding:4px 8px}
.ag-limit-table input{width:110px;text-align:right}
.ag-note.left{text-align:left;margin:0}

.ag-code-img{display:none} /* the drawn validation code is for phones; desktop keeps its Tahoma text */
/* Agent login on phones (login.php uses a device-width viewport; the rest of the panel stays desktop).
   Field and button sizes match the player login (theme.css .login-page): 37u fields, 41u button, 6u radius, 15u text,
   10u gaps, 30u side padding; --u is 1px at 375px wide, capped at 1.2px. */
@media(max-width:700px){
    body.ag-login-page{--u:min(calc(100vw / 375),1.2px);min-height:100svh}
    .ag-login{min-height:100svh;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
    .ag-login-art .ag-logo img{width:220px;max-height:80px}
    .ag-login-form{gap:calc(10 * var(--u));max-width:460px;margin-top:calc(51 * var(--u));padding:0 calc(30 * var(--u))}
    .ag-login-form input,.ag-login-form .ag-captcha{height:calc(37 * var(--u));padding:0 calc(10 * var(--u));border-radius:calc(6 * var(--u));font-size:calc(15 * var(--u))}
    .ag-login-form .ag-captcha input{height:100%;padding:0}
    /* Validation code as on the reference agent login (measured at 393px): black DejaVu Sans Bold digits drawn by the server
       (login.php, validation_code_image), ink 52.8u x 13.9u, vertically centred, 8u from the right edge. The text version
       (Verdana/Tahoma bold) is only used when the server cannot draw the image. */
    .ag-login-form .ag-captcha{padding-right:calc(8 * var(--u))}
    .ag-login-form .ag-captcha strong{display:inline-block;flex:0 0 auto;font-family:Verdana,Tahoma,sans-serif;font-size:calc(19 * var(--u));font-weight:700;line-height:1;letter-spacing:0;color:#000}
    .ag-login-form .ag-captcha .ag-code-img{display:block;flex:0 0 auto;width:calc(52.8 * var(--u));height:calc(13.9 * var(--u));margin:0;padding:0;border:0;pointer-events:none;user-select:none}
    .ag-login-form .ag-captcha.has-img strong{display:none}
    .ag-login-form .ag-login-btn{height:calc(41 * var(--u));border-radius:calc(6 * var(--u));font-size:calc(15 * var(--u))}
    .ag-login-form .form-error{margin-top:calc(2 * var(--u));font-size:calc(10.5 * var(--u))}
}

/* Agent login, desktop (reference Sky Exchange agent login): 540x408 card over bg-login.jpg, artwork left, yellow form right */
.ag-login-title,.ag-login-ico,.ag-login-browsers{display:none}
@media(min-width:701px){
    body.ag-login-page{min-height:100vh;background:#111 url(icons/bg-login.jpg) center center/cover no-repeat;font-family:Tahoma,Helvetica,sans-serif}
    .ag-login{display:grid;grid-template-columns:250px 290px;grid-template-rows:408px auto;justify-content:center;max-width:none;min-height:100vh;margin:0;padding:110px 0 30px}
    .ag-login::before{content:'';grid-column:1/3;grid-row:1;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.5)}
    .ag-login-art{grid-column:1;grid-row:1;border-radius:6px 0 0 6px;background:#ffb600}
    .ag-login-art>img{width:100%;height:100%;object-fit:cover}
    .ag-login-art .ag-logo{left:8%;right:10%;top:72%;transform:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}
    .ag-login-art .ag-logo img{width:100%;max-width:none;max-height:none}
    .ag-login-form{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:7px;max-width:none;margin:0;padding:0 45px 0 25px;border-radius:0 6px 6px 0;background:#ffb600}
    .ag-login-title{display:block;margin:0 0 9px;color:#000;font-size:20px;font-weight:400;line-height:1.2}
    .ag-login-form input,.ag-login-form .ag-captcha{width:220px;height:33px;padding:0 5px;border:1px solid #aaa;border-radius:4px;background:#fff;box-shadow:inset 0 2px 0 rgba(0,0,0,.1);color:#1e1e1e;font-family:inherit;font-size:14px}
    .ag-login-form input::placeholder{color:#757575}
    .ag-login-form input:focus,.ag-login-form .ag-captcha:focus-within{background:#fff;border-color:#888}
    .ag-login-form .ag-captcha{position:relative;padding:0}
    .ag-login-form .ag-captcha input{width:100%;height:100%;padding:0 70px 0 5px;border:0;border-radius:4px;box-shadow:none;background:transparent}
    .ag-login-form .ag-captcha strong{position:absolute;right:7px;top:50%;transform:translateY(-50%);color:#000;font-family:Tahoma,Verdana,sans-serif;font-size:20px;font-weight:700;letter-spacing:0;pointer-events:none}
    .ag-login-form .ag-login-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:222px;height:38px;margin-top:8px;border:1px solid #222;border-radius:4px;background:linear-gradient(180deg,#464646,#070707);color:#ffb600;font-family:inherit;font-size:15px;font-weight:700}
    .ag-login-form .ag-login-btn:hover{background:linear-gradient(180deg,#555,#161616);color:#ffb600}
    .ag-login-ico{display:block;width:11px;height:11px;fill:#ffb600}
    .ag-login-form .form-error{width:220px}
    .ag-login-browsers{display:block;grid-column:1/3;grid-row:2;margin-top:20px;text-align:center}
    .ag-browser-icons{display:flex;justify-content:center;gap:12px;color:#6f6f6f}
    .ag-browser-icons svg{width:20px;height:20px}
    .ag-login-browsers p{margin:8px 0 0;color:#9f9f9f;font-size:11px;line-height:15px}
}
.ag-signup-box{max-width:560px}
/* Desktop login card: reference values (RCB-login.css .login-wrap / .kv / .login-panel) */
@media(min-width:701px){
    .ag-login{padding-top:15vh}
    .ag-login::before{border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,.5)}
    .ag-login-art{border-radius:8px 0 0 8px;background:#737373}
    .ag-login-art picture,.ag-login-art picture img{display:block;width:250px;height:408px;object-fit:cover}
    .ag-login-art .ag-logo{display:none}
    .ag-login-art .ag-logo.custom{display:block;left:50%;right:auto;top:75%;width:210px;max-height:210px;transform:translate(-50%,-50%)}
    .ag-login-form{border-radius:0 8px 8px 0;justify-content:flex-start;padding:100px 45px 0 25px}
    .ag-login-title{margin:0 0 15px;line-height:24px}
    .ag-login-form .ag-login-btn{width:220px;height:36px;margin-top:8px}
}
@media(min-width:701px){
    .ag-browser-icons{display:block;width:50px;height:20px;margin:0 auto 5px}
    .ag-login-browsers p{margin:0;color:rgba(255,255,255,.6)}
    .ag-login-ico{width:10px;height:11px}
}

/* Downline List (reference agent panel): person-plus "Add ..." button, Bank icon in the action/legend squares */
.ag-btn.ag-add{height:28px;padding:0 12px;font-size:12px}
.ag-btn.ag-add .ic{width:18px;height:18px;fill:#1e1e1e}
.ag-downline .ic-btn .ic{fill:#222}

/* ---------- Desktop agent panel as the reference (RCB.biz agent site, measured at 125% scaling):
   1350px centred content under a full-width header and yellow menu; 74px header, 29px menu, 26px news bar;
   30px toolbar controls, 52px summary strip, 31px table head, 42px rows, 13px text. ---------- */
.ag-wrap{width:100%;max-width:1350px;margin-left:auto;margin-right:auto}
.ag-main{max-width:1350px;margin:0 auto}
.ag-header{display:block;height:74px;padding:0}
.ag-header>.ag-wrap{display:flex;align-items:center;justify-content:space-between;height:100%}
.ag-header .ag-logo{padding:0}
.ag-header .ag-logo img{height:36px;max-width:180px}
.ag-user{gap:22px;font-size:13px}
.ag-user .tag{padding:1px 5px;border:0;border-radius:3px;background:#000;color:#fff;font-size:10px;font-weight:bold}
.ag-user b{color:var(--ag-gold)}
.ag-refresh{width:29px;height:29px;margin-right:0}
.ag-nav{display:block;min-height:29px}
.ag-nav>.ag-wrap{display:flex;justify-content:space-between;align-items:stretch}
.ag-nav>.ag-wrap>ul{border-left:1px solid #c89400}
.ag-nav>.ag-wrap>ul>li>a,.ag-nav>.ag-wrap>ul>li>button{height:29px;padding:0 10px;font-size:13px;color:#1e1e1e}
.ag-nav li ul a{padding:7px 10px;font-size:12px}
.ag-nav-right .tz{font-size:12px}
.ag-nav-right .tz b{font-size:13px}
.ag-nav-right button{padding:0 10px;font-size:13px;border-right:1px solid #c89400}
.ag-nav-right button svg{width:14px;height:14px}
.ag-news{height:26px;margin-top:2px}
.ag-news-label{font-size:13px}
.ag-news-track p{font-size:13px}

/* Downline List toolbar: search box with the Search button inside, Status, Download CSV | Add ..., refresh */
.ag-toolbar{padding:14px 0 16px;gap:10px}
.ag-search{gap:12px}
.ag-search-box.ag-find{height:30px;padding:0 3px 0 8px;gap:6px;border:1px solid #aaa;border-radius:4px}
.ag-find input{width:180px;height:26px;font-size:13px}
.ag-find .ag-btn-dark{height:24px;margin:0;padding:0 10px;border-radius:3px;font-size:13px}
.ag-inline{gap:6px;font-size:13px}
.ag-inline select{min-width:120px;height:30px;font-size:14px;border-radius:0}
.ag-toolbar .ag-btn{height:30px;padding:0 10px;font-size:13px;font-weight:bold}
.ag-toolbar .ag-btn .ic{width:13px;height:13px}
.ag-toolbar .ag-btn.ag-add{padding:0 18px;gap:8px}
.ag-toolbar .ag-btn.ag-add .ic{width:22px;height:22px}
.ag-toolbar .ag-square{width:30px}
.ag-toolbar .ag-square .ic{width:18px;height:18px}

/* Summary strip */
.ag-totals:not(.ag-dash){margin:0 0 15px;border-top:0;border-bottom:1px solid #7e97a7}
.ag-totals:not(.ag-dash) div{padding:8px 10px 7px}
.ag-totals:not(.ag-dash) dt{color:#777;font-size:12px}
.ag-totals:not(.ag-dash) dd{margin-top:4px;color:#1e1e1e;font-size:16px}

/* Downline table */
.ag-downline{font-size:13px}
.ag-downline th{height:31px;padding:0 10px;border-top:1px solid #7e97a7;font-size:13px}
.ag-downline td{height:42px;padding:0 10px;border-bottom:1px solid #e0e6e6}
.ag-downline .idx{min-width:22px;color:#999}
.ag-downline .role{margin:0 5px 0 4px;padding:1px 8px;font-size:10px;font-weight:normal}
.ag-downline .link-btn{font-size:13px}
.ag-downline .ic{width:15px;height:15px}
.ag-downline .ag-bal{color:var(--ag-blue)}
.ag-downline .plus .ic{width:17px;height:17px;fill:var(--ag-blue)}
.ag-downline .status-badge{padding:2px 7px;font-size:13px;font-weight:bold}
.ag-downline .ic-btn{width:24px;height:24px;margin-left:5px}
.ag-downline .ic-btn .ic{width:17px;height:17px}

/* Pagination + legend */
.ag-pager{gap:5px;padding:26px 0 28px}
.ag-pager a{height:25px;min-width:36px;font-size:13px}
.ag-pager input{width:58px;height:25px}
.ag-pager form button{height:25px;font-size:13px}
.ag-legend{gap:20px;padding:8px 0;font-size:13px;color:#1e1e1e}
.ag-legend .ic-btn,.ag-legend .ic-btn:hover{border-color:#bbb;cursor:default}
/* Key items that open a page (or highlight the rows' Change Status buttons) */
.ag-legend-link{display:flex;align-items:center;gap:6px;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.ag-legend-link .ic-btn{cursor:pointer}
.ag-legend-link:hover{color:var(--ag-blue);text-decoration:underline}
.ag-legend-link:hover .ic-btn{border-color:#777}
.ic-btn.ag-flash{animation:ag-flash 1.6s ease 2}
@keyframes ag-flash{50%{border-color:#ffb600;box-shadow:0 0 0 3px rgba(255,182,0,.6)}}
.ag-legend li{gap:6px}
.ag-legend .ic-btn{width:24px;height:24px;margin:0}
.ag-legend .ic-btn .ic{width:17px;height:17px}
/* Column widths and header alignment as the reference (Account takes the rest) */
.ag-downline th.num{text-align:right}
.ag-downline th.center{text-align:center}
.ag-downline th.right{text-align:right}
.ag-downline .c-cr,.ag-downline .c-bal{width:135px}
.ag-downline .c-exp{width:108px}
.ag-downline .c-lim{width:122px}
.ag-downline .c-status{width:163px}
.ag-downline .c-dl{width:90px}
.ag-downline .c-act{width:134px}
.ag-header .ag-logo img{height:44px}
.ag-news-track p{text-transform:none}
.ag-totals:not(.ag-dash) div{padding:6px 10px 5px}
.ag-totals:not(.ag-dash) dd{margin-top:2px}
.ag-toolbar .ag-btn{padding:0 8px}
.ag-toolbar .ag-btn.ag-add{padding:0 14px}

/* ---------- My Account (reference agent site, measured at 125%): account crumb, 234px side menu, Account Statement
   filter + Download, statement table, Profile cards (About You | Available PT) and the Change Password pop-up ---------- */
.ag-crumbs:not(.ag-path){padding:15px 0 10px}
.ag-crumbs:not(.ag-path) .crumb{height:30px;padding:0 8px 0 10px;gap:8px;border:1px solid #aaa;border-radius:3px;background:#eee;font-size:17px}
.ag-crumbs:not(.ag-path) .crumb .role{padding:1px 7px;font-size:10px;font-weight:normal}
.ag-with-side{grid-template-columns:234px minmax(0,1fr);gap:15px}
.ag-side{border-bottom:1px solid #7e97a7}
.ag-side h3{display:flex;align-items:center;height:26px;padding:0 10px;background:#243a48;font-size:13px}
.ag-side a{display:flex;align-items:center;height:26px;padding:0 10px;border-bottom:1px solid #e0e6e6;color:#1e1e1e;font-size:13px}
.ag-side a:hover{background:#eff2f2}
.ag-side a.active{background:#666;color:#fff}
.ag-content{padding-right:0}
.ag-content>.ag-title{margin:4px 0 10px;color:#243a48;font-size:17px}

/* Account Statement */
.ag-filter.ag-period{padding:10px;background:#e0e6e6;border-bottom:1px solid #7e97a7}
.ag-period .ag-filter-row{gap:8px}
.ag-period .ag-filter-row+.ag-filter-row{margin-top:10px}
.ag-period label{gap:10px;color:#1e1e1e;font-size:13px}
.ag-period input[type=date]{width:111px;height:25px;font-size:13px}
.ag-period .ag-time{width:45px;height:25px;padding:0 4px;border-color:#ccc;background:#ddd;color:#999;font-size:13px}
.ag-period>.ag-filter-row>span{color:#1e1e1e;font-size:13px}
.ag-period .ag-btn,.ag-period .ag-btn-dark{height:24px;padding:0 10px;font-size:13px}
.ag-period .ag-btn-dark{min-width:97px}
.ag-stmt-help{margin:18px 0 8px;color:#1e1e1e;font-size:13px}
.ag-download{height:24px;min-width:97px;margin:0 0 10px;font-size:13px}
.ag-tx{font-size:13px}
.ag-tx th{height:32px;padding:0 10px;border-top:1px solid #7e97a7;font-size:13px}
.ag-tx th.num,.ag-tx td.num{text-align:right}
.ag-tx td{padding:10px}
.ag-tx .ag-nodata{color:#1e1e1e !important;padding:10px !important}

/* Profile */
.ag-profile{display:grid;grid-template-columns:1fr 1fr;gap:11px;align-items:start}
.ag-profile-card{background:#fff;border-bottom:1px solid #7e97a7}
.ag-profile-card h3{margin:0;padding:0 10px;height:24px;display:flex;align-items:center;background:#7e97a7;color:#fff;font-size:15px}
.ag-profile-card dl{margin:0}
.ag-profile-card dl>div{display:flex;align-items:center;min-height:27px;padding:0 10px;border-bottom:1px solid #e0e6e6;font-size:12px;color:#1e1e1e}
.ag-profile-card dl>div:last-child{border-bottom:0}
.ag-profile-card dt{flex:0 0 135px}
.ag-profile-card dd{flex:1 1 auto;margin:0;font-size:13px}
.ag-profile-card dd.ag-pw{letter-spacing:1px}
.ag-profile-card dd.ag-edit{flex:0 0 auto}
.ag-profile-card .edit-link{gap:4px;font-size:13px}
.ag-profile-card .edit-link .ic{width:14px;height:14px}

/* Change Password pop-up */
.ag-pw-modal{width:430px;background:#eee}
.ag-pw-modal header{padding:14px 15px 8px}
.ag-pw-modal h2{font-size:17px}
.ag-pw-modal .ag-close{width:17px;height:17px;padding:0;border-radius:2px;font-size:11px;line-height:17px}
.ag-pw-modal .ag-modal-body{padding:6px 15px 20px}
.ag-pw-modal label{display:grid;grid-template-columns:140px 160px 12px;align-items:center;gap:10px;margin-bottom:10px;color:#1e1e1e;font-size:13px}
.ag-pw-modal label span{text-align:right}
.ag-pw-modal label input{width:160px;height:24px;font-size:13px}
.ag-pw-modal label em{color:#d0021b;font-style:normal}
.ag-pw-actions{padding:4px 0 0 150px}
.ag-pw-actions .ag-btn-dark{width:138px;height:24px;font-size:13px}
.ag-period input.ag-time{text-align:left}
.ag-pw-modal{margin:73px auto auto}

/* Reference action buttons: light rounded squares, #333 glyphs */
.ic-btn{border-color:#bbb;border-radius:4px;background:linear-gradient(180deg,#fdfdfd,#eee)}
.ic-btn .ic,.ag-downline .ic-btn .ic,.ag-legend .ic-btn .ic{fill:#333}
.ag-legend .ic-btn .ic{width:18px;height:18px}

/* Account / player breadcrumb (reference: "MA demof1 › PL demof2 ▾" in one bordered box, chevron divider) */
.ag-crumbs:not(.ag-path){display:flex;align-items:center}
.ag-crumbs:not(.ag-path) .crumb{height:30px;padding:0 10px;gap:10px;border:1px solid #8b93a0;border-radius:3px;background:#eee;color:#1e1e1e;font-size:17px;font-weight:bold}
.ag-crumbs:not(.ag-path) .crumb:first-child:not(:only-child){padding-right:14px;border-right:0;border-radius:3px 0 0 3px}
.ag-crumbs:not(.ag-path) .crumb:first-child:not(:only-child)::after{right:-11px;top:3.5px;width:21px;height:21px;background:#eee;border-top:1px solid #8b93a0;border-right:1px solid #8b93a0;transform:rotate(45deg) skew(12deg,12deg)}
.ag-crumbs:not(.ag-path) .crumb+.crumb{margin-left:0;padding-left:22px;border-left:0;border-radius:0 3px 3px 0}
.ag-crumbs:not(.ag-path) .crumb-switch summary{gap:10px}
.ag-crumbs:not(.ag-path) .crumb-switch summary b{margin-left:2px;font-size:10px}
.ag-crumbs:not(.ag-path) .crumb .role{padding:2px 8px;font-size:11px;font-weight:normal}
.ag-crumbs:not(.ag-path) .crumb-switch ul{font-size:13px}

/* Player switcher (reference): solid triangle, light list of the agent's other players under the PL crumb */
.ag-crumbs:not(.ag-path) .crumb-switch summary b{display:inline-block;width:0;height:0;margin-left:4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #1e1e1e;font-size:0}
.ag-crumbs:not(.ag-path) .crumb-switch ul{top:calc(100% + 1px);left:0;min-width:255px;margin:0;border:0;background:#f7f7f7;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.ag-crumbs:not(.ag-path) .crumb-switch ul:empty{display:none}
.ag-crumbs:not(.ag-path) .crumb-switch ul a{padding:8px 18px;color:#333;font-size:14px;font-weight:normal}
.ag-crumbs:not(.ag-path) .crumb-switch ul a:hover{background:#e8e8e8}

/* Error bar (like the reference): anything unsuccessful - a missing or wrong value, wrong password, insufficient
   balance - shows as a red bar at the top of the screen, above an open pop-up too (admin.js: agToast). */
.ag-toast{position:fixed;z-index:2000;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;width:min(660px,96vw);min-height:47px;padding:10px 40px;
    border-radius:0 0 3px 3px;background:#d0101f;color:#fff;font-size:13px;font-weight:normal;line-height:1.35;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.45);animation:ag-toast-in .18s ease-out}
.ag-toast span{flex:1}
.ag-toast button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;padding:0;border:0;border-radius:2px;background:#1e4f86;color:#fff;font-size:12px;line-height:15px;cursor:pointer}
@keyframes ag-toast-in{from{transform:translate(-50%,-100%)}to{transform:translate(-50%,0)}}
/* Success: the same bar in green with dark text ("Executed Successfully!" in the reference). */
.ag-toast.success{background:#6ab70f;color:#1f3a05}
.ag-toast.success button{border-radius:50%;background:#2b3b1a}
/* Banking pager: the GO box sits inside the payment form but submits the small GET form (form="banking-pager"). */
.ag-pager-go{display:flex;gap:4px}
.ag-pager-go button{height:22px;border:1px solid #bbb;border-radius:3px;background:#fff;font-size:11px;padding:0 8px;cursor:pointer}

/* Banking page, like the reference: normal-weight text, plain account + balance cells, Credit Reference right-aligned,
   white Total row with a line above, a border at the far right of the table and a full-width line above the pay bar. */
.ag-title.plain.bank{font-weight:normal}
.ag-toolbar.bank .ag-inline{font-weight:normal}
.ag-banking{border-top:1px solid #7e97a7}
.ag-banking th{font-weight:normal;font-size:12px;color:#243a48;border-bottom:1px solid #7e97a7}
.ag-banking td{font-size:12px;color:#666}
.ag-banking th.right,.ag-banking td.right{text-align:right}
.ag-banking th.sep,.ag-banking td.sep{border-right:1px solid #7e97a7}
.ag-banking .sep-l{border-left:1px solid #7e97a7}
.ag-banking th:last-child,.ag-banking td:last-child{border-right:1px solid #7e97a7}
.ag-banking td.credit .link{margin-right:6px}
.ag-banking tr.total td{background:#fff;color:#1e1e1e;font-weight:normal;border-top:1px solid #7e97a7;border-bottom:1px solid #7e97a7}
.ag-banking .dw-btn{font-weight:normal;color:#1e1e1e}
form[data-banking] .ag-pay-bar{max-width:none}
.ag-banking th.num{text-align:right}
.ag-banking th.center{text-align:center}
form[data-banking] .ag-pager{border-bottom:0}
.ag-your-balance.bank span{font-weight:normal}
/* Total row, like the reference: one unbroken line above it (the column dividers end there, none inside the row),
   and the line under it runs across the whole screen, past the table's edges (.ag-bank-rule, full-bleed). */
.ag-banking{border-bottom:0}
.ag-banking tr.total td{border-left:0;border-right:0;border-bottom:0}
.ag-bank-rule{height:1px;background:#7e97a7;box-shadow:0 0 0 100vmax #7e97a7;clip-path:inset(0 -100vmax)}
.ag-banking tr.last td{border-bottom:1px solid #7e97a7} /* the solid line above Total, joined to the column dividers */
/* Deposit / Withdraw column, measured from the reference: a 281px column filled by its controls - D and W 31 x 29,
   the amount box 136 x 29, Full 47 x 29, 7px apart. */
.ag-banking th:nth-child(5){width:281px}
.ag-banking td{padding-top:5px;padding-bottom:5px}
.ag-banking .dw-btn{width:31px;height:29px;font-size:13px}
.ag-banking .dw-btn+.dw-btn{margin-right:7px}
.ag-banking .dw input[type=number]{width:136px;height:29px;margin-right:7px;font-size:13px}
.ag-banking .dw .ag-btn.small{width:47px;height:29px;padding:0;font-size:12px}
.ag-banking td.credit .ag-btn.small{height:26px;padding:0 10px;font-size:12px}
/* The line above Clear All / Password / Submit also runs across the whole screen. */
form[data-banking] .ag-pay-bar{position:relative;border-top:0}
form[data-banking] .ag-pay-bar::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:#bbb;box-shadow:0 0 0 100vmax #bbb;clip-path:inset(0 -100vmax)}
/* Outer left border of the table, matching the one on the right (header + account rows; not the Total row). */
.ag-banking th:first-child,.ag-banking td:first-child{border-left:1px solid #7e97a7}
.ag-banking tr.total td:first-child{border-left:0}
/* Remark + Log columns, like the reference: a 100px "Remark" box per account, then the black "All Log" header button
   and a "Log" button per row, each column with its own divider. */
.ag-banking th.c-remark{width:118px}
.ag-banking th.c-log{width:78px}
.ag-banking .bank-remark{width:100px;height:29px;text-align:right;font-size:12px}
.ag-banking .bank-log{width:60px;height:29px;padding:0;font-size:12px}
.ag-banking .bank-all-log{width:60px;height:26px;padding:0;font-size:12px;font-weight:normal}

/* ---------- Risk Management Summary (reference agent site, measured from its screenshots at 125% scaling) ----------
   55px title line with a 32px refresh button; two boxes 65% / 35%, 15px apart: 25px navy bar (tabs rise 3px above it),
   25px #ced5da column line, five 32px rows; then one #dddcd7 box per market type: 44px title, tables with a 1px #7e97a7
   line above and below, #e4e4e4 heads (13px bold navy, 31px lines), #f3dfb0 Player P/L block, 47px "No Data" line. */
.rk{padding:0 0 10px}
.rk-head{display:flex;align-items:center;justify-content:space-between;height:52px;padding:6px 5px 0}
.rk-head h2{margin:0;color:#243a48;font-size:16px;font-weight:bold;line-height:1.2}
.rk-refresh{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:1px solid #bbb;border-radius:4px;background:linear-gradient(180deg,#fff,#eee);cursor:pointer}
.rk-refresh .ic,.rk-refresh svg{width:16px;height:16px;fill:#1e1e1e}
.rk-refresh:hover{background:#f7f7f7}
.rk-refresh.busy svg{animation:rk-spin .7s linear infinite}
@keyframes rk-spin{to{transform:rotate(-360deg)}}

.rk-top{display:grid;grid-template-columns:calc((100% - 15px) * .65) 1fr;gap:15px;margin:3px 0 21px}
.rk-card{min-width:0;border-bottom:1px solid #7e97a7;background:#fff}
.rk-tabs,.rk-card-title{display:flex;align-items:flex-end;height:25px;margin:0;background:linear-gradient(180deg,#2d4a5c,#203846)}
.rk-card-title{align-items:center;padding:0 10px;color:#fff;font-size:12px;font-weight:normal;line-height:1.2}
.rk-tabs a{flex:0 0 auto;height:28px;padding:0 9px 0 22px;margin-left:-10px;background:linear-gradient(180deg,#4f7995,#335770);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,10px 100%);color:#fff;font-size:12px;font-weight:bold;line-height:27px;text-decoration:none;white-space:nowrap}
.rk-tabs a:first-child{margin-left:0;padding:0 16px 0 15px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%)}
.rk-tabs a.on{background:linear-gradient(180deg,#7e97a7 0 1px,#dbe1e6 1px,#ced5da);color:#243a48}
.rk-pair{display:grid;grid-template-columns:1fr 1fr}
.rk-pair .rk-list+.rk-list{border-left:1px solid #eee}
.rk-list{width:100%;border-collapse:collapse;table-layout:fixed;background:linear-gradient(#ced5da,#ced5da) 0 0/100% 25px no-repeat,#fff}
.rk-list.rk-body{background:#fff}
/* Head colours are painted once on the table, not per cell: no hairlines between cells at 125% / 150% display scaling */
.rk-list th{height:25px;padding:0 10px;border:0;background:none;box-shadow:inset 0 2px 0 rgba(0,0,0,.1);color:#1e1e1e;font-size:12px;font-weight:normal;line-height:1.2;text-align:left;white-space:nowrap}
.rk-list td{height:32px;padding:0 10px;border-bottom:1px solid #eee;color:#1e1e1e;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rk-list tbody tr:last-child td{height:31px;border-bottom:0}
.rk-list th.num,.rk-list td.num,.rk-table th.num,.rk-table td.num{text-align:right}
.rk-sort{display:inline-block;margin-left:7px;border:4px solid transparent;border-top:6px solid #1e1e1e;border-bottom:0;vertical-align:middle}
.rk-uid{color:#2789ce;text-decoration:underline}
.rk-scroll{height:159px;overflow-y:scroll;border-top:0}

.rk-box{margin:0 0 25px;padding:0 10px 15px;border-radius:5px;background:#dddcd7;box-shadow:inset 0 2px 0 rgba(0,0,0,.1),0 2px 0 #fff}
.rk-box>header{display:flex;align-items:center;justify-content:space-between;height:44px;padding:2px 5px 0}
.rk-box h3{margin:0;color:#243a48;font-size:16px;font-weight:bold;line-height:1.2}
.rk-table{width:100%;border-collapse:collapse;table-layout:fixed;border-top:1px solid #7e97a7;border-bottom:1px solid #7e97a7;background:linear-gradient(#e4e4e4,#e4e4e4) 0 0/100% 31px no-repeat,#fff}
.rk-table.rk-cols-3{background:linear-gradient(#f3dfb0,#f3dfb0) 92.405% 0/21% 64px no-repeat,linear-gradient(#e4e4e4,#e4e4e4) 0 0/100% 64px no-repeat,#fff}
.rk-table.rk-cols-2{background:linear-gradient(#f3dfb0,#f3dfb0) 92.683% 0/18% 64px no-repeat,linear-gradient(#e4e4e4,#e4e4e4) 0 0/100% 64px no-repeat,#fff}
.rk-table+.rk-table{margin-top:10px}
.rk-table th{height:31px;padding:0 10px;border-bottom:1px solid #7e97a7;background:none;color:#243a48;font-size:12px;font-weight:bold;line-height:1.25;text-align:left}
.rk-table.rk-single th{height:30px}
.rk-table th.rk-pl-top{border-left:1px solid #7e97a7;border-right:1px solid #7e97a7;text-align:center}
.rk-table thead tr+tr th.rk-pl:first-child{border-left:1px solid #7e97a7}
.rk-table thead tr+tr th.rk-pl:last-child{border-right:1px solid #7e97a7}
.rk-table th.rk-down{text-align:center}
.rk-table td{padding:9px 10px;border-bottom:1px solid #e0e6e6;color:#1e1e1e;font-size:12px;line-height:1.2;vertical-align:middle;overflow-wrap:anywhere}
.rk-table tbody tr:last-child td{border-bottom:0}
.rk-table td.rk-nodata{height:49px;padding:0 10px}
.rk-arrow{color:#7e97a7}
.rk-book{text-align:center}
.rk-books{position:relative;display:inline-block}
.rk-books summary{display:inline-block;padding:2px 8px;border:1px solid #bbb;border-radius:4px;background:linear-gradient(180deg,#fff,#eee);color:#1e1e1e;font-size:11px;list-style:none;cursor:pointer}
.rk-books summary::-webkit-details-marker{display:none}
.rk-books table{position:absolute;right:0;top:100%;z-index:10;margin-top:3px;border:1px solid #7e97a7;border-collapse:collapse;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.25)}
.rk-books th,.rk-books td{height:auto;padding:4px 12px;border-bottom:1px solid #e0e6e6;font-size:12px;white-space:nowrap}
.rk-books th{background:#e4e4e4;color:#243a48;text-align:left}
@media(max-width:900px){.rk-top{grid-template-columns:1fr}.rk-box{overflow-x:auto}.rk-table{min-width:760px}}

/* Exposure (open liability, held until settlement) is always shown in red */
.ag-exposure,.ag-table td.ag-exposure,.rk-list td.ag-exposure,.ag-totals dd .ag-exposure{color:#d0021b}

/* Payment Requests (payment-requests.php) and Payment Methods (payment-methods.php) */
.ag-btn-dark.small{padding:4px 10px;font-size:12px}
.ag-payreq td{vertical-align:top}
.ag-payreq-form{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;min-width:260px}
.ag-payreq-form input{width:100%;padding:4px 6px;font-size:12px}
.ag-paymethods td{vertical-align:middle}
.ag-paymethods input[type=text],.ag-paymethods input:not([type]){width:100%;min-width:90px;padding:4px 6px}
.ag-paymethods .lim{width:80px;min-width:0}
.ag-paymethods img.qr{display:block;width:56px;height:56px;object-fit:contain;margin-bottom:4px;border:1px solid #ddd;background:#fff}
.ag-paymethods .method{display:flex;align-items:center;gap:8px;white-space:nowrap}
.ag-paymethods .method img{width:34px;height:24px;object-fit:contain;border-radius:2px;background:#333}
.ag-ref-link{width:100%;min-width:260px;padding:3px 6px;border:1px solid #bbb;border-radius:3px;background:#f7f7f7;font:12px/1.4 monospace}