.mobile-search-toggle{display:none}.mobile-search-control{display:contents}
@media(max-width:700px){
body.mobile-directory #application main>.page-head h1{display:none!important}
body.mobile-directory #application main>.page-head{margin:0!important;padding:0!important;min-height:0!important}
body.mobile-directory #application main>.page-head:has(.head-buttons){margin-bottom:12px!important}
body.mobile-directory #application main>.page-head .head-buttons{margin-top:0!important}
#application .mobile-search-control{display:flex;align-items:center;min-width:0;gap:8px;flex:0 0 auto}
#application .mobile-search-control .mobile-search-toggle{display:flex!important;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid #e4e8f1;border-radius:10px;background:#fff;color:#7b87a1;cursor:pointer}
#application .mobile-search-toggle svg{width:18px;height:18px;flex:none}
#application .mobile-search-control:not(.is-open)>input{display:none!important}
#application .mobile-search-control.is-open{flex:1 1 100%;width:100%}
#application .mobile-search-control.is-open>input{display:block!important;flex:1;min-width:0!important;width:100%!important;height:40px!important;font-size:16px!important;padding:8px 10px!important;border-radius:9px}
#application .club-toolbar:has(>.mobile-search-control){display:flex!important;align-items:center;flex-wrap:wrap!important;gap:8px!important;padding:12px!important}
#application .club-toolbar:has(>.mobile-search-control)>select{flex:1;min-width:0!important;width:auto!important;max-width:100%}
#application .sf-results-toolbar:has(.mobile-search-control) #ws-period{width:100%!important}
#application .statement-clean-panel{background:transparent;border:0;box-shadow:none}
#application .statement-clean-panel>.club-toolbar{background:#fff;border:1px solid #e5eaf3;border-radius:12px;margin-bottom:12px}
#application .statement-clean-directory>tbody{display:grid!important;gap:10px}
#application .statement-clean-directory .statement-clean-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:12px!important;background:#fff;border:1px solid #e5eaf3!important;border-radius:12px;position:relative;min-width:0}
#application .statement-clean-row>td:first-child{grid-column:1/-1!important;grid-row:1!important;padding:0 68px 12px 0!important}
#application .statement-clean-row .statement-contact-toggle{font-size:13px!important;font-weight:600;line-height:1.5;overflow-wrap:anywhere;white-space:normal;min-height:32px}
#application .statement-clean-directory .statement-clean-row>td:nth-child(2),#application .statement-clean-directory .statement-clean-row>td:nth-child(3){grid-row:2!important;padding:10px 8px!important;background:#f7f8fc;font-size:13px!important;line-height:20px;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}
#application .statement-clean-row>td:nth-child(2){grid-column:1!important;border-radius:8px 0 0 8px}
#application .statement-clean-row>td:nth-child(3){grid-column:2!important;border-radius:0 8px 8px 0;color:#6255ca;border-left:1px solid #e7ebf3!important}
#application .statement-clean-row>td:nth-child(2)::before,#application .statement-clean-row>td:nth-child(3)::before{font-size:9px;line-height:13px;margin-bottom:4px;color:#8a97ac}
#application .statement-clean-row>td:last-child{position:absolute;right:12px;top:12px;grid-area:auto!important}
#application .statement-clean-pdf{min-height:32px!important;font-size:10px!important;padding:6px 9px!important;border-radius:8px!important}
#application .statement-expanded-row{margin-top:-10px;min-width:0}
#application .statement-expanded-row>td{padding:12px!important;background:#fff;border:1px solid #e5eaf3;border-radius:0 0 12px 12px;box-sizing:border-box}
#application .statement-clean-totals{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
#application .statement-clean-totals>span{font-size:9px!important;min-width:0}
#application .statement-clean-totals strong{font-size:12px!important;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#application .statement-clean-club>summary{flex-wrap:wrap;gap:6px;font-size:11px}
#application .pa-account-group>summary{padding:16px 12px!important;gap:10px}
}
@media(max-width:700px){
#application .statement-clean-panel>.sf-statements-toolbar{display:grid!important;grid-template-columns:40px minmax(0,1fr) 30px!important;gap:8px!important}
#application .sf-statements-toolbar>.sf-results-controls{display:flex!important;min-width:0!important;width:100%!important;margin:0!important;grid-column:2}
#application .sf-statements-toolbar #ws-period{width:100%!important;min-width:0!important;height:40px!important;font-size:10px!important;margin:0!important}
#application .sf-statements-toolbar>.statement-clean-options{grid-column:3;margin:0!important;width:30px}
#application .sf-statements-toolbar .statement-clean-options>summary{min-width:30px;width:30px;padding:0!important}
#application .sf-statements-toolbar>.mobile-search-control.is-open{grid-column:1/-1}
#application .sf-statements-toolbar:has(.mobile-search-control.is-open)>.sf-results-controls{grid-column:1/3}
}
/* One layout contract for every mobile directory toolbar. */
@media(max-width:700px){
body.mobile-directory #application #main>.page-head{display:none!important;margin:0!important;height:0!important;min-height:0!important;padding:0!important}
body.mobile-directory #application #main>.club-topline{margin:0!important}
#application #main:is([data-screen=clubs],[data-screen=player-accounts],[data-screen=contacts],[data-screen=payments]) .club-toolbar:has(>.mobile-search-control),#application #main[data-screen=results] .sf-results-toolbar{display:grid!important;align-items:center!important;gap:8px!important;padding:10px!important;margin:0 0 12px!important;min-height:0!important;background:#fff;border:1px solid #e5eaf3!important;border-radius:12px;box-sizing:border-box;position:relative}
#application #main .club-toolbar>.head-buttons{display:contents!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important}
#application #main .club-toolbar>.directory-meta{display:none!important}
#application #main .club-toolbar .button,#application #main .club-toolbar>select{height:40px!important;min-height:40px!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;font-size:11px!important;padding:8px 10px!important;white-space:nowrap}
#application #main .club-toolbar .mobile-search-control{grid-column:1;grid-row:1;min-width:0;width:auto!important}
#application #main .club-toolbar .mobile-search-control.is-open{grid-column:1/-1!important;grid-row:1!important;width:100%!important}
#application #main[data-screen=clubs] .clubs-directory>.club-toolbar{grid-template-columns:40px minmax(0,1fr) 34px auto!important}
#application #main[data-screen=clubs] #club-toggle-filters{grid-column:2;grid-row:1;margin:0!important;width:100%!important;justify-content:center}
#application #main[data-screen=clubs] .club-toolbar .club-more{grid-column:3;grid-row:1;position:relative!important;inset:auto!important;margin:0!important;width:34px!important;height:40px!important}
#application #main[data-screen=clubs] .club-toolbar .club-more>summary{display:flex;align-items:center;justify-content:center;padding:0!important;min-width:34px!important;width:34px!important;height:40px!important;box-sizing:border-box}
#application #main[data-screen=clubs] [data-club-new]{grid-column:4;grid-row:1;width:auto!important}
#application #main[data-screen=clubs] .club-toolbar:has(.is-open)>#club-toggle-filters,#application #main[data-screen=clubs] .club-toolbar:has(.is-open) .club-more,#application #main[data-screen=clubs] .club-toolbar:has(.is-open) [data-club-new]{grid-row:2}
#application #main[data-screen=clubs] .club-toolbar:has(.is-open)>#club-toggle-filters{grid-column:1/3}
#application #main[data-screen=player-accounts] .club-toolbar{grid-template-columns:40px minmax(0,1fr) 36px auto!important}
#application #main[data-screen=player-accounts] #pa-view{grid-column:2;grid-row:1;width:100%!important;margin:0!important}
#application #main[data-screen=player-accounts] #manage-referral-accounts{grid-column:3;grid-row:1;width:36px!important;padding:0!important;font-size:0!important;position:static!important;inset:auto!important;margin:0!important}
#application #main[data-screen=player-accounts] #manage-referral-accounts::after{content:'IDs';font-size:10px;font-weight:600}
#application #main[data-screen=player-accounts] #pa-new{grid-column:4;grid-row:1;margin:0!important;width:auto!important}
#application #main[data-screen=player-accounts] .club-toolbar:has(.is-open)>#pa-view,#application #main[data-screen=player-accounts] .club-toolbar:has(.is-open) #manage-referral-accounts,#application #main[data-screen=player-accounts] .club-toolbar:has(.is-open) #pa-new{grid-row:2}
#application #main[data-screen=player-accounts] .club-toolbar:has(.is-open)>#pa-view{grid-column:1/3}
#application #main:is([data-screen=contacts],[data-screen=payments]) .club-toolbar{grid-template-columns:40px minmax(0,1fr) auto!important}
#application #main:is([data-screen=contacts],[data-screen=payments]) .club-toolbar>select{grid-column:2;grid-row:1;width:100%!important;margin:0!important}
#application #main:is([data-screen=contacts],[data-screen=payments]) .club-toolbar .head-buttons>.button{grid-column:3;grid-row:1;margin:0!important;width:auto!important}
#application #main:is([data-screen=contacts],[data-screen=payments]) .club-toolbar:has(.is-open)>select{grid-column:1/3;grid-row:2}
#application #main:is([data-screen=contacts],[data-screen=payments]) .club-toolbar:has(.is-open) .head-buttons>.button{grid-row:2}
#application #main[data-screen=results] .sf-results-toolbar{grid-template-columns:40px minmax(0,1fr)!important}
#application #main[data-screen=results] .sf-results-toolbar>.mobile-search-control{grid-column:1;grid-row:1}
#application #main[data-screen=results] .sf-results-toolbar>.sf-results-controls{grid-column:2;grid-row:1;min-width:0!important;width:100%!important;margin:0!important;display:flex!important}
#application #main[data-screen=results] .sf-results-toolbar #ws-period{height:40px!important;min-height:40px!important;width:100%!important;min-width:0!important;font-size:11px!important;padding:8px!important;margin:0!important}
#application #main[data-screen=results] .results-workspace-tabs{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%!important;gap:8px!important;margin:0!important;padding:0!important}
#application #main[data-screen=results] .results-workspace-tabs button{width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;font-size:11px!important;padding:8px!important;margin:0!important}
#application #main[data-screen=results] .sf-results-toolbar:has(.is-open)>.mobile-search-control{grid-column:1/-1;grid-row:1}
#application #main[data-screen=results] .sf-results-toolbar:has(.is-open)>.sf-results-controls{grid-column:1/-1;grid-row:2}
#application #main[data-screen=results] .sf-results-toolbar:has(.is-open)>.results-workspace-tabs{grid-row:3}
#application #main[data-screen=results] .sf-results-toolbar>[data-results-close-input],#application #main[data-screen=results] #results-close-input{position:relative!important;grid-column:2;grid-row:3;justify-self:end;inset:auto!important;margin:0!important}
#application #main[data-screen=results] .sf-results-toolbar>#results-workspace{grid-column:1/-1;grid-row:auto}
#application #main[data-screen=player-accounts] .pa-accordion-list{margin-top:0!important}
#application #main .club-more-panel{right:0;left:auto;max-width:calc(100vw - 40px)}
}
@media(max-width:700px){#application #main[data-screen=player-accounts] #manage-referral-accounts{border:1px solid #e4e8f1!important;border-radius:9px!important;background:#fff!important;color:#7b87a1!important}}
.mobile-ids-icon{display:none}
@media(max-width:700px){
#application #main[data-screen=player-accounts] .club-toolbar{grid-template-columns:40px minmax(0,1fr) 40px auto!important}
#application #main[data-screen=player-accounts] #manage-referral-accounts{display:flex!important;align-items:center!important;justify-content:center!important;min-width:40px!important;width:40px!important;height:40px!important;padding:0!important;line-height:1!important}
#application #main[data-screen=player-accounts] #manage-referral-accounts::after{content:none!important}
#application #manage-referral-accounts .mobile-ids-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px}
#application #manage-referral-accounts .mobile-ids-icon svg{display:block;width:20px;height:20px;flex:none;stroke-width:1.6}
}
@media(max-width:700px){
#application #main[data-screen=player-accounts] .club-toolbar{grid-template-columns:36px minmax(76px,1fr) 62px auto!important;gap:6px!important}
#application #main[data-screen=player-accounts] .mobile-search-toggle{flex-basis:36px!important;width:36px!important}
#application #main[data-screen=player-accounts] #pa-view{font-size:10px!important;padding:8px 6px!important}
#application #main[data-screen=player-accounts] #manage-referral-accounts{width:62px!important;min-width:62px!important;gap:0!important;padding:8px 6px!important;border:1px solid #e4e8f1!important;background:#f7f8fc!important;color:#66728c!important;font-weight:600!important}
#application #main[data-screen=player-accounts] #manage-referral-accounts .mobile-ids-icon{display:none!important}
#application #main[data-screen=player-accounts] #manage-referral-accounts::after{display:block!important;content:'My IDs'!important;font-size:11px!important;line-height:1.2;white-space:nowrap}
#application #main[data-screen=player-accounts] #pa-new{font-size:10px!important;padding:8px!important}
}

@media(max-width:700px){#application .sf-statements-toolbar>.statement-refresh-week{grid-column:3;grid-row:1;margin:0!important;width:30px;min-width:30px;height:40px;padding:0!important}#application .statement-refresh-week>span{display:none}#application .sf-statements-toolbar:has(.mobile-search-control.is-open)>.statement-refresh-week{grid-row:auto}}