/* Same renderer, dimensions and attribute colors as the member phone view. */
#agentPhoneDraws{display:none}
@media(max-width:720px){
 #agentDrawsPanel:has(#agentPhoneDraws)>.scroll,#agentDrawsPanel:has(#agentPhoneDraws) #agentDrawStatus{display:none!important}
 #agentDrawsPanel:has(#agentPhoneDraws) .records-pagination>.records-page-count,#agentDrawsPanel:has(#agentPhoneDraws) .records-pagination>div>:not(.records-refresh){display:none!important}
 #agentDrawsPanel #agentPhoneDraws{display:block;min-width:0;background:var(--report-surface,#fff);color:#304356}
 #agentPhoneDraws .phone-draw-tabs{display:flex;position:sticky;top:0;z-index:1;background:#fff;border-bottom:1px solid #dce5ee}
 #agentPhoneDraws .phone-draw-tabs button{flex:1;min-height:40px;min-width:0;margin:0;border:0;border-radius:0;background:white;color:#8593a3;padding:6px 3px;font-size:13px}
 #agentPhoneDraws .phone-draw-tabs button.active{color:var(--agent-theme-primary,#247cc0);font-weight:600;box-shadow:inset 0 -3px var(--agent-theme-primary,#247cc0)}
 #agentPhoneDraws .phone-draw-columnheads{display:grid;grid-template-columns:85px minmax(0,1fr);gap:6px;padding:8px 4px;background:#f4f8fc;color:#8594a4;font-size:11px;text-align:center}
 #agentPhoneDraws .phone-draw-stat-head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 #agentPhoneDraws .phone-draw-row{display:grid;grid-template-columns:85px minmax(0,1fr);gap:4px 6px;align-items:center;padding:11px 4px;border-bottom:1px solid #e1e6ec;min-height:57px}
 #agentPhoneDraws .phone-draw-identity{display:grid;gap:2px;min-width:0}
 #agentPhoneDraws .phone-draw-identity strong{font-size:12px;color:#304356;overflow-wrap:anywhere;font-weight:500}
 #agentPhoneDraws .phone-draw-identity time{font-size:12px;color:#8b9cad}
 #agentPhoneDraws .phone-draw-values{display:flex;align-items:center;justify-content:space-around;gap:4px;min-width:0;flex-wrap:wrap}
 #agentPhoneDraws .phone-draw-values .draw-race-balls{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}
 #agentPhoneDraws .phone-draw-values.legacy-numbers{flex-wrap:nowrap;gap:2px;justify-content:center}
 #agentPhoneDraws .phone-draw-legacy-ball{display:block;flex:none;width:27px;height:27px}
 #agentPhoneDraws .phone-draw-legacy-ball.hk6{width:25px}
 #agentPhoneDraws .phone-draw-plus{flex:none}
 #agentPhoneDraws .phone-draw-mark{display:grid;place-items:center;min-width:27px;height:27px;border-radius:50%;font-size:15px;color:white}
 #agentPhoneDraws .phone-draw-mark.blue{background:#087bd4}
 #agentPhoneDraws .phone-draw-mark.orange{background:#ffa12d}
 #agentPhoneDraws .phone-draw-mark.green{background:#42b77d}
 #agentPhoneDraws .phone-draw-attribute{display:grid;justify-items:center;gap:2px}
 #agentPhoneDraws .phone-draw-attribute small{font-size:9px;color:#8e9dae}
 #agentPhoneDraws .phone-draw-values.race{gap:2px}
 #agentPhoneDraws .phone-draw-values.race .phone-draw-mark{min-width:20px;width:20px;height:22px;font-size:12px}
 #agentPhoneDraws .phone-draw-total{font-size:13px;color:#385a75;line-height:1.5}
 #agentPhoneDraws .phone-draw-summary{font-size:12px;color:#49677d}
 #agentPhoneDraws .phone-draw-meta{font-size:11px;white-space:normal;text-align:center}
 #agentPhoneDraws .phone-draw-overview,#agentPhoneDraws .phone-draw-personal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 0;width:100%}
 #agentPhoneDraws .phone-draw-overview>span,#agentPhoneDraws .phone-draw-personal>span{display:grid;gap:3px;text-align:center;min-width:0}
 #agentPhoneDraws :is(.phone-draw-personal,.phone-draw-overview) small{font-size:11px;color:#8594a4}
 #agentPhoneDraws :is(.phone-draw-personal,.phone-draw-overview) strong{font-size:12px;font-weight:400}
 #agentPhoneDraws .profit{color:#1769c2}#agentPhoneDraws .loss{color:#d06860}
 #agentPhoneDraws .phone-draw-empty{padding:18px;font-size:13px;color:#8095a9}
}
@media(max-width:360px){
 #agentPhoneDraws .phone-draw-values.race{gap:1px}
 #agentPhoneDraws .phone-draw-values.race .phone-draw-mark{min-width:17px;width:17px;height:20px;font-size:11px}
 #agentPhoneDraws .phone-draw-legacy-ball.hk6{width:22px;height:24px}
 #agentPhoneDraws .phone-draw-legacy-ball.hk6 .draw-hk6-sprite{transform:scale(.88);transform-origin:top left}
}