/* Warrior Hub V4.0.1 — UI polish and responsive fixes */
:root{--sidebar:282px;--content-max:1480px;--soft:#fbf8f6;--soft2:#f4eeeb;--line-strong:#ddcec7;--gold-soft:#f7ebcb}
html,body{max-width:100%;overflow-x:hidden}body{background:#f8f5f3}.ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.button .ui-icon{width:16px;height:16px}.empty-icon{width:34px;height:34px;color:var(--claret);margin-bottom:.35rem}.metric-icon{width:22px!important;height:22px!important;padding:0!important;background:transparent!important}
/* public shell */
.public-header.v4{height:76px;padding:0 clamp(1rem,4vw,4.5rem);background:rgba(18,7,11,.98);border:0;color:#fff}.public-header.v4 .brand img{width:48px;height:48px}.public-header.v4 .brand strong{font-family:Inter,system-ui,sans-serif;font-size:1rem}.public-header.v4 .brand small{color:#d6c6cc;font-size:.68rem}.public-header.v4 .public-nav{gap:1rem;font-size:.82rem}.public-header.v4 .public-nav>a:not(.button){color:#f7f2f4}.public-header.v4 .public-nav>a:not(.button):hover{color:var(--gold2)}
.hero-v4{min-height:min(720px,calc(100vh - 76px));max-height:800px;padding:clamp(2.5rem,6vw,6.5rem);align-items:center}.hero-photo{object-position:center 40%}.hero-copy{width:min(760px,62%);padding-top:2rem}.hero-copy h1{font-size:clamp(3.8rem,6.5vw,6.8rem);line-height:.88;letter-spacing:-.045em}.hero-side-card{right:4.5%;bottom:6%;width:230px}.hero-side-card img{width:84px;height:84px;object-fit:contain}.public-stat-strip{padding:.8rem clamp(1rem,5vw,5rem)}.public-stat-strip article{min-width:0}.public-stat-strip strong a{color:#fff}.section{padding:clamp(3.5rem,6vw,6rem) clamp(1rem,5.2vw,5.5rem)}.section-head{max-width:var(--content-max);margin-left:auto;margin-right:auto}.news-grid-public,.fixture-grid,.public-squad-grid,.gallery-grid,.sponsor-grid,.shop-grid{max-width:var(--content-max);margin-left:auto;margin-right:auto}.news-grid-public{grid-template-columns:repeat(3,minmax(0,1fr))}.news-grid-public article{min-width:0}.news-grid-public article img{height:220px}.fixture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-squad-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-grid{grid-template-columns:2fr repeat(2,minmax(0,1fr));grid-auto-rows:215px}.sponsor-grid,.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-placeholder{height:250px}.shop-placeholder img{width:96px!important;height:96px!important;object-fit:contain!important}.empty-public{max-width:620px;margin:0 auto;padding:3rem 1rem!important}.empty-public img{width:96px!important;height:96px!important;object-fit:contain!important}.shop-coming{display:grid;justify-items:center;gap:.65rem}.shop-coming-icon{width:92px;height:92px;border-radius:24px;background:linear-gradient(145deg,var(--wine),var(--claret));color:var(--gold2);display:grid;place-items:center;font-family:Georgia,serif;font-size:1.8rem;font-weight:800;box-shadow:var(--shadow)}.shop-coming h3{font-family:Georgia,serif;font-size:2rem;margin:.2rem 0}.shop-coming span{font-size:.72rem;letter-spacing:.12em;color:var(--claret);font-weight:900}.memorial-section{min-height:460px;padding:4.5rem clamp(1rem,7vw,8rem);grid-template-columns:minmax(0,1fr) 300px}.memorial-section>img{width:220px!important;height:220px!important;object-fit:contain!important}.memorial-bg{font-size:25rem;line-height:1}.join-v4{padding:clamp(3.5rem,6vw,6rem) clamp(1rem,5.2vw,5.5rem);align-items:center}.join-form{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:1rem}.join-form input,.join-form select,.join-form textarea{background:#fff;color:#1b1216;border:1px solid #ead9df;min-height:46px}.join-form input::placeholder,.join-form textarea::placeholder{color:#85777d}.join-form input:focus,.join-form select:focus,.join-form textarea:focus{outline:3px solid rgba(214,170,70,.28);border-color:var(--gold)}
/* hub frame */
.hub-shell{grid-template-columns:var(--sidebar) minmax(0,1fr)}.hub-sidebar{width:var(--sidebar);padding:1rem .9rem}.hub-logo{grid-template-columns:52px minmax(0,1fr) auto;gap:.7rem;padding:.45rem .4rem 1rem}.hub-logo span{min-width:0}.hub-logo strong{font-family:Inter,system-ui,sans-serif;font-size:1rem;white-space:nowrap}.hub-logo small{font-size:.72rem;white-space:nowrap}.hub-logo em{grid-column:3;grid-row:1/3;align-self:center}.hub-sidebar nav a{font-size:.84rem;padding:.72rem .75rem;gap:.72rem}.hub-sidebar nav a .ui-icon{width:18px;height:18px;color:#ead8df}.hub-sidebar nav a.active .ui-icon{color:#fff}.sidebar-foot a,.sidebar-button{display:flex;align-items:center;gap:.55rem}.sidebar-foot .ui-icon{width:17px;height:17px}.hub-main{grid-column:2}.hub-topbar{height:74px;padding:0 1.5rem;box-shadow:0 1px 0 rgba(43,20,28,.02)}.top-motto{font-size:.9rem;white-space:nowrap}.top-search{width:min(430px,34vw);height:42px;border-color:#e3d7d2;background:#fcfaf9;gap:.5rem}.top-search .ui-icon{width:17px;height:17px;color:#8e7e84}.top-search input{font-size:.84rem}.top-alert{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#4a3e43}.top-alert:hover{background:#f4ecef;color:var(--claret)}.top-alert .ui-icon{width:20px;height:20px}.user-menu{margin-left:.2rem}.user-menu>span strong{font-size:.84rem}.user-menu>span small{font-size:.67rem}.user-menu details summary{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.user-menu details summary:hover{background:#f4ecef}.user-menu details summary .ui-icon{width:17px;height:17px}.hub-content{padding:2.6rem clamp(1rem,3.5vw,3.5rem) 5.5rem;max-width:var(--content-max);width:100%}.page-title{margin-bottom:1.7rem;max-width:1050px}.page-title h1{font-size:clamp(2.65rem,4.6vw,4.25rem);letter-spacing:-.035em}.page-title p{font-size:.97rem;line-height:1.5}.eyebrow{font-size:.68rem}
/* cards and empty states */
.panel,.admin-form,.event-card,.fixture-card-v4,.fee-card,.document-card,.notification,.account-card,.enquiry-card,.member-card,.application-card,.payment-provider,.table-wrap{box-shadow:0 8px 28px rgba(39,17,26,.045)}.admin-form{overflow:hidden}.admin-form>summary{min-height:56px;display:flex;align-items:center;gap:.25rem}.admin-form>summary::-webkit-details-marker{display:none}.admin-form>summary::after{content:'+';margin-left:auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f7ecef;color:var(--claret);font-size:1.1rem}.admin-form[open]>summary::after{content:'−'}.empty-state{display:flex!important;min-height:210px!important;border:1px dashed #d8c6cd!important;background:linear-gradient(145deg,#fff,#fcf8f7)!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem!important;gap:.45rem!important;box-shadow:none!important}.empty-state b{font-family:Georgia,serif;font-size:1.35rem}.empty-state span{max-width:430px;line-height:1.5}.empty-state .button{margin-top:.45rem}.event-list,.fixture-list-v4,.fees-cards,.document-grid,.notification-list,.communication-feed,.account-grid,.enquiry-grid,.application-grid{gap:1rem}.event-card{grid-template-columns:86px minmax(0,1fr);padding:1.15rem}.event-date{min-height:92px}.event-head small{color:var(--muted)}.fixture-card-v4{grid-template-columns:82px minmax(0,1fr) auto;padding:1.15rem}.fixture-datebox{height:78px}.fixture-info h2{font-size:1.48rem}.fixture-actions .status{justify-self:end}.payment-provider{padding:1.15rem}.pay-brands{background:#f8f5f3;border:1px solid var(--line);border-radius:10px;padding:.55rem .8rem}.fee-card{padding:1rem 1.1rem}.document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-card{min-height:128px}.notification-list{max-width:1100px}.notification{min-height:106px}.notification-icon{color:var(--claret)}
/* account/admin */
.account-grid{grid-template-columns:1fr}.account-card{grid-template-columns:58px minmax(0,1fr) auto;padding:1.15rem 1.2rem}.account-card .avatar.big{width:52px;height:52px;background:linear-gradient(145deg,var(--claret),#2b0c17);box-shadow:0 5px 15px rgba(116,24,51,.18)}.account-card>div:nth-child(2)>span{display:inline-flex;background:#f4e8ec;padding:.3rem .5rem;border-radius:999px;letter-spacing:.06em}.account-card h3{font-size:1.05rem;margin:.45rem 0 .12rem}.account-status{min-width:170px}.account-status .button{width:100%}.enquiry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.enquiry-card{padding:1.2rem;min-height:165px}.cms-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.cms-grid .admin-form:first-child{grid-column:1/-1}.cms-summary{margin-top:1rem}.cms-summary .panel{min-height:150px}.simple-row strong{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-grid input[type=file]{padding:.55rem;background:#fbf8f7}.form-grid button{justify-self:start}.facebook-hub{box-shadow:0 10px 30px rgba(16,29,64,.12)}
/* dashboards */
.metric-grid.v4 article{min-width:0}.metric-grid.v4 article .metric-icon{width:42px!important;height:42px!important;padding:10px!important;border-radius:13px!important}.metric-grid.v4 article.rose .metric-icon{background:#f7e7ec!important;color:var(--claret)}.metric-grid.v4 article.gold .metric-icon{background:#faf0d9!important;color:#9b6e12}.metric-grid.v4 article.green .metric-icon{background:#e8f6eb!important;color:var(--green)}.metric-grid.v4 article.blue .metric-icon{background:#e8f1fb!important;color:var(--blue)}.dashboard-grid-v4{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(250px,.65fr)}.dashboard-mini-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.news-row{grid-template-columns:190px minmax(0,1fr)}.news-row img{width:190px;height:152px}.quick-actions>a{background:#fff}.quick-actions>a:hover{background:#fff9fb;transform:translateY(-1px)}
/* workflow */
.workflow-legend{position:relative;gap:.55rem}.workflow-legend>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.8rem .55rem;min-height:84px}.workflow-legend>div b{box-shadow:0 0 0 4px #f4eaed}.workflow-legend>div.active{border-color:#bf8c9d;background:#fff9fb}.application-card{padding:1.15rem}.sensitive-grid{border:1px solid var(--line)}
/* mobile nav hidden on desktop, always */
.mobile-bottom-nav{display:none!important}
/* responsive */
@media(max-width:1200px){:root{--sidebar:258px}.dashboard-grid-v4{grid-template-columns:1fr 1fr}.quick-actions{grid-column:1/-1}.dashboard-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-squad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.document-grid{grid-template-columns:1fr}.hero-copy{width:min(760px,72%)}}
@media(max-width:900px){body{overflow-x:hidden}.public-header.v4{height:70px}.public-nav{top:70px;background:#16090e!important;color:#fff}.public-nav a{color:#fff!important}.hero-v4{min-height:590px;max-height:none;padding:3rem 1.3rem}.hero-copy{width:100%}.hero-copy h1{font-size:clamp(3.4rem,11vw,5rem)}.public-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.news-grid-public,.sponsor-grid,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-squad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-shell{grid-template-columns:1fr}.hub-sidebar{width:min(310px,88vw);transform:translateX(-102%)}.hub-main{grid-column:1}.hub-content{max-width:100%}.top-search{width:min(360px,42vw)}.dashboard-grid-v4{grid-template-columns:1fr}.dashboard-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-grid,.leaderboard-grid,.cms-summary,.enquiry-grid,.cms-grid{grid-template-columns:1fr}.cms-grid .admin-form:first-child{grid-column:auto}.memorial-section{grid-template-columns:1fr}.memorial-section>img{display:none}.join-v4{grid-template-columns:1fr}.account-card{grid-template-columns:52px minmax(0,1fr)}.account-status{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch}.account-status .status-chip{grid-column:1/-1;width:max-content}.document-grid{grid-template-columns:1fr}}
@media(max-width:650px){body{padding-bottom:72px}.public-header.v4{padding:0 .85rem}.public-header.v4 .brand img{width:42px;height:42px}.hero-v4{min-height:520px}.hero-copy h1{font-size:3.25rem}.hero-copy p{font-size:1rem}.public-stat-strip{grid-template-columns:1fr}.news-grid-public,.fixture-grid,.public-squad-grid,.sponsor-grid,.shop-grid,.gallery-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.section-head h2{font-size:2.65rem}.gallery-grid{grid-auto-rows:220px}.memorial-section{padding:3.5rem 1rem;min-height:430px}.memorial-section h2{font-size:2.7rem}.join-v4{padding:3rem 1rem}.join-v4 h2{font-size:2.55rem}.hub-topbar{height:64px;padding:0 .75rem}.top-search{display:none}.hub-content{padding:1.35rem .8rem 5.5rem}.page-title h1{font-size:2.55rem}.page-title p{font-size:.9rem}.metric-grid{grid-template-columns:1fr}.dashboard-mini-grid{grid-template-columns:1fr}.news-row{grid-template-columns:1fr}.news-row img{width:100%;height:180px}.event-card{grid-template-columns:1fr}.fixture-card-v4{grid-template-columns:64px minmax(0,1fr)}.fixture-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.payment-provider{align-items:flex-start;flex-direction:column}.pay-brands{width:100%;justify-content:center}.account-card{grid-template-columns:48px minmax(0,1fr);padding:1rem}.account-status{grid-template-columns:1fr}.enquiry-grid{grid-template-columns:1fr}.document-card,.notification{grid-template-columns:44px minmax(0,1fr)}.doc-actions,.notification form{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.mobile-bottom-nav{display:grid!important;position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(255,255,255,.98);backdrop-filter:blur(10px);border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 30px rgba(35,14,22,.08)}.mobile-bottom-nav a{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;font-size:.59rem;color:#6e6267;position:relative}.mobile-bottom-nav .ui-icon{width:19px;height:19px}.mobile-bottom-nav a.active{color:var(--claret);font-weight:900}.mobile-bottom-nav a b{position:absolute;top:5px;right:22%;background:var(--red);color:#fff;border-radius:50%;min-width:17px;height:17px;display:grid;place-items:center;font-size:.6rem}.user-menu>span{display:none}.avatar{width:34px;height:34px}.hero-side-card{display:none}}