/* 5G Prime responsive concept theme — source of truth from Sept 2026 concept sheets */
:root{--c-red:#ed0b1c;--c-red-dark:#c90b19;--c-ink:#101318;--c-side:#0b0f14;--c-text:#11151b;--c-muted:#68717c;--c-line:#dfe4e9;--c-soft:#f7f8fa;--c-green:#239044;--c-orange:#ed8b19;--c-blue:#2d6cdf;--c-radius:8px;--c-shadow:0 2px 7px rgba(15,20,28,.05)}
html,body{background:#f4f6f8!important;color:var(--c-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{font-size:14px!important;line-height:1.4!important}
.app{background:#fff!important;min-height:100vh!important}
.content{max-width:none!important;margin:0!important;padding:24px 22px 46px!important;background:#fff!important}
.content>h1{font-size:25px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.02em!important;margin:0 0 18px!important;color:#10141a!important}
.content>h2{font-size:18px!important;font-weight:800!important}
.content .panel,.content article,.content section.panel{border:1px solid var(--c-line)!important;border-radius:var(--c-radius)!important;background:#fff!important;box-shadow:var(--c-shadow)!important}
.content .panel:hover{border-color:#d6dce2!important}
.content input:not([type=checkbox]):not([type=radio]):not([type=file]),.content select,.content textarea{min-height:38px!important;border:1px solid #d7dde4!important;border-radius:5px!important;background:#fff!important;box-shadow:none!important;font-size:12px!important;color:#202630!important;padding:0 11px!important}
.content textarea{padding:10px 11px!important;min-height:84px!important}
.content input:focus,.content select:focus,.content textarea:focus{border-color:#b9c2cc!important;box-shadow:0 0 0 2px rgba(237,11,28,.08)!important}
.content button,.content a.button,.content input[type=submit],.content .tryout-manage-link{min-height:34px!important;border-radius:5px!important;font-size:11px!important;font-weight:750!important;box-shadow:none!important;transform:none!important;padding:0 13px!important}
.content button:not(.secondary):not(.danger):not([disabled]),.content input[type=submit]{background:var(--c-red)!important;border:1px solid var(--c-red)!important;color:#fff!important}
.content button:not(.secondary):not(.danger):not([disabled]):hover,.content input[type=submit]:hover{background:var(--c-red-dark)!important;border-color:var(--c-red-dark)!important;transform:none!important;box-shadow:none!important}
.content button.secondary,.content .secondary,.content a.button.secondary{background:#fff!important;border:1px solid #d6dce3!important;color:#1f252d!important}
.content button.danger,.content .danger{background:#fff!important;border:1px solid #f2aab2!important;color:#c60c1c!important}

/* Desktop shell */
@media(min-width:821px){
  aside[data-portal-sidebar]{position:fixed!important;inset:0 auto 0 0!important;width:205px!important;padding:14px 12px 18px!important;background:linear-gradient(180deg,#080c10 0%,#0e1318 100%)!important;border:0!important;box-shadow:none!important;z-index:80!important;overflow-y:auto!important}
  .app{margin-left:205px!important;width:calc(100% - 205px)!important}
  aside[data-portal-sidebar] .portal-logo{height:116px!important;margin:0 0 7px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  aside[data-portal-sidebar] .portal-logo img{width:112px!important;max-width:112px!important;height:auto!important;filter:none!important}
  aside[data-portal-sidebar] nav{display:grid!important;gap:1px!important;margin:0!important;padding:0!important}
  aside[data-portal-sidebar] nav a{min-height:38px!important;margin:0!important;padding:0 11px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#f2f4f7!important;font-size:11px!important;font-weight:650!important;display:flex!important;align-items:center!important;box-shadow:none!important;transform:none!important}
  aside[data-portal-sidebar] nav a:hover{background:#171c22!important;color:#fff!important;transform:none!important}
  aside[data-portal-sidebar] nav a.active{background:var(--c-red)!important;color:#fff!important;box-shadow:none!important;border:0!important}
  .portal-signout{border:0!important;background:transparent!important;color:#fff!important;text-align:left!important;font-size:11px!important;margin:8px 0 0!important;padding:0 11px!important;min-height:34px!important}
  .app>header{position:sticky!important;top:0!important;height:48px!important;min-height:48px!important;padding:0 22px!important;background:#fff!important;border-bottom:1px solid var(--c-line)!important;box-shadow:none!important;z-index:70!important}
  .app>header form{height:48px!important;display:flex!important;align-items:center!important;gap:9px!important}
  .app>header small{font-size:8px!important;letter-spacing:.08em!important;color:#75808d!important;margin:0!important;text-transform:uppercase!important}
  .app>header select{min-width:210px!important;min-height:28px!important;height:28px!important;border:0!important;padding:0 6px!important;font-size:11px!important;font-weight:750!important;background:#fff!important;box-shadow:none!important}
  .app>header>span{font-size:10px!important;color:#303741!important;font-weight:650!important}
}

/* Shared tables and card rows */
.content table{width:100%!important;border-collapse:collapse!important;background:#fff!important}
.content table thead th{height:38px!important;padding:9px 12px!important;background:#fafbfc!important;border-bottom:1px solid var(--c-line)!important;color:#5f6874!important;font-size:9px!important;letter-spacing:.02em!important;text-transform:uppercase!important;font-weight:800!important}
.content table tbody td{padding:11px 12px!important;border-bottom:1px solid #edf0f3!important;font-size:11px!important;color:#262c34!important}
.content table tbody tr:hover td{background:#fcfcfd!important}
.metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.metrics article{padding:16px!important;border-radius:7px!important;box-shadow:none!important}
.metrics article b{font-size:24px!important;line-height:1!important}
.metrics article span{font-size:10px!important}

/* Status badges */
.content .status,.content [class*="status"],.content .badge{border-radius:999px!important;font-size:9px!important;font-weight:750!important;line-height:1.2!important}

/* Tryouts concept */
.tryout-desktop-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-bottom:10px!important}
.tryout-desktop-metrics article{min-height:76px!important;border:1px solid var(--c-line)!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important;padding:13px 14px!important}
.tryout-reference-list{border:1px solid var(--c-line)!important;border-radius:7px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important}
.tryout-reference-head{background:#fafbfc!important;border-bottom:1px solid var(--c-line)!important;font-size:9px!important;text-transform:uppercase!important;color:#59616c!important;font-weight:800!important}
.tryout-reference-card{border-bottom:1px solid #edf0f3!important;background:#fff!important;border-radius:0!important;box-shadow:none!important}
.tryout-reference-main{min-height:62px!important}
.tryout-reference-main>div{font-size:10px!important}
.tryout-reference-card .actions button{height:29px!important;min-height:29px!important;padding:0 9px!important;font-size:9px!important}
.tryout-reference-contact{background:#fafbfc!important;border-top:1px solid #edf0f3!important}
.tryout-desktop-tabs{border:1px solid var(--c-line)!important;border-bottom:0!important;border-radius:7px 7px 0 0!important;background:#fff!important;padding:0 10px!important}
.tryout-desktop-tab{background:transparent!important;border:0!important;color:#4d5661!important;border-radius:0!important;box-shadow:none!important}
.tryout-desktop-tab.active{color:var(--c-red)!important;border-bottom:2px solid var(--c-red)!important;background:transparent!important}

/* Team / dashboard cards */
.team-access-grid,.team-grid,.dashboard-teams,.team-list{gap:10px!important}
.team-access-grid>a,.team-card,.dashboard-team-card{border:1px solid var(--c-line)!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important;padding:14px!important}
.team-hub-head{border:0!important;box-shadow:none!important;background:#fff!important}

/* Users */
.account-list,.permission-editor{border:1px solid var(--c-line)!important;border-radius:7px!important;box-shadow:none!important;background:#fff!important}
.account-row-polished{min-height:48px!important;border-bottom:1px solid #edf0f3!important}

/* GameChanger / stats */
.stats-table-wrap,.tryout-table-wrap{border:1px solid var(--c-line)!important;border-radius:7px!important;box-shadow:none!important}
.stats-summary,.stats-team-grid{gap:10px!important}
.stats-summary>*,.stats-team-grid>*{border:1px solid var(--c-line)!important;border-radius:7px!important;box-shadow:none!important;background:#fff!important}

/* Mobile drawer is phone-only; keep the cloned navigation out of desktop layout. */
.concept-mobile-drawer{display:none!important}

/* Mobile shell — follows concept sheets */
@media(max-width:820px){
  html,body{background:#fff!important;overflow-x:hidden!important}
  body{padding-bottom:0!important}
  .app{margin:0!important;width:100%!important;background:#fff!important}
  aside[data-portal-sidebar]{position:sticky!important;top:0!important;z-index:1000!important;width:100%!important;height:56px!important;min-height:56px!important;padding:0 12px!important;display:grid!important;grid-template-columns:40px 1fr 40px!important;align-items:center!important;background:linear-gradient(180deg,#090d11,#11161c)!important;border:0!important;border-bottom:1px solid #262c33!important;box-shadow:none!important;overflow:visible!important}
  aside[data-portal-sidebar]>.portal-logo{grid-column:2!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important}
  aside[data-portal-sidebar]>.portal-logo img{width:94px!important;height:34px!important;max-width:94px!important;max-height:34px!important;object-fit:contain!important;object-position:center!important}
  .mobile-nav-toggle{grid-column:1!important;grid-row:1!important;width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-size:0!important;justify-self:start!important}
  .mobile-nav-toggle>span{width:18px!important;gap:4px!important}.mobile-nav-toggle i{width:18px!important;height:1.5px!important;background:#fff!important}
  aside[data-portal-sidebar]>[data-staff-inbox-link]{display:none!important}
  aside[data-portal-sidebar]>nav{position:fixed!important;left:0!important;right:0!important;top:56px!important;bottom:0!important;display:none!important;grid-template-columns:1fr!important;align-content:start!important;gap:2px!important;margin:0!important;padding:10px!important;background:#0d1217!important;border:0!important;overflow-y:auto!important;z-index:1100!important;max-height:calc(100dvh - 56px)!important;overscroll-behavior:contain!important}
  aside[data-portal-sidebar].menu-open>nav{display:none!important}
  aside[data-portal-sidebar]>nav a{min-height:43px!important;border-radius:5px!important;color:#eef1f4!important;font-size:13px!important;padding:0 13px!important;background:transparent!important}
  aside[data-portal-sidebar]>nav a.active{background:var(--c-red)!important;border:0!important;color:#fff!important}
  aside[data-portal-sidebar]>.portal-signout{display:none!important}
  .concept-mobile-drawer{position:fixed!important;left:0!important;right:0!important;top:56px!important;bottom:0!important;z-index:10000!important;display:none!important;grid-template-columns:1fr!important;align-content:start!important;gap:4px!important;margin:0!important;padding:12px 10px calc(18px + env(safe-area-inset-bottom))!important;background:#0d1217!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
  body.concept-mobile-menu-open{overflow:hidden!important}
  body.concept-mobile-menu-open .concept-mobile-drawer{display:grid!important;visibility:visible!important;opacity:1!important}
  .concept-mobile-drawer>a{display:flex!important;align-items:center!important;flex:0 0 auto!important;min-height:48px!important;margin:0!important;padding:0 15px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#eef1f4!important;text-decoration:none!important;font-size:15px!important;font-weight:750!important;line-height:1.2!important}
  .concept-mobile-drawer>a.active{background:var(--c-red)!important;color:#fff!important}
  .concept-mobile-drawer>a:hover,.concept-mobile-drawer>a:focus-visible{background:#1d232a!important;color:#fff!important}
  .concept-mobile-drawer>.concept-drawer-signout{margin-top:8px!important;border-top:1px solid #2b3138!important;border-radius:0!important;color:#ff7c88!important}
  .app>header{position:sticky!important;top:56px!important;z-index:45!important;height:43px!important;min-height:43px!important;padding:5px 12px!important;background:#fff!important;border-bottom:1px solid var(--c-line)!important;box-shadow:none!important}
  .app>header form{width:100%!important;display:flex!important;justify-content:center!important}.app>header small{display:none!important}.app>header select{width:auto!important;max-width:210px!important;min-width:150px!important;height:30px!important;min-height:30px!important;border:1px solid #dce1e6!important;border-radius:4px!important;font-size:10px!important;padding:0 8px!important}.app>header>span{display:none!important}
  .content{padding:13px 10px 22px!important;background:#fff!important}
  .content>h1{font-size:21px!important;margin-bottom:5px!important}
  .content>h1+.muted,.content>h1+p{font-size:10px!important;color:#68717b!important}
  .content .panel{border-radius:6px!important;box-shadow:none!important}
  .content input:not([type=checkbox]):not([type=radio]):not([type=file]),.content select{min-height:36px!important;height:36px!important;font-size:11px!important;border-radius:4px!important}
  .content textarea{font-size:11px!important}
  .content button,.content a.button,.content input[type=submit]{min-height:34px!important;height:34px!important;border-radius:4px!important;font-size:10px!important;padding:0 10px!important}
  .metrics{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.metrics article{padding:10px 8px!important;min-height:70px!important}.metrics article b{font-size:21px!important}.metrics article span{font-size:9px!important}
  .tryout-desktop-metrics{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;margin:0 0 8px!important}.tryout-desktop-metrics article{min-height:57px!important;padding:7px 5px!important;text-align:center!important}.tryout-desktop-metrics .metric-icon{display:none!important}.tryout-desktop-metrics strong{font-size:18px!important}.tryout-desktop-metrics span{font-size:8px!important}
  .tryout-reference-head{display:none!important}.tryout-reference-list{border:0!important;overflow:visible!important}.tryout-reference-body{display:grid!important;gap:7px!important}.tryout-reference-card{border:1px solid var(--c-line)!important;border-radius:6px!important;padding:0!important;overflow:hidden!important}.tryout-reference-main{display:grid!important;grid-template-columns:54px 1fr auto!important;gap:8px!important;padding:9px!important;min-height:84px!important}.tryout-reference-main>div{display:none!important}.tryout-reference-main>div:nth-child(1),.tryout-reference-main>div:nth-child(2),.tryout-reference-main>div:nth-child(6),.tryout-reference-main>div:nth-child(8){display:block!important}.tryout-reference-main>div:nth-child(1){grid-row:1/3}.tryout-reference-main>div:nth-child(2){grid-column:2}.tryout-reference-main>div:nth-child(6){grid-column:3;grid-row:1}.tryout-reference-main>div:nth-child(8){grid-column:2/4;display:flex!important;gap:6px!important}.tryout-reference-contact{display:none!important}.tryout-reference-footer{display:none!important}
  .content table{font-size:10px!important}.content table thead{display:none!important}.content table:not(.stats-table) tbody tr{display:block!important;margin-bottom:7px!important;border:1px solid var(--c-line)!important;border-radius:6px!important;background:#fff!important}.content table:not(.stats-table) tbody td{display:block!important;border:0!important;padding:7px 10px!important}
}

@media(max-width:430px){.content{padding-left:8px!important;padding-right:8px!important}.app>header select{max-width:180px!important}.tryout-desktop-subtitle{font-size:9px!important}.content>h1{font-size:20px!important}}


/* Final Users-screen safeguards: this theme loads last. */
.content .account-list .super-admin-badge{
  display:block!important;
  margin:3px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#e21d2f!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.25!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
.content .account-list .account-actions .make-super-admin{
  background:#e21d2f!important;
  border:1px solid #e21d2f!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(226,29,47,.16)!important;
}
.content .account-list .account-actions .make-super-admin:hover,
.content .account-list .account-actions .make-super-admin:focus-visible{
  background:#be1424!important;
  border-color:#be1424!important;
  color:#fff!important;
}


/* The user directory is a five-row working area on desktop. */
@media(min-width:821px){
  .content .account-list>.user-account-table-scroll{max-height:416px!important;overflow-y:auto!important;overflow-x:auto!important;scrollbar-gutter:stable!important}
  .content .account-list>.user-account-table-scroll .account-column-headings,
  .content .account-list>.user-account-table-scroll .account-row-polished{grid-template-columns:minmax(170px,1.05fr) minmax(200px,1.2fr) minmax(210px,1.35fr) minmax(90px,.55fr) minmax(250px,1.4fr)!important;column-gap:18px!important}
  .content .account-list>.user-account-table-scroll .account-column-headings{position:sticky!important;top:0!important;z-index:4!important}
  .content .account-list>.user-account-table-scroll .account-row-polished{height:76px!important;min-height:76px!important;box-sizing:border-box!important}
}


/* Final Users directory layout: preserve one readable five-column row per user. */
@media (min-width:821px){
  body.concept-view-users .content .account-list>.user-account-table-scroll{
    width:100%!important;
    max-width:100%!important;
    max-height:496px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-gutter:stable!important;
  }
  body.concept-view-users .content .account-list>.user-account-table-scroll .account-table-inner{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.concept-view-users .content .account-list>.user-account-table-scroll .account-column-headings,
  body.concept-view-users .content .account-list>.user-account-table-scroll .account-row-polished{
    display:grid!important;
    grid-template-columns:minmax(135px,.9fr) minmax(175px,1.12fr) minmax(180px,1.25fr) minmax(72px,.52fr) minmax(240px,1.35fr)!important;
    column-gap:14px!important;
    row-gap:0!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    padding-left:18px!important;
    padding-right:18px!important;
    box-sizing:border-box!important;
  }
  body.concept-view-users .content .account-list>.user-account-table-scroll .account-column-headings{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    min-height:36px!important;
  }
  body.concept-view-users .content .account-list>.user-account-table-scroll .account-row-polished{
    height:92px!important;
    min-height:92px!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
  }
  body.concept-view-users .content .account-list>.user-account-table-scroll .account-row-polished>strong,
  body.concept-view-users .content .account-list>.user-account-table-scroll .account-row-polished>span,
  body.concept-view-users .content .account-list>.user-account-table-scroll .account-row-polished>.account-actions{
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:center!important;
    min-width:0!important;
  }
  body.concept-view-users .content .account-list>.user-account-table-scroll .account-row-polished>span:nth-of-type(1){
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.concept-view-users .content .account-list>.user-account-table-scroll .account-row-polished>span:nth-of-type(2){
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    overflow-wrap:normal!important;
  }
  body.concept-view-users .content .account-list>.user-account-table-scroll .account-actions{
    display:flex!important;
    grid-template-columns:none!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }
  body.concept-view-users .content .account-list>.user-account-table-scroll .account-actions form{
    flex:0 0 auto!important;
    width:auto!important;
  }
  body.concept-view-users .content .account-list>.user-account-table-scroll .account-actions button{
    width:auto!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 11px!important;
    white-space:nowrap!important;
    font-size:10px!important;
    line-height:1!important;
  }
}


/* Messages inbox, recipient paging, and readable compose heading. */
body.concept-view-messages .message-compose-head>div>small{color:#ff7a86!important}
body.concept-view-messages .message-compose-head h2{color:#fff!important;text-shadow:none!important}
body.concept-view-messages .message-compose-head p{color:#d2d6dd!important}
body.concept-view-messages .message-recipients .message-recipient-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  max-height:252px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:3px 7px 3px 3px!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
body.concept-view-messages .message-recipients .message-recipient-list>label{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  column-gap:15px!important;
  align-items:start!important;
  min-height:76px!important;
  padding:13px 14px!important;
}
body.concept-view-messages .message-recipients .message-recipient-list input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  margin:2px 0 0!important;
}
body.concept-view-messages .message-recipient-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-top:12px!important;
  padding-top:12px!important;
  border-top:1px solid #e6e9ed!important;
}
body.concept-view-messages .message-recipient-pagination>span{
  color:#616872!important;
  font-size:12px!important;
  font-weight:800!important;
  text-align:center!important;
}
body.concept-view-messages .message-recipient-pagination>button{
  width:auto!important;
  min-width:86px!important;
  min-height:36px!important;
  padding:0 12px!important;
  border:1px solid #d5d9df!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#202328!important;
  box-shadow:none!important;
  font-size:11px!important;
}
body.concept-view-messages .message-recipient-pagination>button:disabled{opacity:.42!important;cursor:not-allowed!important}
body.concept-view-messages .message-history-list{
  display:grid!important;
  gap:10px!important;
  max-height:660px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding-right:6px!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
body.concept-view-messages .message-history-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:stretch!important;
  gap:8px!important;
  min-height:100px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #e1e4e8!important;
  border-radius:10px!important;
  background:#fafbfc!important;
}
body.concept-view-messages .message-history-item:hover{border-color:#c9ced5!important;background:#fff!important}
body.concept-view-messages .message-open{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
  min-height:100px!important;
  margin:0!important;
  padding:14px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#202328!important;
  box-shadow:none!important;
  text-align:left!important;
  cursor:pointer!important;
}
body.concept-view-messages .message-open:hover,
body.concept-view-messages .message-open:focus-visible{background:#fff!important;color:#202328!important;transform:none!important}
body.concept-view-messages .message-open-summary{display:grid!important;gap:4px!important;min-width:0!important}
body.concept-view-messages .message-open-summary b{color:#17191d!important;font-size:14px!important}
body.concept-view-messages .message-open-summary small,
body.concept-view-messages .message-open-summary em{color:#747b85!important;font-size:11px!important;font-style:normal!important}
body.concept-view-messages .message-open-summary p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:4px 0 0!important;
  color:#555d67!important;
  font-size:12px!important;
  line-height:1.45!important;
}
body.concept-view-messages .message-open>strong{
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#e8f7f0!important;
  color:#08754f!important;
  font-size:9px!important;
  white-space:nowrap!important;
}
body.concept-view-messages .message-delete-form{display:flex!important;align-items:center!important;margin:0!important;padding:8px 9px 8px 0!important}
body.concept-view-messages .message-delete{
  width:auto!important;
  min-width:58px!important;
  min-height:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid #efb8c0!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#bd1427!important;
  box-shadow:none!important;
  font-size:10px!important;
}
body.concept-view-messages .message-delete:hover{border-color:#e21d2f!important;background:#fff1f3!important;color:#9f0e20!important}
body.concept-view-messages .message-pagination{
  display:grid!important;
  grid-template-columns:90px minmax(0,1fr) 90px!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:14px!important;
  padding-top:14px!important;
  border-top:1px solid #e3e6ea!important;
}
body.concept-view-messages .message-pagination a,
body.concept-view-messages .message-pagination>span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  border:1px solid #d7dbe1!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#202328!important;
  font-size:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
body.concept-view-messages .message-pagination>span{opacity:.45!important}
body.concept-view-messages .message-pagination b,
body.concept-view-messages .message-page-count{color:#666d77!important;font-size:11px!important;font-weight:800!important;text-align:center!important}
body.concept-view-messages .message-page-count{margin-top:13px!important;padding-top:13px!important;border-top:1px solid #e3e6ea!important}
body.concept-view-messages .message-reader{
  width:min(620px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 48px)!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#202328!important;
  box-shadow:0 24px 70px rgba(10,12,16,.32)!important;
}
body.concept-view-messages .message-reader::backdrop{background:rgba(10,12,16,.68)!important;backdrop-filter:blur(3px)}
body.concept-view-messages .message-reader-card{position:relative!important;display:grid!important;gap:15px!important;padding:28px!important}
body.concept-view-messages .message-reader-close{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  border-radius:50%!important;
  background:#f1f3f5!important;
  color:#202328!important;
  box-shadow:none!important;
  font-size:22px!important;
}
body.concept-view-messages .message-reader-card>small{padding-right:42px!important;color:#e21d2f!important;font-size:10px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important}
body.concept-view-messages .message-reader-card>h3{margin:0!important;color:#17191d!important;font-size:24px!important;line-height:1.2!important}
body.concept-view-messages .message-reader-card>[data-message-dialog-body]{max-height:50vh!important;overflow-y:auto!important;white-space:pre-wrap!important;color:#4e5560!important;font-size:14px!important;line-height:1.65!important}
body.concept-view-messages .message-reader-card>.secondary{justify-self:end!important;min-width:92px!important}
@media(max-width:700px){
  body.concept-view-messages .message-recipients .message-recipient-list{grid-template-columns:1fr!important;max-height:468px!important}
  body.concept-view-messages .message-history-list{max-height:620px!important}
  body.concept-view-messages .message-open{grid-template-columns:1fr!important}
  body.concept-view-messages .message-open>strong{justify-self:start!important}
  body.concept-view-messages .message-history-item{grid-template-columns:minmax(0,1fr) auto!important}
  body.concept-view-messages .message-pagination{grid-template-columns:74px minmax(0,1fr) 74px!important;gap:7px!important}
  body.concept-view-messages .message-reader-card{padding:24px 20px!important}
}

body.concept-view-messages .message-recipients [data-recipient-item][hidden]{display:none!important}


/* Compact New Player Order workspace. */
.content .order-form,
body.concept-view-orders .content .order-form{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(180px,.75fr) minmax(210px,.8fr)!important;
  column-gap:18px!important;
  row-gap:16px!important;
  align-items:end!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:26px 28px!important;
  box-sizing:border-box!important;
}
.content .order-form>h2,
body.concept-view-orders .content .order-form>h2{
  grid-column:1!important;
  align-self:center!important;
  margin:0!important;
  font-size:27px!important;
  line-height:1.1!important;
}
.content .order-form>p,
body.concept-view-orders .content .order-form>p{
  grid-column:2/-1!important;
  align-self:center!important;
  margin:0!important;
  color:#68707b!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.content .order-form>label,
body.concept-view-orders .content .order-form>label{
  display:grid!important;
  align-content:start!important;
  gap:7px!important;
  min-width:0!important;
  margin:0!important;
  color:#343943!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.content .order-form>label:nth-of-type(1),
body.concept-view-orders .content .order-form>label:nth-of-type(1){grid-column:1/3!important}
.content .order-form>label:nth-of-type(2),
body.concept-view-orders .content .order-form>label:nth-of-type(2){grid-column:3!important}
.content .order-form>label:nth-of-type(3),
body.concept-view-orders .content .order-form>label:nth-of-type(3){grid-column:1!important}
.content .order-form>label:nth-of-type(4),
body.concept-view-orders .content .order-form>label:nth-of-type(4){grid-column:2!important}
.content .order-form>label:nth-of-type(5),
body.concept-view-orders .content .order-form>label:nth-of-type(5){grid-column:3!important}
.content .order-form>label>input,
.content .order-form>label>select,
body.concept-view-orders .content .order-form>label>input,
body.concept-view-orders .content .order-form>label>select{
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  height:46px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #cfd4da!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#17191d!important;
  box-sizing:border-box!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.content .order-form>fieldset,
body.concept-view-orders .content .order-form>fieldset{
  grid-column:1/-1!important;
  min-width:0!important;
  margin:0!important;
  padding:12px 14px 14px!important;
  border:1px solid #dce1e6!important;
  border-radius:9px!important;
  background:#f8f9fa!important;
}
.content .order-form>fieldset>legend,
body.concept-view-orders .content .order-form>fieldset>legend{
  padding:0 7px!important;
  color:#343943!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.content .order-form .color-options,
body.concept-view-orders .content .order-form .color-options{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
}
.content .order-form .color-options>label,
body.concept-view-orders .content .order-form .color-options>label{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  min-width:0!important;
  min-height:42px!important;
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid #dce1e6!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#343943!important;
  box-sizing:border-box!important;
  font-size:12px!important;
  font-weight:800!important;
}
.content .order-form .color-options input[type="checkbox"],
body.concept-view-orders .content .order-form .color-options input[type="checkbox"]{
  flex:0 0 auto!important;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  accent-color:#e21d2f!important;
}
.content .order-form>button,
body.concept-view-orders .content .order-form>button{
  grid-column:1/-1!important;
  width:100%!important;
  min-height:46px!important;
  height:46px!important;
  margin:2px 0 0!important;
  border-radius:8px!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
@media(max-width:1000px) and (min-width:701px){
  .content .order-form,
  body.concept-view-orders .content .order-form{grid-template-columns:minmax(0,1.4fr) minmax(190px,.8fr)!important}
  .content .order-form>h2,
  .content .order-form>p,
  body.concept-view-orders .content .order-form>h2,
  body.concept-view-orders .content .order-form>p{grid-column:1/-1!important}
  .content .order-form>label:nth-of-type(1),
  body.concept-view-orders .content .order-form>label:nth-of-type(1){grid-column:1!important}
  .content .order-form>label:nth-of-type(2),
  body.concept-view-orders .content .order-form>label:nth-of-type(2){grid-column:2!important}
  .content .order-form>label:nth-of-type(3),
  body.concept-view-orders .content .order-form>label:nth-of-type(3){grid-column:1!important}
  .content .order-form>label:nth-of-type(4),
  body.concept-view-orders .content .order-form>label:nth-of-type(4){grid-column:2!important}
  .content .order-form>label:nth-of-type(5),
  body.concept-view-orders .content .order-form>label:nth-of-type(5){grid-column:1!important}
  .content .order-form>button,
  body.concept-view-orders .content .order-form>button{grid-column:2!important}
}
@media(max-width:700px){
  .content .order-form,
  body.concept-view-orders .content .order-form{
    grid-template-columns:1fr!important;
    row-gap:14px!important;
    padding:20px 16px!important;
  }
  .content .order-form>h2,
  .content .order-form>p,
  .content .order-form>label,
  .content .order-form>fieldset,
  .content .order-form>button,
  body.concept-view-orders .content .order-form>h2,
  body.concept-view-orders .content .order-form>p,
  body.concept-view-orders .content .order-form>label,
  body.concept-view-orders .content .order-form>fieldset,
  body.concept-view-orders .content .order-form>button{grid-column:1!important}
  .content .order-form .color-options,
  body.concept-view-orders .content .order-form .color-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .content .order-form .color-options>label:last-child,
  body.concept-view-orders .content .order-form .color-options>label:last-child{grid-column:1/-1!important}
}


/* Practice location access note. */
.content .location-admin-note,
body.concept-view-locations .content .location-admin-note{
  display:block!important;
  width:auto!important;
  margin:5px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#e21d2f!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.25!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}


/* Compact three-column team selector for desktop statistics. */
@media(min-width:821px){
  .content .stats-team-grid,
  body.concept-view-stats .content .stats-team-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
    width:100%!important;
  }
  .content .stats-team-grid>a,
  body.concept-view-stats .content .stats-team-grid>a{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-content:start!important;
    align-items:center!important;
    gap:10px 12px!important;
    min-width:0!important;
    min-height:126px!important;
    padding:14px!important;
    box-sizing:border-box!important;
  }
  .content .stats-team-grid img,
  body.concept-view-stats .content .stats-team-grid img{
    grid-column:1!important;
    grid-row:1!important;
    width:50px!important;
    height:46px!important;
    object-fit:contain!important;
  }
  .content .stats-team-grid>a>div,
  body.concept-view-stats .content .stats-team-grid>a>div{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    gap:3px!important;
  }
  .content .stats-team-grid>a>div>strong,
  body.concept-view-stats .content .stats-team-grid>a>div>strong{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    color:#17191d!important;
    font-size:14px!important;
    line-height:1.25!important;
  }
  .content .stats-team-grid>a>div>span,
  .content .stats-team-grid>a>div>small,
  body.concept-view-stats .content .stats-team-grid>a>div>span,
  body.concept-view-stats .content .stats-team-grid>a>div>small{
    overflow:hidden!important;
    color:#707780!important;
    font-size:10px!important;
    line-height:1.35!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .content .stats-team-grid>a>b,
  body.concept-view-stats .content .stats-team-grid>a>b{
    grid-column:1/-1!important;
    grid-row:2!important;
    display:flex!important;
    align-items:baseline!important;
    justify-content:space-between!important;
    width:100%!important;
    margin-top:2px!important;
    padding-top:10px!important;
    border-top:1px solid #e7eaee!important;
    color:#17191d!important;
    font-size:19px!important;
    line-height:1!important;
    text-align:left!important;
  }
  .content .stats-team-grid>a>b>small,
  body.concept-view-stats .content .stats-team-grid>a>b>small{
    color:#777e87!important;
    font-size:8px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }
}
