/* SnapPro v20.6 — black / graphite / gold identity + football backgrounds */
:root{
  --brand:#0f1012!important;
  --brand-2:#1c1e21!important;
  --accent:#d4af37!important;
  --accent-2:#f0d36a!important;
  --ink:#151617!important;
  --muted:#70747a!important;
  --line:#d7d8da!important;
  --paper:#f4f4f2!important;
  --football-bg:url('/assets/football-referee-bg.svg');
}
body{background:#ececea;color:#151617}
.public-hero{background-image:linear-gradient(90deg,rgba(4,5,6,.96),rgba(5,6,7,.76) 50%,rgba(5,6,7,.48)),var(--football-bg)!important;background-size:cover!important;background-position:center!important}
.workspace{background:
  linear-gradient(rgba(245,245,243,.94),rgba(245,245,243,.96)),
  var(--football-bg)!important;
  background-attachment:fixed!important;background-size:cover!important;background-position:center!important}
.workspace-content{position:relative}
.workspace-content:before{content:"";position:fixed;inset:84px 0 0 290px;pointer-events:none;background:linear-gradient(120deg,rgba(212,175,55,.025),transparent 48%);z-index:0}
.workspace-content>*{position:relative;z-index:1}
.sidebar{background-image:linear-gradient(rgba(7,8,9,.88),rgba(7,8,9,.93)),var(--football-bg)!important;background-size:auto 100%,auto 100%!important;background-position:center!important}
.dashboard-hero{background-image:linear-gradient(90deg,rgba(8,9,10,.94),rgba(10,11,12,.62)),var(--football-bg)!important;background-size:cover!important;background-position:center 38%!important;border:1px solid rgba(212,175,55,.32)!important}
.login-visual{background-image:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.74)),var(--football-bg)!important;background-size:cover!important}
.profile-cover{background-image:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.12)),var(--football-bg)!important;background-size:cover!important;background-position:center!important}

/* Keep league colors contextual instead of repainting the whole product chrome. */
.btn-primary{background:linear-gradient(135deg,#b98c18,#e2c45f)!important;color:#101112!important;border-color:#b98c18!important;font-weight:900}
.btn-primary:hover{filter:brightness(1.04)}
.btn-soft{background:#fff;color:#1a1a1b;border-color:#d6d2c3}
.btn-soft:hover{border-color:#d4af37;background:#fffaf0}
.nav-item.active{background:linear-gradient(90deg,rgba(212,175,55,.22),rgba(212,175,55,.06))!important;color:#f6df8c!important;border-left-color:#d4af37!important}
.nav-item:hover{background:rgba(255,255,255,.05)}
.workspace-top{background:rgba(250,250,248,.96)!important;border-bottom:1px solid #d8d5cb!important}
.public-topbar{background:rgba(11,12,13,.96)!important}
.panel,.team-card,.game-card,.payment-card,.subscription-card,.kpi-card{box-shadow:0 12px 34px rgba(0,0,0,.07)}
.panel{border:1px solid rgba(23,24,25,.11)}
.owner-banner{background:linear-gradient(90deg,#111,#252525)!important;color:#f5f1df!important;border:1px solid rgba(212,175,55,.36)!important}

/* New functional modules */
.clickable-card{cursor:pointer;transition:.18s ease}
.clickable-card:hover{transform:translateY(-2px);border-color:rgba(212,175,55,.55);box-shadow:0 16px 38px rgba(0,0,0,.11)}
.action-link{appearance:none;border:0;background:transparent;padding:0;color:#8b6711;text-decoration:underline;cursor:pointer;font:inherit;font-weight:800}
.inline-alert{border-radius:14px;padding:12px 14px;margin:12px 0;border:1px solid #ddd;background:#fff}
.inline-alert.warn{background:#fff7df;border-color:#e6c35a;color:#6d520d}
.inline-alert.danger{background:#fff0ee;border-color:#e2aaa1;color:#8f2c20}
.inline-alert.ok{background:#edf9f0;border-color:#9fcfaf;color:#26643a}
.section-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.section-tabs button{border:1px solid #d8d4c7;background:#fff;border-radius:999px;padding:9px 14px;cursor:pointer;font-weight:800}
.section-tabs button.active{background:#161719;color:#f0d36a;border-color:#d4af37}
.drawer-card{width:min(680px,94vw)!important}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.detail-item{padding:12px;border:1px solid #e0ded7;border-radius:12px;background:#faf9f5}
.detail-item small{display:block;color:#777;text-transform:uppercase;font-size:9px;letter-spacing:.08em}
.detail-item b{display:block;margin-top:4px}
.proof-preview{min-height:220px;border:1px dashed #c8c4b9;border-radius:14px;background:#f7f6f1;display:grid;place-items:center;overflow:hidden;margin:12px 0}
.proof-preview img,.proof-preview iframe,.proof-preview embed{width:100%;max-height:520px;object-fit:contain;border:0}
.payment-card{cursor:pointer}
.payment-card .payment-actions{position:relative;z-index:2}
.payment-history-row{cursor:pointer}
.payment-history-row:hover td{background:#fff9e9}
.sanction-card{border-left:4px solid #b63c2f!important}
.blocked-badge{display:inline-flex;gap:6px;align-items:center;background:#fff0ed;color:#922c20;border:1px solid #dfafa7;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}

/* Rosters */
.roster-brand-row{display:grid;grid-template-columns:90px 1fr 90px;gap:14px;align-items:center;text-align:center;border-bottom:3px solid #d4af37;padding-bottom:12px}
.roster-brand-logo{height:68px;display:grid;place-items:center;border:1px solid #cfc9b7;border-radius:10px;background:#fff;font-weight:900;overflow:hidden}
.roster-brand-logo img{max-width:100%;max-height:100%;object-fit:contain}
.roster-brand-logo.snappro{padding:7px}
.roster-footer-brand{margin-top:18px;padding-top:10px;border-top:1px solid #d8d4ca;display:flex;align-items:center;justify-content:center;gap:12px;color:#5f6063;font-size:10px}
.roster-footer-brand img{width:120px;max-height:34px;object-fit:contain}
.roster-status-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.roster-status-step{padding:10px;border-radius:12px;background:#f1f1ee;border:1px solid #ddd;color:#777;font-size:10px;font-weight:850;text-align:center}
.roster-status-step.done{background:#17181a;color:#f2d675;border-color:#d4af37}
.roster-status-step.current{background:#fff7d7;color:#6b510e;border-color:#d4af37}

/* Tournament bracket */
.tournament-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.tournament-state{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;background:#ececec;border:1px solid #d2d2d2}
.tournament-state.open{background:#171719;color:#f1d36c;border-color:#d4af37}
.schedule-grid{display:grid;gap:10px;margin-top:14px}
.schedule-match{display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(130px,.8fr) minmax(100px,.45fr) minmax(160px,.8fr);gap:10px;align-items:end;padding:12px;border:1px solid #d9d6ca;border-radius:14px;background:#fff}
.schedule-match label{font-size:10px;font-weight:800;color:#555}
.schedule-match input,.schedule-match select{width:100%;padding:9px;border:1px solid #d1cec4;border-radius:10px;background:#fff}
.bracket-pro{display:flex;gap:28px;overflow-x:auto;padding:14px 4px 24px}
.bracket-round{min-width:235px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.bracket-round-title{font-family:var(--display-font);font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#7c6118}
.bracket-game{border:1px solid #d9d4c5;border-left:4px solid #d4af37;border-radius:14px;background:#fff;padding:12px;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.bracket-game:hover{border-color:#d4af37}
.bracket-team{display:flex;justify-content:space-between;gap:10px;font-weight:850;padding:4px 0}
.bracket-meta{font-size:10px;color:#737373;border-top:1px solid #ece9e0;margin-top:8px;padding-top:8px}

/* Content feed */
.content-composer{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.feed-admin-list{display:grid;gap:14px}
.feed-post{border:1px solid #ddd8c9;border-radius:18px;overflow:hidden;background:#fff}
.feed-post-media{height:230px;background:#111;overflow:hidden}
.feed-post-media img,.feed-post-media video{width:100%;height:100%;object-fit:cover}
.feed-post-body{padding:14px}
.feed-post-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pin-badge{display:inline-flex;gap:5px;align-items:center;border-radius:999px;padding:5px 8px;background:#17181a;color:#f1d36a;font-size:9px;font-weight:900}
.public-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.public-feed-grid .feed-post:first-child{grid-column:span 2}

/* Settings editors */
.config-list{display:grid;gap:8px}
.config-row{display:grid;grid-template-columns:minmax(170px,1fr) 130px repeat(4,auto);gap:8px;align-items:center;padding:10px;border:1px solid #dedbd1;border-radius:12px;background:#fff}
.config-row.inactive{opacity:.58;background:#f1f1ef}
.config-row input,.config-row select{padding:8px;border:1px solid #d2cfc6;border-radius:9px}
.category-row{display:grid;grid-template-columns:minmax(180px,1fr) 120px auto auto auto;gap:8px;align-items:center;padding:10px;border:1px solid #dedbd1;border-radius:12px;background:#fff}
.category-row.inactive{opacity:.56;background:#f2f2f0}

/* Regulations */
.document-title-btn{border:0;background:none;padding:0;text-align:left;font:inherit;cursor:pointer;color:#1a1a1b}
.document-title-btn:hover{text-decoration:underline;color:#8b6711}
.file-actions{display:flex;gap:6px;flex-wrap:wrap}

/* Results */
.result-score{font-family:var(--display-font);font-size:22px;font-weight:900}
.result-final{color:#2f6b3f}

@media(max-width:980px){
  .schedule-match{grid-template-columns:1fr 1fr}.content-composer{grid-template-columns:1fr}.public-feed-grid{grid-template-columns:1fr 1fr}.workspace-content:before{left:0}
  .config-row{grid-template-columns:1fr 110px repeat(2,auto)}
}
@media(max-width:760px){
  .workspace{background-attachment:scroll!important}
  .detail-grid{grid-template-columns:1fr}.schedule-match{grid-template-columns:1fr}.public-feed-grid{grid-template-columns:1fr}.public-feed-grid .feed-post:first-child{grid-column:auto}
  .roster-status-strip{grid-template-columns:1fr 1fr}.category-row,.config-row{grid-template-columns:1fr 1fr}.category-row button,.config-row button{width:100%}
  .app-profile-chip{min-width:52px;width:52px;grid-template-columns:36px;padding:5px}.app-profile-copy,.app-profile-chip i{display:none}.app-profile-menu{right:0}
}
.roster-logo-trio{display:grid;grid-template-columns:repeat(3,90px);justify-content:center;gap:24px;align-items:center;padding-bottom:12px;border-bottom:3px solid #d4af37}
.roster-visual-title{text-align:center;padding:10px 0 14px}.roster-visual-title b{display:block;font-family:var(--display-font);font-size:22px}.roster-visual-title small{color:#6f6f6f}
.config-row{grid-template-columns:minmax(160px,1fr) 110px minmax(180px,1fr) repeat(6,auto)}
@media(max-width:1100px){.config-row{grid-template-columns:1fr 110px 1fr repeat(3,auto)}}
@media(max-width:760px){.roster-logo-trio{grid-template-columns:repeat(3,1fr);gap:10px}.config-row{grid-template-columns:1fr 1fr}.rf-options{grid-column:1/-1}}