/* Scoped to the active player view: native workspace tabs retain their DOM and rules. */
html.swe-player-home-active body{background:#f1f6fd!important;color:#102344}
html.swe-player-home-active .app{width:min(1220px,calc(100% - 36px))!important;max-width:1220px!important;padding:14px 0 30px!important;margin:0 auto!important}
html.swe-player-home-active #main>.top,html.swe-player-home-active .tabs{display:none!important}
html.swe-player-home-active #view-myplayer.active{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
html.swe-player-home-active #myPlayerDashboard:not(.hidden),html.swe-player-home-active #view-myplayer .player-hub-grid{display:contents!important}
html.swe-player-home-active #view-myplayer [data-player-sections]{order:var(--player-order,0);grid-column:1/-1;min-width:0;margin:0!important}
html.swe-player-home-active #view-myplayer[data-player-panel=home] .swe-player-half{grid-column:auto}
html.swe-player-home-active #view-myplayer .swe-player-filtered,html.swe-player-home-active #swe4350LaunchCard{display:none!important}
html.swe-player-home-active #view-myplayer .card{padding:18px!important;border:1px solid #d5e5fb!important;border-radius:16px!important;box-shadow:0 5px 20px #16366806!important;min-width:0}
html.swe-player-home-active #view-myplayer .sectiontitle{font-size:18px;color:#102344;margin:0 0 12px}
html.swe-player-home-active #view-myplayer .muted{font-size:12px;line-height:1.5;color:#526b88}
#swePlayerHeader{order:-100;grid-column:1/-1;display:flex;align-items:center;gap:20px;background:white;border:1px solid #d5e5fb;border-radius:16px;padding:10px 18px;position:relative;z-index:20;min-width:0}
#swePlayerHeader .swe-player-brand{display:flex;align-items:center;gap:9px;color:#102344;text-decoration:none;font-size:11px;font-weight:700;max-width:155px}
#swePlayerHeader .swe-player-brand img{width:64px;height:70px;object-fit:contain;flex:none}
#swePlayerNav{display:flex;flex:1;align-items:center;gap:4px;justify-content:center}
#swePlayerNav button{background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;color:#344d6e!important;white-space:nowrap;font-size:12px;font-weight:750;padding:17px 9px!important;min-height:44px}
#swePlayerNav button[aria-current=page]{border-bottom-color:#2167ea!important;color:#1357d9!important}
#swePlayerAccount{position:relative;margin-left:auto;flex:none}
#swePlayerAccountToggle{display:flex!important;align-items:center;gap:8px;cursor:pointer;min-height:44px!important;padding:4px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:12px!important;font-weight:750;color:#102344!important;position:relative;z-index:2}
#swePlayerAvatar{width:36px;height:36px;background:linear-gradient(140deg,#14346a,#1676ce);border-radius:50%;display:grid;place-items:center;color:white}
#swePlayerAccount .swe-player-account-menu{position:absolute;top:calc(100% + 12px);right:0;width:min(280px,80vw);padding:10px;background:white;border:1px solid #d5e5fb;border-radius:14px;box-shadow:0 12px 32px #10234430;max-height:65vh;overflow:auto}
#swePlayerAccount .swe-player-account-menu button{display:block;width:100%;text-align:left;background:white!important;color:#102344!important;border:0!important;border-radius:9px!important;box-shadow:none!important;padding:12px!important;font-size:13px!important;cursor:pointer;min-height:44px}
#swePlayerAccount .swe-player-account-menu button:hover{background:#edf5ff!important}
#swePlayerProfiles{padding-left:10px;border-left:2px solid #dfebff}
#swePlayerProfiles small{display:block;padding:8px;color:#526b88;line-height:1.4}
#swePlayerLogout{border-top:1px solid #e0e9f5!important}
#swePlayerQuick{position:relative;overflow:hidden;background:linear-gradient(115deg,#102344,#174dd0 75%,#087eaf);color:white;border-radius:18px;padding:28px}
#swePlayerQuick:after{content:'';position:absolute;right:-60px;top:-80px;width:300px;height:300px;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff06;pointer-events:none}
#swePlayerQuick h2{color:#fff;font-size:clamp(25px,3.2vw,38px);line-height:1.15;letter-spacing:-.025em;margin:9px 0}
#swePlayerQuick p{margin:0 0 18px;color:#e2eeff;font-size:15px}
#swePlayerQuick small{display:block;margin-top:14px;color:#dceaff;font-size:11px}
.swe-player-kicker{font-size:10px;font-weight:850;letter-spacing:.07em;color:#f8d15b}
.swe-player-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#swePlayerQuick button,#swePlayerCommercial button{border-radius:10px;border:0;min-height:44px;padding:12px 18px;font-size:13px;font-weight:800;background:#fff;color:#102344;position:relative;z-index:1}
#swePlayerQuick #swePlayerCreateQuick,#swePlayerCommercial button{background:linear-gradient(120deg,#ffdc62,#f5bd26);color:#142546}
.swe-player-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.swe-player-section-head h2{font-size:18px;margin:0;color:#102344}
#swePlayerMine .swe-player-section-head button,.swe-player-more{background:transparent!important;border:0!important;box-shadow:none!important;color:#165fe6!important;font-size:12px!important;padding:4px 0!important;min-height:30px}
.swe-player-more{float:right;margin-top:-36px}
html.swe-player-home-active #myPlayerStats{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:8px!important}
html.swe-player-home-active #view-myplayer[data-player-panel=home] #myPlayerStats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html.swe-player-home-active #view-myplayer[data-player-panel=home] [data-player-metric=detail]{display:none!important}
html.swe-player-home-active #myPlayerStats>div{padding:11px 6px!important;border:0!important;border-radius:11px!important;background:#e9f3ff!important;color:#164998!important;min-height:70px}
html.swe-player-home-active #myPlayerStats>div:nth-child(4n){background:#fff5d9!important;color:#986609!important}
html.swe-player-home-active #myPlayerStats>div:nth-child(6){background:#e5f8ef!important;color:#086b4d!important}
html.swe-player-home-active #myPlayerStats>div:nth-child(7){background:#f0eaff!important;color:#6b36b1!important}
html.swe-player-home-active #myPlayerStats b{font-size:22px;color:inherit!important}
html.swe-player-home-active #myPlayerStats small{font-size:11px;color:inherit!important}
html.swe-player-home-active #view-myplayer[data-player-panel=home] #swe4338StatsScope{max-width:180px!important;min-width:120px!important;font-size:11px}
html.swe-player-home-active .swe4338-stats-head{padding-right:70px}
#swePlayerCardShortcut{margin-left:auto!important;background:linear-gradient(120deg,#ffdc62,#f5bd26)!important;color:#142546!important;border:0!important;border-radius:10px!important;font-weight:850!important;min-height:40px!important;padding:9px 14px!important;white-space:nowrap}
#swePlayerMine .swe-player-actions{margin-top:12px}
#swePlayerMine .swe-player-actions button{font-size:12px;padding:9px;background:#f0f6ff;color:#155cc3;border-color:#d0e1fb;border-radius:10px;min-height:40px}
#swePlayerMine #swePlayerManage{background:linear-gradient(120deg,#ffdc62,#f5bd26)!important;color:#142546!important;border:0!important;font-weight:850!important;padding:10px 16px!important}
.swe-player-match{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dfebfa;background:#fbfdff;border-radius:11px;padding:12px;margin:8px 0;font-size:13px}
.swe-player-match>div{min-width:0;overflow-wrap:anywhere}
.swe-player-pill{background:#e3f4ff;color:#1264a5;font-weight:750;padding:6px 9px;border-radius:9px;font-size:11px;white-space:nowrap}
.swe-player-small-title{font-size:13px;margin-top:16px}
html.swe-player-home-active #view-myplayer[data-player-panel=home] #myPlayerMySwes>.player:nth-child(n+3),html.swe-player-home-active #view-myplayer[data-player-panel=home] #myPlayerOpportunities>.player:nth-child(n+3){display:none}
html.swe-player-home-active #myPlayerOpportunities{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html.swe-player-home-active #myPlayerOpportunities .player{padding:14px;background:#f8fbff;border:1px solid #dfeafa}
html.swe-player-home-active #myPlayerOpportunities h3{font-size:15px;margin:8px 0}
html.swe-player-home-active #myPlayerOpportunities .primary{background:linear-gradient(120deg,#2168eb,#0499bf);color:white}
#swePlayerCommercial{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#102344;border-radius:16px;padding:22px 26px;color:white}
#swePlayerCommercial h2{font-size:20px;color:white;margin:7px 0}
#swePlayerCommercial p{font-size:13px;color:#d7e4f6;margin:0}
html.swe-player-home-active #inviteBox{border:1px solid #d5e5fb!important}
html.swe-player-home-active #inviteBox button,html.swe-player-home-active #inviteBox summary{position:relative;z-index:2;pointer-events:auto!important}
html.swe-player-home-active #inviteBox .primary,html.swe-player-home-active #inviteBox .swe-invite-action{background:linear-gradient(120deg,#16834f,#20a566)!important;color:#fff!important;border-color:#16834f!important}
#swePlayerInviteRefresh{float:right;margin-top:-38px!important;min-height:34px!important;padding:7px 10px!important;background:#eef5ff!important;color:#155cc3!important;border-color:#d0e1fb!important;font-size:11px!important}
html.swe-player-home-active #swePlayerHeader button:focus-visible,html.swe-player-home-active #view-myplayer summary:focus-visible{outline:3px solid #327aff;outline-offset:2px}
html.swe-organizer-setup-active #view-myplayer,html.swe-organizer-setup-active #swePlayerHeader{display:none!important}
html.swe-organizer-setup-active #main{display:block!important}
html.swe-organizer-setup-active #workspaceSetup{display:block!important;max-width:960px;margin:0 auto!important;position:relative;z-index:30}
html.swe-organizer-setup-active .app{width:min(1000px,calc(100% - 28px))!important;padding-left:0!important;padding-right:0!important}
#swePlayerOfferBack{margin:0 0 14px!important;background:#eef5ff!important;color:#154d9e!important;border:1px solid #c9ddfa!important;font-weight:800!important}
@media(max-width:1050px){#swePlayerHeader{flex-wrap:wrap;gap:5px 12px}#swePlayerNav{order:3;flex-basis:100%;justify-content:space-between}#swePlayerHeader .swe-player-brand{max-width:none}}
@media(max-width:760px){
 html.swe-player-home-active .app{width:calc(100% - 24px)!important;padding:10px 0 86px!important}
 html.swe-player-home-active #view-myplayer.active{grid-template-columns:minmax(0,1fr);gap:12px}
 #swePlayerHeader{padding:8px 12px;border-radius:13px}
 #swePlayerHeader .swe-player-brand img{width:44px;height:52px}
 #swePlayerHeader .swe-player-brand span{font-size:10px;max-width:68px}
 #swePlayerName{display:none}
 #swePlayerNav{position:fixed;bottom:0;left:0;right:0;z-index:80;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:5px 4px max(8px,env(safe-area-inset-bottom));background:#fff;box-shadow:0 -4px 20px #10234412;border-top:1px solid #d5e5fb}
 #swePlayerNav button{white-space:normal;font-size:10px;padding:10px 2px!important;min-height:52px}
 #swePlayerNav button:before{display:block;font-size:19px;margin-bottom:4px;content:'⌂'}
 #swePlayerNav button:nth-child(2):before{content:'▣'}#swePlayerNav button:nth-child(3):before{content:'⚽'}#swePlayerNav button:nth-child(4):before{content:'▥'}#swePlayerNav button:nth-child(5):before{content:'♙'}
 #swePlayerQuick{padding:22px 18px}
 #swePlayerQuick .swe-player-actions{display:grid}
 html.swe-player-home-active #myPlayerStats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 html.swe-player-home-active #view-myplayer .card{padding:14px!important}
 html.swe-player-home-active #view-myplayer .sectiontitle{font-size:16px}
 html.swe-player-home-active #myPlayerOpportunities{grid-template-columns:minmax(0,1fr)}
 #swePlayerCommercial{padding:20px;flex-direction:column;align-items:stretch}
 #swePlayerCommercial h2{font-size:18px}
}

/* Organizer setup from player space: avoid desktop columns overflowing narrow windows. */
html.swe-organizer-setup-active,
html.swe-organizer-setup-active body{max-width:100%;overflow-x:clip}
html.swe-organizer-setup-active .app,
html.swe-organizer-setup-active #main,
html.swe-organizer-setup-active #workspaceSetup{
 box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
}
html.swe-organizer-setup-active .app{width:min(1100px,calc(100% - 24px))!important;margin-inline:auto!important}
html.swe-organizer-setup-active #workspaceSetup{width:100%!important}
html.swe-organizer-setup-active #workspaceSetup input,
html.swe-organizer-setup-active #workspaceSetup select,
html.swe-organizer-setup-active #workspaceSetup textarea{box-sizing:border-box!important;max-width:100%!important;min-width:0!important}
@media(max-width:900px){
 html.swe-organizer-setup-active .app{width:calc(100% - 20px)!important;margin:0 auto!important}
 html.swe-organizer-setup-active #main{width:100%!important;margin:0!important;padding:0!important}
 html.swe-organizer-setup-active #workspaceSetup{padding:clamp(14px,3vw,22px)!important;margin:10px auto!important}
 html.swe-organizer-setup-active #workspaceSetup .grid,
 html.swe-organizer-setup-active #workspaceSetup .grid.g2,
 html.swe-organizer-setup-active #workspaceSetup .organizer-type-grid{grid-template-columns:minmax(0,1fr)!important}
 html.swe-organizer-setup-active #workspaceSetup .grid>*, 
 html.swe-organizer-setup-active #workspaceSetup label{min-width:0!important;max-width:100%!important}
 html.swe-organizer-setup-active #workspaceSetup .row{flex-wrap:wrap!important}
}

/* Notification dashboard shared between personal and organizer spaces. */
#sweOrganizerNotificationsV54{background:linear-gradient(135deg,#fff,#f0f7ff)!important;border:1px solid #d5e5fb!important;border-radius:20px!important;box-shadow:0 9px 27px rgba(15,51,100,.09)!important;padding:clamp(18px,3vw,26px)!important;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:16px 0!important;min-width:0}
#sweOrganizerNotificationsV54 h2{font-size:clamp(18px,2.2vw,24px)!important;line-height:1.3;margin:0!important;color:#0b2d54!important}
#sweOrganizerNotificationsV54 #sweEnableNotificationsV54{border:1px solid #afcdf6!important;border-radius:12px!important;background:#eaf3ff!important;color:#115da8!important;font-weight:800!important;padding:11px 14px!important;max-width:100%;cursor:pointer}
#sweOrganizerNotificationsV54 #sweOrganizerNotificationsListV54,#sweOrganizerNotificationsV54 #sweHomeLateWithdrawalsV1{grid-column:1/-1;min-width:0;color:#375778!important;font-size:14px}
#sweOrganizerNotificationsV54 #sweHomeLateWithdrawalsV1:not(:empty){padding:12px 16px;border:1px solid #ffdb9b;border-radius:12px;background:#fff8e9;color:#8e440e!important}
#sweOrganizerNotificationsV54 #sweHomeLateWithdrawalsV1 p{margin:5px 0}
@media(max-width:640px){#sweOrganizerNotificationsV54{grid-template-columns:minmax(0,1fr)}#sweOrganizerNotificationsV54 #sweEnableNotificationsV54{width:100%}}

/* SWÉ player home 2026 — compact premium dashboard, mobile-first. */
html.swe-player-home-active #swePlayerQuick{background:linear-gradient(115deg,#102e56 0%,#1567b5 65%,#00abc5 100%)!important;color:white!important;border-radius:24px!important;padding:clamp(22px,4vw,42px)!important;box-shadow:0 18px 45px rgba(11,52,108,.17)!important}
html.swe-player-home-active #swePlayerQuick h2{color:#fff!important;letter-spacing:-.03em;font-size:clamp(26px,3.4vw,42px)}
html.swe-player-home-active #swePlayerQuick p,html.swe-player-home-active #swePlayerQuick small{color:#e8f5ff!important}
#swePlayerHomeOverview{background:#fff!important;border-radius:20px!important;box-shadow:0 8px 26px rgba(10,49,105,.07)!important}
#swePlayerHomeOverview .swe-dashboard-kicker{font-size:11px;letter-spacing:.13em;color:#3773aa;font-weight:850}
#swePlayerHomeOverview h2{font-size:clamp(20px,2.6vw,27px);color:#132f54;margin:8px 0 19px}
#swePlayerHomeOverview .swe-dashboard-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
#swePlayerHomeOverview .swe-dashboard-actions button{min-width:0;padding:17px 12px;background:#eff6ff!important;color:#174a80!important;border:1px solid #d7e6fa!important;border-radius:14px!important;font-weight:800!important;min-height:68px;cursor:pointer;box-shadow:none!important}
#swePlayerHomeOverview .swe-dashboard-actions button:hover{background:#dfeeff!important;border-color:#91bdeb!important}
#swePlayerMine,#sweIndependentDiscovery{border-radius:20px!important}
@media(max-width:800px){#swePlayerHomeOverview .swe-dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))}#swePlayerHomeOverview .swe-dashboard-actions button{min-height:76px;font-size:13px} }
@media(max-width:420px){#swePlayerHomeOverview .swe-dashboard-actions{gap:8px}#swePlayerHomeOverview .swe-dashboard-actions button{padding:12px 7px}}

/* Notification history: actual messages, not just permission status. */
#sweOrganizerNotificationsV54 #sweOrganizerNotificationsListV54{display:grid;gap:9px;max-height:390px;overflow:auto;padding:3px 2px}
#sweOrganizerNotificationsV54 .swe-notification-entry{display:flex;flex-direction:column;gap:5px;margin:0!important;padding:12px 15px;background:#fff;border:1px solid #dce8f8;border-left:4px solid #1d8bd1;border-radius:12px;line-height:1.45}
#sweOrganizerNotificationsV54 .swe-notification-entry strong{font-size:14px;color:#123b62}
#sweOrganizerNotificationsV54 .swe-notification-entry span{font-size:13px;color:#526782;overflow-wrap:anywhere}

/* V55.1 — a single player navigation. Mobile presents five primary destinations,
   with Inscriptions accessible from the dashboard and Organiser from the hero. */
html.swe-player-home-active #sweSpaceBar,
body.swe-player-space #sweSpaceBar{display:none!important}
@media(max-width:760px){
 html.swe-player-home-active #swePlayerHeader #swePlayerNav{
   display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
   gap:0;justify-content:stretch;min-width:0;
 }
 html.swe-player-home-active #swePlayerHeader #swePlayerNav button[data-player-panel="organizer"]{display:none!important}
 html.swe-player-home-active #swePlayerHeader #swePlayerNav button{min-width:0;font-size:10px;line-height:1.25}
 html.swe-player-home-active #swePlayerHeader #swePlayerNav button:before{content:'·'}
 html.swe-player-home-active #swePlayerHeader #swePlayerNav button[data-player-panel="home"]:before{content:'⌂'}
 html.swe-player-home-active #swePlayerHeader #swePlayerNav button[data-player-panel="mine"]:before{content:'⚽'}
 html.swe-player-home-active #swePlayerHeader #swePlayerNav button[data-player-panel="stats"]:before{content:'▥'}
 html.swe-player-home-active #swePlayerHeader #swePlayerNav button[data-player-panel="group"]:before{content:'♙'}
 html.swe-player-home-active #swePlayerHeader #swePlayerNav button[data-player-panel="profile"]:before{content:'◉'}
}
/* Player SWÉ layout: independent notifications card, with no title/button overlap. */
html.swe-player-home-active #view-myplayer #sweOrganizerNotificationsV54{
 box-sizing:border-box!important;display:grid!important;
 grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;
 gap:12px!important;margin:0!important;min-width:0!important;
}
html.swe-player-home-active #view-myplayer #sweOrganizerNotificationsV54 h2{
 min-width:0!important;max-width:100%;overflow-wrap:anywhere;
}
html.swe-player-home-active #view-myplayer #sweEnableNotificationsV54{
 box-sizing:border-box!important;display:block!important;position:static!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 white-space:normal!important;overflow-wrap:anywhere;text-align:center;
 grid-column:1!important;margin:0!important;
}
html.swe-player-home-active #view-myplayer #sweOrganizerNotificationsListV54{
 grid-column:1!important;overflow-wrap:anywhere;
}

/* Unified player panel: a single card for registrations and created SWÉs. */
html.swe-player-home-active #view-myplayer #swePlayerMine.swe-player-created-block{
  display:block;min-width:0;margin:18px 0 0;padding:16px 0 0;
  border-top:1px solid #dde8f6;background:transparent;box-shadow:none;
}
html.swe-player-home-active #view-myplayer #swePlayerMine.swe-player-filtered{display:none!important}
html.swe-player-home-active #view-myplayer #swePlayerMine .swe-player-section-head h3{
  margin:0;font-size:16px;color:#173657;
}
