.hidden{display:none!important}
:root{--blue:#1357A6;--ink:#102033;--muted:#6d7b8a;--line:#d9e3ec;--bg:#eef3f8;--card:#fff;--ok:#187747;--bad:#b42318}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#e7eef6,#f8fafc 42%,#edf2f7);color:var(--ink)}button,input,select{font:inherit}.fpa-page{width:min(100% - 24px,1180px);margin:0 auto;padding:18px 0 80px}.fpa-card{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 7px 20px #173d6810}.fpa-preview{background:#fff3cd;border:1px solid #ead58b;border-radius:12px;padding:10px 12px;margin-bottom:12px;font-size:12px;font-weight:800}.fpa-title{margin:3px 0;font-size:clamp(32px,7vw,46px);line-height:1.05}.fpa-muted{color:var(--muted)}@media(max-width:650px){.fpa-page{width:calc(100% - 18px);padding-top:14px}}
/* Shared Football PA team-facing shell */
.fpa-pagebar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--ink)!important;padding:0 0 12px!important;margin:0 0 12px!important}
.fpa-pagebar a{color:var(--ink)!important}
.fpa-pagehead{margin-bottom:12px}
.fpa-section{padding:20px}
.fpa-page h1{font-size:clamp(30px,7vw,42px);line-height:1.05;letter-spacing:-.02em}
.fpa-page h2{color:var(--ink)}
.fpa-page .btn,.fpa-page button.btn{border-radius:11px;min-height:42px}
.fpa-page input,.fpa-page select{max-width:100%}
@media(max-width:650px){.fpa-pagebar{padding:0 2px 10px!important}.fpa-section{padding:15px}.fpa-page h1{font-size:32px}.fpa-page .card{border-radius:16px}}

/* Football PA unified team UI v3 */
:root{
  --fpa-blue:#1357A6;
  --fpa-ink:#102033;
  --fpa-muted:#6d7b8a;
  --fpa-line:#d9e3ec;
  --fpa-bg:#eef3f8;
  --fpa-card:#fff;
  --fpa-radius:17px;
  --fpa-shadow:0 7px 20px #173d6810;
}
body{background:linear-gradient(180deg,#e7eef6,#f8fafc 42%,#edf2f7)!important;color:var(--fpa-ink)!important;font-family:Arial,Helvetica,sans-serif!important}
.fpa-page{width:min(100% - 24px,1180px)!important;max-width:1180px!important;margin:0 auto!important;padding:18px 0 80px!important}
.fpa-pagebar{
  width:min(100% - 24px,1180px)!important;max-width:1180px!important;margin:0 auto 12px!important;
  min-height:54px!important;padding:8px 0 10px!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:12px!important;background:transparent!important;color:var(--fpa-ink)!important;
  border:0!important;border-bottom:1px solid #d9e3ec!important;border-radius:0!important;box-shadow:none!important
}
.fpa-pagebar a,.fpa-pagebar button{color:var(--fpa-ink)!important}
.fpa-pagebar .muted,.fpa-pagebar small{color:var(--fpa-muted)!important}
.fpa-page .card,.fpa-page .panel,.fpa-page .manage,.fpa-page .status,.fpa-page .empty{
  background:var(--fpa-card)!important;border:1px solid var(--fpa-line)!important;border-radius:var(--fpa-radius)!important;
  box-shadow:var(--fpa-shadow)!important
}
.fpa-page .card,.fpa-page .panel,.fpa-page .manage{padding:18px}
.fpa-page h1{margin:4px 0 6px!important;font-size:clamp(30px,7vw,42px)!important;line-height:1.05!important;letter-spacing:-.025em!important;color:var(--fpa-ink)!important}
.fpa-page h2{font-size:20px!important;line-height:1.15!important;color:var(--fpa-ink)!important}
.fpa-page h3{color:var(--fpa-ink)!important}
.fpa-page .muted,.fpa-page .note,.fpa-page small{color:var(--fpa-muted)}
.fpa-page .btn,.fpa-page button:not(.fpa-nav-btn):not(.fpa-nav-close){
  border-radius:12px;min-height:44px;font-weight:800
}
.fpa-page input:not([type="checkbox"]):not([type="radio"]),.fpa-page select,.fpa-page textarea{
  max-width:100%;border:1px solid #cbd6e2!important;border-radius:12px!important;background:#fff!important;color:var(--fpa-ink)!important;
  min-height:44px
}
.fpa-page .tabs{background:#e8eef5!important;border-radius:14px!important;padding:4px!important;gap:4px!important}
.fpa-page .tabs button{border:0!important;border-radius:10px!important;min-height:42px!important;font-weight:900!important}
.fpa-page .tabs button.active{background:var(--fpa-blue)!important;color:#fff!important}
.fpa-page .back{
  display:inline-flex!important;align-items:center!important;min-height:40px!important;padding:8px 11px!important;border:1px solid var(--fpa-line)!important;
  border-radius:11px!important;background:#fff!important;color:var(--fpa-ink)!important;text-decoration:none!important;font-weight:800!important
}
.fpa-page .field label{color:var(--fpa-ink);font-weight:900}
.fpa-page table{width:100%}
.fpa-page .status{padding:12px 14px}
.fpa-page .heroActions{display:none!important}
.fpa-legacy-actions{display:none!important}
@media(max-width:650px){
  .fpa-page{width:calc(100% - 18px)!important;padding:12px 0 72px!important}
  .fpa-pagebar{width:calc(100% - 18px)!important;min-height:52px!important;padding:7px 0 9px!important}
  .fpa-page .card,.fpa-page .panel,.fpa-page .manage{padding:14px!important;border-radius:15px!important}
  .fpa-page h1{font-size:31px!important}
  .fpa-page h2{font-size:19px!important}
}

.fpa-shell-logo{width:40px;height:40px;object-fit:contain;border-radius:10px;flex:0 0 40px}
.fpa-shell-brand{display:flex;align-items:center;gap:10px;min-width:0}
.fpa-shell-brand b{display:block;font-size:14px;font-weight:900}
.fpa-shell-brand .muted{display:block;font-size:11px;margin-top:2px}

/* Football PA subtle colour pass v1 */
:root{
  --fpa-primary:var(--blue,#1357A6);
  --fpa-secondary:#FFFFFF;
  --fpa-header-text:#FFFFFF;
  --fpa-accent:var(--fpa-primary);
  --fpa-accent-soft:#eaf3fc;
  --fpa-accent-softer:#f6faff;
  --fpa-accent-line:#c9ddf0;
}
body{
  background:
    radial-gradient(circle at 10% 0%, color-mix(in srgb,var(--fpa-accent) 8%,transparent) 0 18%, transparent 38%),
    linear-gradient(180deg,#e8f0f8 0%,#f8fafc 44%,#edf2f7 100%)!important;
}
.fpa-pagebar{
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--fpa-accent) 9%,white),
    color-mix(in srgb,var(--fpa-accent) 3%,white)
  )!important;
  border:1px solid color-mix(in srgb,var(--fpa-accent) 18%,#d9e3ec)!important;
  border-radius:14px!important;
  padding:8px 12px!important;
}
.fpa-page .card,
.fpa-page .panel,
.fpa-page .manage,
.fpa-page .status,
.fpa-page .empty,
.fpa-card{
  border-color:color-mix(in srgb,var(--fpa-accent) 14%,#d9e3ec)!important;
}
.fpa-page .card,
.fpa-page .panel,
.fpa-page .manage,
.fpa-card{
  background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--fpa-accent) 2.5%,white) 100%)!important;
}
.fpa-page h1,
.fpa-page h2,
.fpa-page h3{
  color:color-mix(in srgb,var(--fpa-accent) 28%,#102033)!important;
}
.fpa-page .eyebrow,
.fpa-page .field label{
  color:color-mix(in srgb,var(--fpa-accent) 78%,#102033)!important;
}
.fpa-page .btn.primary,
.fpa-page button.primary,
.fpa-page .accept{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--fpa-accent) 92%,white),
    var(--fpa-accent)
  )!important;
  color:#fff!important;
  box-shadow:0 5px 12px color-mix(in srgb,var(--fpa-accent) 18%,transparent)!important;
}
.fpa-page .btn.secondary,
.fpa-page button.secondary{
  background:color-mix(in srgb,var(--fpa-accent) 8%,white)!important;
  color:color-mix(in srgb,var(--fpa-accent) 82%,#102033)!important;
  border:1px solid color-mix(in srgb,var(--fpa-accent) 16%,#d9e3ec)!important;
}
.fpa-page .tabs{
  background:color-mix(in srgb,var(--fpa-accent) 7%,#eef3f8)!important;
}
.fpa-page .tabs button.active{
  background:var(--fpa-accent)!important;
}
.fpa-page table thead,
.fpa-page .table thead{
  background:color-mix(in srgb,var(--fpa-accent) 7%,white)!important;
}
.fpa-page table th{
  color:color-mix(in srgb,var(--fpa-accent) 72%,#102033)!important;
}
.fpa-page input:focus,
.fpa-page select:focus,
.fpa-page textarea:focus{
  outline:3px solid color-mix(in srgb,var(--fpa-accent) 16%,transparent)!important;
  border-color:color-mix(in srgb,var(--fpa-accent) 55%,#cbd6e2)!important;
}
.fpa-preview{
  background:linear-gradient(90deg,#fff4cc,#fff9e6)!important;
  border-color:#ead58b!important;
}
.home-stat{
  position:relative;
  overflow:hidden;
}
.home-stat:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--fpa-primary),var(--fpa-secondary));
  opacity:.88;
}
.fixture-venue,
.shirt{
  background:color-mix(in srgb,var(--fpa-accent) 9%,white)!important;
  color:color-mix(in srgb,var(--fpa-accent) 90%,#102033)!important;
}
@media(max-width:650px){
  .fpa-pagebar{padding:7px 10px!important;border-radius:12px!important}
}

/* secondary club colour accents */
.fpa-page .tabs button.active,
.fpa-page .btn.primary,
.fpa-page button.primary,
.fpa-page .accept{border-bottom:3px solid color-mix(in srgb,var(--fpa-secondary) 70%,transparent)!important}
.fpa-page .fixture-venue,
.fpa-page .shirt{box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--fpa-secondary) 60%,transparent)!important}
.fpa-nav-badge{box-shadow:0 0 0 2px color-mix(in srgb,var(--fpa-secondary) 55%,transparent)}
