@import url("mobile-nav-fix.css?v=2");
@import url("professional-ui.css?v=1");
@import url("button-unlock.css?v=1");

:root{--pwa-red:#e21d2f;--pwa-dark:#0d0f13;--pwa-panel:#171a20;--pwa-muted:#8f96a1}

/* Keep desktop portal logos at intentional sizes. */
@media(min-width:821px){
  aside[data-portal-sidebar] .portal-logo img{width:126px!important;height:auto!important;max-width:126px!important;max-height:116px!important;object-fit:contain!important}
  .team-access-grid a>img{width:58px!important;height:52px!important;max-width:58px!important;max-height:52px!important;object-fit:contain!important}
  .team-hub-head>img{width:120px!important;height:95px!important;max-width:120px!important;max-height:95px!important;object-fit:contain!important}
  .stats-team-grid img{width:68px!important;height:58px!important;max-width:68px!important;max-height:58px!important;object-fit:contain!important}
}

.pwa-install-overlay,.pwa-instructions,.pwa-push-overlay{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.58);backdrop-filter:blur(5px)}
.pwa-install-popup,.pwa-instructions-card,.pwa-push-popup{position:relative;width:min(460px,100%);max-height:calc(100vh - 28px);overflow:auto;border-radius:24px;background:#fff;color:#15171b;padding:28px;box-shadow:0 28px 90px rgba(0,0,0,.42);text-align:center}
.pwa-install-close,.pwa-instructions-close,.pwa-push-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;border-radius:50%;background:#f0f1f3;color:#555b64;font-size:24px;line-height:1;cursor:pointer}
.pwa-install-logo,.pwa-instructions-icon{display:block;width:82px;height:82px;object-fit:contain;margin:0 auto 16px;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.pwa-push-bell{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 16px;border-radius:20px;background:#111318;color:#fff;font-size:34px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.pwa-install-kicker{display:block;margin-bottom:8px;color:var(--pwa-red);font-size:10px;font-weight:900;letter-spacing:1.7px}
.pwa-install-popup h2,.pwa-instructions-card h2,.pwa-push-popup h2{margin:0 0 12px;font-size:28px;line-height:1.08}
.pwa-install-popup p,.pwa-instructions-card p,.pwa-push-popup p{margin:0;color:#626871;font-size:14px;line-height:1.6}
.pwa-install-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.pwa-install-primary,.pwa-install-secondary,.pwa-instructions-done,.pwa-push-primary,.pwa-push-secondary{min-height:48px;border:0;border-radius:12px;font:inherit;font-size:14px;font-weight:900;cursor:pointer}
.pwa-install-primary,.pwa-instructions-done,.pwa-push-primary{background:var(--pwa-red);color:#fff}
.pwa-install-secondary,.pwa-push-secondary{background:#eceef1;color:#252a31}
.pwa-push-primary:disabled{opacity:.55;cursor:wait}
.pwa-push-status{display:block;min-height:18px;margin-top:12px;color:#5e646d;font-size:12px;line-height:1.4}
.pwa-instructions-card{text-align:left}
.pwa-instructions-card .pwa-instructions-icon{margin-left:0}
.pwa-instructions-card>ol{margin:14px 0 22px;padding-left:22px;color:#353a42;line-height:1.65}
.pwa-browser-steps{display:grid;gap:12px;margin:18px 0 22px}
.pwa-browser-steps section{padding:15px 16px;border:1px solid #e3e5e8;border-radius:14px;background:#f7f8f9}
.pwa-browser-steps strong{display:block;margin-bottom:6px;font-size:14px;color:#16191e}
.pwa-browser-steps ol{margin:0;padding-left:21px;color:#4e545d;font-size:13px;line-height:1.6}
.pwa-instructions-done{width:100%}

@media(max-width:480px){
  .pwa-install-overlay,.pwa-instructions,.pwa-push-overlay{padding:14px}
  .pwa-install-popup,.pwa-instructions-card,.pwa-push-popup{padding:24px 20px;border-radius:20px}
  .pwa-install-popup h2,.pwa-instructions-card h2,.pwa-push-popup h2{font-size:25px}
  .pwa-install-buttons{grid-template-columns:1fr}
}

@media(display-mode:standalone){.pwa-install-overlay,.pwa-instructions{display:none!important}}

/* Tryout player photos are image controls, not red primary action buttons. */
.content .tryout-table button.tryout-thumb-button:not(.secondary):not(.danger):not([disabled]),
.content .tryout-table button.tryout-thumb-button:not(.secondary):not(.danger):not([disabled]):hover,
.content .tryout-table button.tryout-thumb-button:not(.secondary):not(.danger):not([disabled]):focus,
.content .tryout-table button.tryout-thumb-button:not(.secondary):not(.danger):not([disabled]):active{
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
  outline:0!important;
  transform:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.content .tryout-table button.tryout-thumb-button img{
  display:block!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
