.hub-user-nav{display:flex;align-items:center;gap:0.5rem;margin-left:auto;flex-shrink:0}
.hub-nav-avatar{width:24px;height:24px;border-radius:50%;vertical-align:middle}
.hub-nav-name{font-size:.875rem;margin-right:.5rem}
.hub-nav-link{font-size:.8rem;text-decoration:none;margin-right:.5rem;transition:opacity .15s}
.hub-nav-link:hover{opacity:.8}
.hub-fg{margin-bottom:1.25rem}
.hub-fg label{display:block;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;color:#2c3e50}
.req{color:#e74c3c}
.hub-help{font-size:.8rem;color:#888;margin:0 0 .4rem}
.hub-fg input[type="text"],.hub-fg input[type="date"],.hub-fg input[type="number"],.hub-fg select,.hub-input{width:100%;padding:.65rem .75rem;border:1px solid #dfe6e9;border-radius:6px;font-size:.95rem;font-family:inherit;background:#fff;transition:border-color .15s;box-sizing:border-box}
.hub-fg input:focus,.hub-fg select:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px rgba(52,152,219,.12)}
.hub-fg input[type="color"]{width:100%;height:44px;border:1px solid #dfe6e9;border-radius:6px;cursor:pointer;padding:4px;box-sizing:border-box}
.hub-input-sm{padding:.4rem!important;border-radius:4px!important;font-size:.85rem!important}
.hub-alert{padding:.75rem 1rem;border-radius:6px;font-size:.9rem;margin-bottom:1rem}
.hub-alert-danger{background:#ffeaea;color:#c0392b;border:1px solid #f5c6cb}
.hub-alert-success{background:#eafff0;color:#27ae60;border:1px solid #c6f5d0}
.hub-table{width:100%;border-collapse:collapse}
.hub-table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#7f8c8d;font-weight:600;padding:.6rem .75rem;border-bottom:2px solid #ecf0f1}
.hub-table td{padding:.65rem .75rem;border-bottom:1px solid #f0f3f5;vertical-align:middle}
.hub-table tbody tr:hover{background:#fafbfc}
.hub-table-sm th,.hub-table-sm td{padding:.4rem .5rem;font-size:.82rem}
.hub-btn{display:inline-block;font-weight:600;text-align:center;text-decoration:none;border:none;border-radius:6px;cursor:pointer;padding:.65rem 1.5rem;font-size:.9rem;transition:filter .15s}
.hub-btn:hover{filter:brightness(1.1)}
.hub-btn-sm{padding:.35rem .8rem;font-size:.8rem;border-radius:4px}
.hub-btn-xs{padding:.2rem .5rem;font-size:.75rem;border-radius:3px}
.hub-btn-blue{background:#3498db;color:#fff}
.hub-btn-green{background:#2ecc71;color:#fff}
.hub-btn-red{background:#e74c3c;color:#fff}
.hub-btn-grey{background:#95a5a6;color:#fff}
.hub-btn-discord{background:#5865F2;color:#fff;margin-top:1rem}
.hub-btn-outline-red{background:transparent;color:#e74c3c;border:1px solid #e74c3c}
.hub-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;overflow-y:auto}
.hub-modal-box{max-width:500px;margin:10vh auto;padding:2rem;position:relative}
.hub-tabs{display:flex;gap:.25rem;margin-bottom:1rem}
.hub-tab{padding:.5rem 1.25rem;border:none;background:#ecf0f1;color:#2c3e50;font-weight:600;font-size:.85rem;border-radius:6px 6px 0 0;cursor:pointer;transition:background .15s}
.hub-tab.active{background:#3498db;color:#fff}
.hub-invite-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #eee}
@media(max-width:768px){.hub-table{font-size:.78rem}.hub-table th,.hub-table td{padding:.4rem}.hub-user-nav{font-size:.78rem}}

/* Dark retheme overrides for the Hub pages */
.hub-user-nav{gap:.65rem}
.hub-nav-avatar,.hub-profile-avatar{border-radius:999px;border:1px solid rgba(168,199,255,.35);box-shadow:0 0 18px rgba(95,168,255,.16)}
.hub-profile-avatar{width:72px;height:72px}
.hub-nav-name{color:#edf5ff;font-weight:800}
.hub-nav-link{color:#d8e8ff;background:rgba(118,166,255,.11);border:1px solid rgba(132,174,255,.28);border-radius:999px;padding:.45rem .75rem;margin-right:0}
.hub-nav-link:hover{opacity:1;transform:translateY(-1px);box-shadow:0 10px 24px rgba(73,130,221,.18)}
.hub-fg label{color:#a8c7ff}
.hub-help{color:#9fb5d3}
.hub-fg input[type="text"],.hub-fg input[type="date"],.hub-fg input[type="number"],.hub-fg select,.hub-input{background:rgba(9,20,36,.84);border:1px solid rgba(132,174,255,.28);color:#eef6ff}
.hub-fg input:focus,.hub-fg select:focus{border-color:#78aefc;box-shadow:0 0 0 3px rgba(84,145,230,.2)}
.hub-alert{border-radius:14px}
.hub-alert-danger{background:rgba(95,32,36,.68);color:#ffd9d9;border:1px solid rgba(255,123,123,.5)}
.hub-alert-success{background:rgba(25,79,55,.62);color:#d6ffe7;border:1px solid rgba(113,235,160,.45)}
.hub-table th{color:#a8c7ff;border-bottom:1px solid rgba(132,174,255,.26)}
.hub-table td{border-bottom:1px solid rgba(132,174,255,.12);color:#e8f1ff}
.hub-table tbody tr:hover{background:rgba(79,132,214,.09)}
.hub-btn{border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 22px rgba(0,0,0,.18)}
.hub-btn-blue{background:linear-gradient(135deg,#2f68ba,#79aef6)}
.hub-btn-green{background:linear-gradient(135deg,#158a5c,#65d495)}
.hub-btn-grey{background:linear-gradient(135deg,#44546a,#77889e)}
.hub-btn-discord{background:linear-gradient(135deg,#5865f2,#8aa3ff)}
.hub-tabs{flex-wrap:wrap}
.hub-tab{background:rgba(9,20,36,.84);color:#a8c7ff;border:1px solid rgba(132,174,255,.26);border-radius:999px}
.hub-tab.active{background:linear-gradient(135deg,#1d58a1,#78aefc);color:#fff}
.hub-invite-row{border-bottom:1px solid rgba(132,174,255,.14)}

/* Hub team management additions */
.hub-team-link{display:inline-flex;align-items:center;gap:.55rem;color:#78c6ff;text-decoration:none;font-weight:800}
.hub-owner-pill{display:inline-flex;margin-left:.85rem;align-items:center;color:#67f29b;font-weight:800;font-size:.875rem;line-height:1}
.hub-team-logo{--team-colour:#6aa7ff;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:18px;background:linear-gradient(135deg,var(--team-colour),rgba(255,255,255,.08));border:1px solid rgba(168,199,255,.3);color:#fff;font-family:Cinzel,serif;font-weight:900;letter-spacing:.04em;overflow:hidden;box-shadow:0 16px 36px rgba(0,0,0,.22)}
.hub-team-logo img{width:100%;height:100%;object-fit:cover;display:block}
.hub-team-logo-xs{width:28px;height:28px;border-radius:9px;font-size:.7rem;vertical-align:middle;margin-right:.35rem}
.hub-team-logo-lg{width:72px;height:72px;font-size:1.2rem}
.hub-team-logo-xl{width:96px;height:96px;font-size:1.45rem}
.hub-team-detail-head{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1rem;border:1px solid rgba(132,174,255,.18);border-radius:18px;background:rgba(9,20,36,.55);margin-bottom:1rem}
.hub-team-detail-info{flex:1;min-width:220px}.hub-team-detail-info h2{margin:.15rem 0 .6rem;font-size:clamp(1.6rem,3vw,2.6rem)}
.hub-breadcrumb{display:flex;gap:.45rem;align-items:center;color:#9fb5d3;font-size:.85rem}.hub-breadcrumb a{color:#78c6ff;text-decoration:none}
.hub-team-tags{display:flex;flex-wrap:wrap;gap:.45rem}.hub-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .65rem;border:1px solid rgba(132,174,255,.24);border-radius:999px;background:rgba(118,166,255,.1);color:#d8e8ff;font-size:.78rem;font-weight:800}.hub-copy-chip{cursor:pointer;font-family:inherit}.hub-copy-chip:hover{filter:brightness(1.14)}
.hub-team-detail-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.hub-detail-tabs{margin-top:1rem}.hub-tab-panel{padding:1rem 0}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.8rem;margin-bottom:1rem}.hub-stat-card{padding:1rem;border:1px solid rgba(132,174,255,.18);border-radius:18px;background:rgba(9,20,36,.62)}.hub-stat-card span{display:block;color:#9fb5d3;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.hub-stat-card strong{display:block;color:#fff;font-size:1.6rem;margin-top:.2rem}.hub-stat-card small{color:#a8c7ff}.hub-info-card{border:1px solid rgba(132,174,255,.18);border-radius:18px;padding:1rem;background:rgba(9,20,36,.42)}.hub-info-card h3,.hub-panel-head h3{margin:0 0 .8rem}.hub-info-row{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid rgba(132,174,255,.12)}.hub-info-row:last-child{border-bottom:none}.hub-info-row span{color:#9fb5d3}.hub-info-row strong{color:#eef6ff;text-align:right;word-break:break-all}.hub-mini-copy{margin-left:.5rem;border:1px solid rgba(132,174,255,.25);border-radius:999px;background:rgba(118,166,255,.12);color:#d8e8ff;cursor:pointer;font-size:.72rem;padding:.2rem .5rem}.hub-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.hub-search-results{display:grid;gap:.5rem;margin-top:.75rem}.hub-search-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.65rem .75rem;border:1px solid rgba(132,174,255,.16);border-radius:14px;background:rgba(9,20,36,.45)}.hub-search-row>div{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.hub-search-row small{color:#9fb5d3;font-family:monospace}.hub-settings-form{max-width:720px}.hub-danger-zone{margin-top:1.25rem;padding:1rem;border:1px solid rgba(255,123,123,.35);border-radius:18px;background:rgba(95,32,36,.28)}.hub-danger-zone h3{margin-top:0;color:#ffd9d9}.hub-danger-zone p{color:#ffcccc}.hub-fg input:disabled{opacity:.65;cursor:not-allowed}
@media(max-width:720px){.hub-team-detail-head{align-items:flex-start;flex-direction:column}.hub-team-detail-actions{justify-content:flex-start}.hub-info-row{flex-direction:column;gap:.2rem}.hub-info-row strong{text-align:left}.hub-search-row{align-items:flex-start;flex-direction:column}}


/* Hub layout polish + motion */
#hub-profile-card{display:grid!important;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:1.5rem;animation:hubFadeUp .42s ease both}
.hub-profile-home{width:100%;min-width:0}.hub-profile-home h2{font-size:clamp(1.9rem,4vw,3rem);letter-spacing:.02em;text-shadow:0 0 28px rgba(120,174,252,.16)}
.hub-profile-connect{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin:.9rem 0 1.1rem}.hub-profile-connect .hub-chip{min-height:36px}
.hub-settings-form textarea.hub-input{min-height:138px;resize:vertical;line-height:1.5}.hub-settings-form input[type="color"].hub-input{height:56px;padding:8px;border-radius:14px;background:rgba(9,20,36,.82)}
.hub-btn{position:relative;overflow:hidden;transform:translateZ(0);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.hub-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 16px 32px rgba(71,130,221,.25)}.hub-btn:active{transform:translateY(0) scale(.98)}
.hub-btn::after{content:"";position:absolute;inset:-40% -55%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28),transparent 65%);transform:translateX(-80%) rotate(8deg);transition:transform .55s ease;pointer-events:none}.hub-btn:hover::after{transform:translateX(80%) rotate(8deg)}
.hub-stat-card,.hub-info-card,.hub-team-detail-head,.hub-search-row,.hub-table,.hub-danger-zone{animation:hubFadeUp .36s ease both}.hub-stat-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hub-stat-card:hover{transform:translateY(-3px);border-color:rgba(132,174,255,.38);box-shadow:0 18px 35px rgba(0,0,0,.22)}
.hub-team-logo{animation:hubPulseIn .45s ease both}.hub-tab{transition:transform .16s ease,background .16s ease,border-color .16s ease}.hub-tab:hover{transform:translateY(-1px);border-color:rgba(132,174,255,.45)}
@keyframes hubFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hubPulseIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@media(max-width:760px){#hub-profile-card{grid-template-columns:1fr}.hub-profile-connect{align-items:stretch}.hub-profile-connect .hub-btn,.hub-profile-connect .hub-chip{width:100%;justify-content:center}.hub-profile-avatar,.hub-team-logo-lg{width:84px;height:84px}}
@media(prefers-reduced-motion:reduce){.hub-btn,.hub-stat-card,.hub-info-card,.hub-team-detail-head,.hub-search-row,.hub-table,.hub-danger-zone,#hub-profile-card,.hub-team-logo,.hub-tab{animation:none!important;transition:none!important}.hub-btn::after{display:none}}

/* Hub profile tabs + motion refresh */
.hub-profile-tabs-shell{animation:hubFadeUp .45s ease both}.hub-profile-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.hub-title-link{color:#f7fbff;text-decoration:none;position:relative}.hub-title-link::after{content:"";position:absolute;left:0;right:0;bottom:-.12em;height:2px;background:linear-gradient(90deg,var(--accent,#7da7ff),transparent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.hub-title-link:hover::after{transform:scaleX(1)}.hub-profile-actions{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}.hub-page-tabs{display:flex;gap:.55rem;flex-wrap:wrap;margin:1.15rem 0 1rem;padding:.35rem;border:1px solid rgba(119,159,220,.22);border-radius:18px;background:rgba(4,12,24,.34)}.hub-page-tab{border:1px solid transparent;background:transparent;color:#aebeda;border-radius:14px;padding:.72rem 1rem;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.hub-page-tab:hover{transform:translateY(-1px);color:#fff;background:rgba(95,141,210,.14);border-color:rgba(144,184,255,.22)}.hub-page-tab.active{color:#fff;background:linear-gradient(135deg,rgba(77,132,210,.72),rgba(87,206,155,.28));border-color:rgba(157,198,255,.4);box-shadow:0 10px 28px rgba(55,107,196,.18)}.hub-tab-panel{animation:hubFadeUp .26s ease both}.hub-overview-grid{margin-top:.25rem}.hub-linked-player-card,.hub-empty-card,.hub-steam-panel{border:1px solid rgba(126,163,220,.24);background:linear-gradient(145deg,rgba(9,23,43,.82),rgba(13,33,55,.62));border-radius:18px;padding:1rem;margin-top:1rem;box-shadow:0 16px 42px rgba(0,0,0,.16)}.hub-linked-player-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.hub-linked-player-card.muted{opacity:.82}.hub-linked-player-card strong{display:block;color:#fff;font-size:1.08rem}.hub-linked-player-card small{display:block;color:#91a8c9;margin-top:.18rem}.hub-mini-label{display:block;color:#9fb7dd;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.1em;margin-bottom:.25rem}.hub-card-form{margin-top:.25rem}.hub-match-list{display:grid;gap:.65rem}.hub-match-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;border:1px solid rgba(126,163,220,.18);background:rgba(5,14,27,.45);border-radius:14px;padding:.8rem 1rem}.hub-match-row span{color:#9fb5d3;font-size:.9rem}.hub-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.85rem}.hub-action-card{position:relative;overflow:hidden;border:1px solid rgba(126,163,220,.24);background:linear-gradient(145deg,rgba(17,38,68,.85),rgba(5,17,31,.72));border-radius:18px;padding:1rem;text-decoration:none;color:#dbe8ff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hub-action-card::after{content:"";position:absolute;inset:-60% auto auto -40%;width:45%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:rotate(25deg) translateX(-160%);transition:transform .55s ease}.hub-action-card:hover{transform:translateY(-3px);border-color:rgba(137,184,255,.48);box-shadow:0 18px 48px rgba(32,83,160,.22)}.hub-action-card:hover::after{transform:rotate(25deg) translateX(440%)}.hub-action-card strong{display:block;color:#fff;font-size:1.08rem;margin-bottom:.3rem}.hub-action-card span{color:#9fb5d3}.hub-btn{position:relative;overflow:hidden}.hub-btn::after{content:"";position:absolute;top:-80%;left:-40%;width:35%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(25deg) translateX(-170%);transition:transform .55s ease}.hub-btn:hover::after{transform:rotate(25deg) translateX(520%)}@media(max-width:760px){.hub-profile-topline{display:block}.hub-profile-actions{margin-top:1rem}.hub-match-row{align-items:flex-start;flex-direction:column}.hub-page-tab{flex:1 1 auto}}

/* Steam -> IOS auto detection UI */
.hub-auto-link-box{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:.75rem .85rem;border:1px solid rgba(126,163,220,.22);border-radius:16px;background:rgba(5,14,27,.45)}
.hub-auto-link-box span{color:#d8e8ff;font-weight:700}.hub-auto-link-box .hub-title-link{color:#8fc5ff;font-weight:900}


/* Hub customization profile form */
.hub-bio-input{min-height:7.2rem;resize:vertical;line-height:1.45}
.hub-fg-bio{order:-5}
.hub-bio-preview{margin-top:.7rem;white-space:pre-line;border:1px dashed rgba(126,163,220,.28);border-radius:14px;padding:.8rem .95rem;color:#dce8fa;background:rgba(5,14,28,.38);line-height:1.45;max-height:6.3em;overflow:hidden}
.hub-settings-form .hub-input[type="color"]{min-height:4.6rem;padding:.4rem;border-radius:16px;cursor:pointer}
.hub-settings-form{animation:hubFadeUp .28s ease both}
.hub-page-tab.active,.hub-btn-blue{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 14px 36px rgba(80,145,236,.22)}

/* Hub user accent theme + customization layout */
#hub-profile-card.hub-user-themed{
  border-color: color-mix(in srgb, var(--hub-user-accent,#6d7cff) 42%, rgba(126,163,220,.22));
  box-shadow: 0 24px 80px color-mix(in srgb, var(--hub-user-accent,#6d7cff) 18%, transparent), 0 18px 42px rgba(0,0,0,.22);
}
#hub-profile-card.hub-user-themed .hub-profile-home{
  background: radial-gradient(circle at top right, color-mix(in srgb, var(--hub-user-accent,#6d7cff) 18%, transparent), transparent 42%);
  border-radius: 24px;
}
#hub-profile-card.hub-user-themed .hub-page-tab.active,
#hub-profile-card.hub-user-themed .hub-btn-blue{
  background: linear-gradient(135deg, color-mix(in srgb, var(--hub-user-accent,#6d7cff) 78%, #2d75d6), color-mix(in srgb, var(--hub-user-accent,#6d7cff) 42%, #21b877));
  border-color: color-mix(in srgb, var(--hub-user-accent,#6d7cff) 58%, #ffffff33);
}
#hub-profile-card.hub-user-themed .hub-stat-card,
#hub-profile-card.hub-user-themed .hub-linked-player-card,
#hub-profile-card.hub-user-themed .hub-steam-panel,
#hub-profile-card.hub-user-themed .hub-action-card,
.hub-profile-bio-card{
  border-color: color-mix(in srgb, var(--hub-user-accent,#6d7cff) 32%, rgba(126,163,220,.22));
}
.hub-profile-bio-card{
  grid-column: 1 / -1;
  border: 1px solid rgba(126,163,220,.24);
  border-radius: 18px;
  padding: 1rem;
  margin: .25rem 0 1rem;
  background: linear-gradient(145deg,rgba(9,23,43,.82),rgba(13,33,55,.58));
  box-shadow: 0 16px 42px rgba(0,0,0,.14);
}
.hub-profile-bio-card p{margin:.25rem 0 0;white-space:pre-line;color:#e6f0ff;line-height:1.45;max-height:4.5em;overflow:hidden}


/* Hub motion repair pack */
@keyframes hubSoftEnter {
  from { opacity: 0; transform: translate3d(0, 16px, 0) scale(.985); filter: blur(2px); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
}
@keyframes hubShineSweep {
  from { transform: rotate(22deg) translateX(-180%); opacity: 0; }
  20% { opacity: .85; }
  to { transform: rotate(22deg) translateX(520%); opacity: 0; }
}
@media (prefers-reduced-motion: no-preference) {
  .hub-card,
  .hub-stat-card,
  .hub-info-card,
  .hub-team-detail-head,
  .hub-search-row,
  .hub-table,
  .hub-danger-zone,
  .hub-profile-tabs-shell,
  .hub-tab-panel,
  .hub-linked-player-card,
  .hub-empty-card,
  .hub-steam-panel,
  .hub-action-card,
  .hub-settings-form {
    animation: hubSoftEnter .42s cubic-bezier(.19, 1, .22, 1) both;
  }
  .hub-btn,
  .hub-page-tab,
  .hub-tab,
  .hub-action-card,
  .hub-stat-card {
    will-change: transform;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
  }
  .hub-btn:hover,
  .hub-page-tab:hover,
  .hub-tab:hover,
  .hub-action-card:hover,
  .hub-stat-card:hover {
    transform: translateY(-2px);
  }
  .hub-btn::after,
  .hub-action-card::after {
    opacity: 0;
  }
  .hub-btn:hover::after,
  .hub-action-card:hover::after {
    animation: hubShineSweep .74s ease forwards;
  }
}

/* Team channel setup tab */
.hub-setup-help{display:grid;gap:.35rem}.hub-setup-help strong{color:#fff;font-size:1.05rem}.hub-setup-help p{margin:0;color:#9fb5d3}.hub-setup-form{grid-template-columns:minmax(260px,1fr) 150px auto;align-items:end}.hub-setup-list{margin-top:.5rem}.hub-detail-tabs .hub-tab{white-space:nowrap}
@media(max-width:760px){.hub-setup-form{grid-template-columns:1fr}.hub-setup-form .hub-btn{width:100%;justify-content:center}}


/* Setup tab: detected guild channels + cleaner owner badge */
.hub-detected-channels{margin:1rem 0}.hub-detected-grid{display:grid;gap:.65rem}.hub-detected-row{display:grid;grid-template-columns:minmax(220px,1fr) 120px auto;gap:.7rem;align-items:center;border:1px solid rgba(126,163,220,.18);background:rgba(5,14,27,.44);border-radius:14px;padding:.75rem}.hub-detected-row.is-configured{opacity:.76;background:rgba(36,72,54,.22);border-color:rgba(87,210,146,.22)}.hub-detected-main strong{display:block;color:#f2f7ff}.hub-detected-main code{display:block;color:#9fb5d3;font-size:.78rem;margin-top:.15rem}.hub-setup-form{margin-top:1rem;padding:1rem;border:1px solid rgba(126,163,220,.16);border-radius:18px;background:rgba(5,14,27,.32)}.hub-owner-pill{margin-left:.85rem!important;font-size:.875rem!important;line-height:1!important;vertical-align:middle}.hub-table td .hub-owner-pill{position:relative;top:.02rem}@media(max-width:760px){.hub-detected-row{grid-template-columns:1fr}.hub-detected-row .hub-btn,.hub-detected-row .hub-input{width:100%}}


/* My Teams action spacing: keep Owner readable and separated from Manage. */
.hub-actions-cell{display:inline-flex;align-items:center;gap:1.35rem;white-space:nowrap;}
.hub-owner-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-left:1.35rem!important;
  color:#67f29b!important;
  font-weight:800!important;
  font-size:.95rem!important;
  line-height:1.1!important;
  vertical-align:middle!important;
}
.hub-table td .hub-owner-pill{position:relative;top:0!important;}


/* Final My Teams action spacing: keep Manage and Owner separated and same visual size. */
.hub-actions-cell{
  display:inline-flex!important;
  align-items:center!important;
  gap:2.25rem!important;
  white-space:nowrap!important;
}
.hub-owner-pill{
  margin-left:0!important;
  min-width:3.4rem!important;
  justify-content:flex-start!important;
  font-size:.875rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  color:#67f29b!important;
}

/* Bot invite card */
.hub-invite-bot-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-color:rgba(145,196,255,.42);background:linear-gradient(135deg,rgba(23,39,65,.92),rgba(10,20,35,.9))}
.hub-invite-bot-btn{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;white-space:nowrap}
.hub-btn-icon{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem}

/* HUB ADMIN BUTTON STRICT VISIBILITY */
.hub-admin-link,
#hub-admin-link,
[data-hub-admin] {
  display: none !important;
}

body.hub-is-admin .hub-admin-link,
body.hub-is-admin #hub-admin-link,
body.hub-is-admin [data-hub-admin] {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* ADMIN TOKEN STATUS + DELETE LOG */
.hub-token-actions {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  flex-wrap: wrap;
}
.hub-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.65rem;
  padding: .18rem .55rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .01em;
  border: 1px solid rgba(139, 174, 232, .28);
  background: rgba(12, 22, 38, .7);
  white-space: nowrap;
}
.hub-status-active {
  color: #45e28d;
  border-color: rgba(69, 226, 141, .34);
  background: rgba(33, 112, 76, .14);
}
.hub-status-inactive {
  color: #ffc46b;
  border-color: rgba(255, 196, 107, .36);
  background: rgba(130, 84, 28, .16);
}
.hub-status-deleted {
  color: #ff8f9a;
  border-color: rgba(255, 143, 154, .38);
  background: rgba(135, 44, 56, .18);
}
.hub-status-available {
  color: #9fb5d3;
  border-color: rgba(159, 181, 211, .28);
}
.hub-token-delete-x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 124, 139, .4);
  background: rgba(132, 38, 54, .2);
  color: #ff9aa6;
  font-size: 1.15rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}
.hub-token-delete-x:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 155, 166, .68);
  background: rgba(155, 52, 64, .34);
  color: #fff;
}

/* EXTENDED HUB CUSTOMIZATION FORM */
.hub-form-two {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .9rem;
}
.hub-toggle-row {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  width: fit-content;
  padding: .75rem .95rem;
  border-radius: 14px;
  border: 1px solid rgba(126,163,220,.26);
  background: rgba(8,17,31,.42);
  color: #eaf2ff;
  font-weight: 800;
  cursor: pointer;
}
.hub-toggle-row input {
  width: 1.1rem;
  height: 1.1rem;
  accent-color: var(--hub-user-accent, #6d7cff);
}
@media (max-width: 760px) {
  .hub-form-two { grid-template-columns: 1fr; }
}

/* HUB SEARCHABLE CUSTOMIZATION INPUTS */
.hub-fg datalist {
  display: none;
}
.hub-input[list] {
  padding-right: 2.2rem;
  background-image: linear-gradient(45deg, transparent 50%, #9fb5d3 50%), linear-gradient(135deg, #9fb5d3 50%, transparent 50%);
  background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

/* HUB STATIC RECOVERY FALLBACK */
.hub-static-actions {
  display: block;
}
.hub-static-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1rem;
}
.hub-static-actions .hub-btn,
.hub-static-button-row .hub-btn,
#hub-login-section .hub-btn,
#hub-profile-section .hub-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.hub-profile-fallback-card {
  width: 100%;
  padding: 1rem;
  border: 1px solid rgba(126,163,220,.28);
  border-radius: 18px;
  background: rgba(8,17,31,.44);
}

/* ── Scouting tab ──────────────────────────────────────────────────── */

/* Add-player row: compact single-line bar */
.hub-scout-add-row {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
  margin-bottom: .25rem;
}
.hub-scout-search {
  flex: 1 1 200px;
  min-width: 0;
}
.hub-scout-role-add {
  flex: 0 0 auto;
  min-width: 120px;
}
.hub-scout-add-btn {
  flex: 0 0 auto;
  white-space: nowrap;
}
/* Search results dropdown sits below the add row */
.hub-scout-search-results {
  width: 100%;
}

/* Filter chips bar */
.hub-scout-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.hub-scout-filter-chip {
  cursor: pointer;
  transition: background .15s, color .15s;
  user-select: none;
}
.hub-scout-filter-chip.active {
  background: rgba(106,167,255,.25);
  color: #e8f0ff;
  border-color: rgba(106,167,255,.5);
}

/* Table */
.hub-scout-table-wrap {
  margin-top: .5rem;
}
.hub-scout-table td {
  vertical-align: middle;
}
/* Scouting team cells */
.hub-scout-team-cell {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .3rem;
}
.hub-scout-colosseum-cell {
  min-width: 9rem;
}
.hub-scout-ios-team {
  color: #c8d8ef;
  font-size: .875rem;
}
.hub-scout-col-team {
  display: inline-block;
  padding: .1rem .4rem;
  border-radius: 6px;
  background: rgba(56,220,130,.15);
  color: #38dc82;
  font-size: .75rem;
  font-weight: 600;
  border: 1px solid rgba(56,220,130,.25);
  white-space: nowrap;
}
.hub-scout-drag-th,
.hub-scout-drag-handle {
  width: 28px;
  text-align: center;
  color: #4a6080;
  cursor: grab;
  font-size: 1.1rem;
  user-select: none;
}
.hub-scout-dragging {
  opacity: .45;
}
.hub-scout-drag-over td {
  border-top: 2px solid #6aa7ff !important;
}

/* Free-agent badge */
.hub-scout-fa {
  display: inline-block;
  font-size: .8rem;
  color: #9fb5d3;
  font-style: italic;
}
/* Wanted + free agent → glowing red */
.hub-scout-fa-wanted {
  display: inline-block;
  font-size: .8rem;
  font-weight: 700;
  color: #ff4444;
  text-shadow: 0 0 6px rgba(255,68,68,.8), 0 0 14px rgba(255,68,68,.5);
  animation: scout-fa-pulse 2s ease-in-out infinite;
}
@keyframes scout-fa-pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: .65; }
}
/* Row highlight for Wanted + free agent */
.hub-scout-row-wanted-fa td {
  background: rgba(255,68,68,.06);
}
.hub-scout-row-wanted-fa:hover td {
  background: rgba(255,68,68,.12);
}
/* Avatar placeholder initial letter */
.hub-avatar-init {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(106,167,255,.2);
  color: #6aa7ff;
  font-size: .75rem;
  font-weight: 700;
  vertical-align: middle;
}