/* TACTENIO navigation and premium catalogue. Loaded after legacy density rules. */
.app-header{grid-template-columns:210px minmax(0,1fr)!important;padding:12px 18px!important;gap:8px 20px!important;background:#10392d!important;border-bottom:1px solid #ae9458!important;box-shadow:0 8px 24px #051c2133!important}
.app-header .brand h1{font-size:20px!important;letter-spacing:2px}
.app-header .brand .eyebrow{font-size:12px!important;letter-spacing:1px}
.app-header .main-nav{display:flex!important;flex-wrap:wrap;gap:5px!important;justify-content:flex-start!important}
.app-header .main-nav .nav-button{flex:1 1 90px!important;min-height:48px!important;height:auto!important;padding:12px 10px!important;font-size:15px!important;line-height:1.4!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#dfece6!important;overflow:visible!important}
.app-header .main-nav .nav-button span{overflow:visible;white-space:normal;overflow-wrap:anywhere}
.app-header .main-nav .nav-picture{display:block!important;width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:50%;object-fit:cover;background:#f2f2f2;box-shadow:0 2px 8px #0003}
.app-header .main-nav .nav-button{flex-direction:column!important;gap:8px!important;padding:10px 6px!important;border-color:#ffffff16!important;background:#ffffff04!important}
.section-nav button{display:inline-flex;align-items:center;gap:8px}
.section-picture{width:26px;height:26px;border-radius:6px;object-fit:cover;flex:none}
.app-header .main-nav .nav-button:hover{background:#205341!important}
.app-header .main-nav .nav-button.active{background:#ead8a4!important;color:#163b2e!important;border-color:#ead8a4!important;box-shadow:0 3px 9px #061c2322}
.app-header .section-nav{gap:4px 10px!important;background:transparent!important;box-shadow:none!important;min-width:0}
.section-nav button{min-height:40px;padding:8px 12px!important;font-size:14px!important;line-height:1.4!important;border-radius:6px!important}
.section-nav button.active{background:#285c47!important;color:#fff!important}
.app-header button:focus-visible,.manager-sidebar button:focus-visible,.shop-product button:focus-visible{outline:3px solid #d7b663;outline-offset:3px}
.manager-sidebar{width:218px!important;padding:14px!important;gap:9px!important;background:#10392df5!important;border:1px solid #527564!important;border-radius:14px!important}
.manager-sidebar .manager-sidebar-club{padding:0 0 12px!important;border-bottom:1px solid #527564!important}
.manager-sidebar .manager-sidebar-club strong{font-size:18px!important;overflow-wrap:anywhere}
.manager-sidebar .manager-strip-item,.manager-sidebar .mailbox-button{grid-template-columns:1fr!important;padding:10px!important;background:#ffffff06!important;border-radius:8px!important}
.manager-sidebar .status-icon{display:block!important;width:34px!important;height:34px!important;border-radius:9px;object-fit:cover;padding:0!important}
.manager-sidebar .manager-strip-item,.manager-sidebar .mailbox-button{grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important}
.manager-sidebar .status-copy span,.manager-sidebar .points-content span{font-size:14px!important;color:#c6dacf!important}
.manager-sidebar .status-copy strong,.manager-sidebar .points-content strong,.manager-sidebar .mailbox-button>strong{font-size:18px!important;line-height:1.4}
.manager-sidebar .points-content small{font-size:12px!important}
.manager-sidebar #home-online-cup{position:static!important;border-radius:10px!important;padding:12px!important}
.manager-sidebar #home-online-cup button{min-height:40px!important;font-size:14px!important}
.view{margin-left:242px!important}
#view-home .home-section-title{background:#10392de8;padding:14px 18px;border-radius:10px;color:#fff!important}
#view-store .premium-lab{padding:22px!important}
.shop-section{margin:28px 0}
.shop-section>h3{font-size:20px!important;margin-bottom:14px;color:#193f30}
.shop-section .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.shop-section .shop-grid:has(.vip-offer){grid-template-columns:repeat(3,minmax(0,1fr))}
#view-store .shop-product{border-radius:16px!important;overflow:hidden;box-shadow:0 8px 24px #123b3010;gap:12px;border-color:#c5d5ca!important}
#view-store .shop-product.vip-offer,#view-store .shop-product.premium-offer{padding:0!important}
.premium-product-art{position:relative;min-height:240px;background:#10392d;isolation:isolate;overflow:hidden}
.premium-product-art img{display:block;width:100%;height:280px;object-fit:cover}
.premium-product-art h3{position:absolute;bottom:0;left:0;right:0;margin:0!important;padding:32px 20px 17px;background:linear-gradient(transparent,#10392df5 40%);color:#fff!important;font-size:22px!important;line-height:1.4}
.premium-product-art[data-product="gold-frame"] img{padding:0;object-position:center}
.vip-art{min-height:270px;background-image:linear-gradient(90deg,#061c26dd,#061c261a),url('assets/premium/vip-original.webp');background-position:center;background-size:cover}
.vip-offer[data-vip="1"]{border-top:4px solid #58b2ff!important}.vip-offer[data-vip="2"]{border-top:4px solid #b282ef!important}.vip-offer[data-vip="3"]{border-top:4px solid #dbb85c!important}
.vip-xp{font-size:42px;margin-top:48px}.vip-art h3{font-size:23px!important;text-shadow:0 2px 10px #000}
#view-store .premium-offer>.shop-facts,#view-store .premium-offer>p,#view-store .premium-offer>.shop-price,#view-store .premium-offer>.shop-state{margin:0 20px!important}
#view-store .shop-product p{font-size:16px!important;line-height:1.65!important;color:#355344!important}
.shop-facts{gap:7px}.shop-facts span{font-size:13px!important;padding:6px 9px;border-radius:6px}
#view-store .shop-price{padding-top:12px;border-top:1px solid #dbe4dc;flex-wrap:wrap}
#view-store .shop-price strong{font-size:25px!important}.shop-price small{font-size:13px!important}
.shop-state{font-size:14px!important;line-height:1.5}
#view-store .shop-product>button{width:calc(100% - 40px)!important;margin:6px 20px 20px!important;min-height:46px;font-size:14px!important;border-radius:9px;white-space:normal}
#view-store .shop-product>button:disabled{background:#e5ece7!important;color:#536559!important;opacity:1!important}
.coin-pack{padding:18px;gap:10px;border-radius:12px}.coin-pack strong{font-size:24px!important}.coin-pack button{min-height:44px;font-size:14px!important}
#view-club .staff-visual{background:#f2f2f2!important;border-radius:10px;overflow:hidden}
#view-club .staff-visual img{background:#f2f2f2!important;object-fit:contain!important}
@media(min-width:1151px){.manager-sidebar{top:calc(var(--online-height,38px) + 174px)!important;max-height:calc(100vh - var(--online-height,38px) - 188px)!important}}
@media(max-width:1150px){.app-header{grid-template-columns:1fr!important;position:static!important}.app-header .brand{grid-row:auto!important}.app-header .section-nav{grid-column:1!important}.manager-sidebar{position:static!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:auto!important;max-height:none!important;margin:14px!important;overflow:visible!important}.view{margin:0 8px!important}}
@media(max-width:650px){.app-header{padding:12px!important;gap:12px!important}.app-header .main-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}.app-header .main-nav .nav-button{min-height:48px!important;font-size:14px!important;padding:10px 4px!important}.app-header .main-nav .nav-button:last-child{grid-column:span 3}.manager-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px!important;gap:8px!important}.manager-sidebar-club,.manager-sidebar #home-online-cup{grid-column:1/-1}.manager-sidebar .status-copy strong{font-size:17px!important}#view-store .premium-lab{padding:12px!important}.shop-section .shop-grid,.coin-pack-list{grid-template-columns:1fr!important}}

/* Stronger typography and explicit active-menu contrast. */
body{font-weight:550}
.app-header .main-nav .nav-button span{font-weight:800!important;color:#edf7f1!important}
.app-header .main-nav .nav-button.active span{color:#173c2c!important;text-shadow:none!important}
.app-header #section-nav button{font-weight:750!important;line-height:1.5!important;min-height:46px;overflow:visible;align-items:center;padding:8px 12px!important}
.app-header #section-nav button span{color:#f1f8f3!important;font-weight:750!important}
.app-header #section-nav .section-picture{display:block!important;width:28px!important;height:28px!important;max-height:none!important;object-fit:contain!important;flex:0 0 28px;background:#f2f2f2;border-radius:7px;padding:2px}
.app-header #section-nav button.active{background:#32634b!important;box-shadow:inset 0 -3px #e6cd87!important}
.view :is(p,label,summary,input,select,td){font-weight:600}
.view :is(h2,h3,strong,b,th){font-weight:800}
.view :is(.academy-row,.academy-table-head,.squad-row,.squad-table-head,.contract-row,.contracts-table-head,.market-row,.transfer-table-head){font-size:14px!important;line-height:1.5!important;font-weight:650!important}
#view-academy :is(.academy-row,.academy-table-head,.academy-player-detail,.academy-detail-grid) :is(span,small,p,label){color:#253e30!important;font-size:14px!important;font-weight:650!important;line-height:1.5!important}
#view-academy .academy-table-head{background:#d6e7dc!important;color:#193c2a!important;font-weight:800!important}
#view-academy .academy-row{min-height:46px!important}
#view-academy .academy-row.selected{background:#c8e8d4!important;box-shadow:inset 4px 0 #226143}
#view-store .shop-product p{font-weight:600!important}

/* Supporter economy: readable progress and transparent match limits. */
.supporters-panel{padding:24px;margin:20px 0;background:#f4f8f2;color:#173c2c}.supporters-panel h2{margin:8px 0 20px}.supporters-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.supporters-stats>div{padding:16px;background:#e2ecdf;border-radius:12px}.supporters-stats span{display:block;font-weight:650}.supporters-stats strong{display:block;font-size:26px;margin-top:6px}.supporters-panel progress{width:100%;height:16px;accent-color:#287044}.supporters-panel summary{cursor:pointer;font-weight:750;padding:12px 0}.supporters-panel p{line-height:1.65;color:#234934}.supporter-history{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #cedacc}.supporters-panel .negative{color:#9e3029}.supporters-panel .positive{color:#176438}@media(max-width:650px){.supporters-stats{grid-template-columns:1fr}.supporters-panel{padding:18px}}

/* Compact illustrated navigation: horizontal controls, quiet depth, clear state. */
.app-header{height:auto!important;min-height:0!important;grid-template-columns:190px minmax(0,1fr)!important;padding:10px 16px!important;gap:6px 16px!important;background:linear-gradient(135deg,#123b30,#0c2e25)!important;border-bottom-color:#9b844c80!important;box-shadow:0 4px 16px #031a1633!important}
.app-header .brand{min-height:44px!important;padding-left:50px!important}
.app-header .brand .tactenio-home-link .tactenio-mark{width:40px!important;height:40px!important;border-radius:10px}
.app-header .brand h1{font-size:18px!important;letter-spacing:1.2px}
.app-header .brand .eyebrow{font-size:12px!important;letter-spacing:.5px}
.app-header .main-nav{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important;min-width:0;align-items:center}
.app-header .main-nav .nav-button{display:flex!important;flex:1 1 105px!important;flex-direction:row!important;justify-content:center;align-items:center;gap:8px!important;min-height:48px!important;height:auto!important;padding:8px 10px!important;border:1px solid #ffffff12!important;border-radius:12px!important;background:#ffffff06!important;box-shadow:inset 0 1px #ffffff08;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;font-size:.875rem!important;line-height:1.35!important}
.app-header .main-nav .nav-picture{width:28px!important;height:28px!important;max-height:28px!important;flex:0 0 28px!important;border-radius:8px!important;box-shadow:0 1px 4px #0002!important}
.app-header .main-nav .nav-button span{font-weight:750!important;white-space:normal;overflow-wrap:normal}
.app-header .main-nav .nav-button.active{background:linear-gradient(135deg,#eddaa5,#d3b775)!important;border-color:#f6e7bb!important;box-shadow:inset 0 1px #fff9,0 2px 8px #0002!important}
.app-header #section-nav{display:flex!important;flex-wrap:wrap!important;gap:4px!important;padding:2px 0 0!important;border:0!important}
.app-header #section-nav button{min-height:40px!important;padding:6px 10px!important;gap:6px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;font-size:.875rem!important;line-height:1.35!important;box-shadow:none!important;transition:background .16s ease,border-color .16s ease}
.app-header #section-nav .section-picture{width:22px!important;height:22px!important;flex:0 0 22px!important;border-radius:6px!important;padding:1px!important}
.app-header #section-nav button.active{background:#ffffff12!important;border-color:#cbb67b70!important;box-shadow:inset 0 -2px #ddc486!important}
.app-header .main-nav .nav-button:active{transform:scale(.98)}
@media(hover:hover){.app-header .main-nav .nav-button:not(.active):hover{background:#ffffff12!important;border-color:#ffffff35!important;transform:translateY(-1px)}.app-header #section-nav button:hover{background:#ffffff0e!important}}
.app-header :is(.nav-button,#section-nav button):focus-visible{outline:3px solid #f1d895!important;outline-offset:2px}
.manager-sidebar{padding:12px!important;gap:6px!important}
.manager-sidebar .manager-strip-item,.manager-sidebar .mailbox-button{padding:8px!important;grid-template-columns:28px minmax(0,1fr)!important;gap:8px!important}
.manager-sidebar .status-icon{width:28px!important;height:28px!important;border-radius:8px!important}
.manager-sidebar .status-copy strong,.manager-sidebar .points-content strong,.manager-sidebar .mailbox-button>strong{font-size:16px!important}
@media(min-width:1151px){.manager-sidebar{top:calc(var(--online-height,38px) + var(--game-header-height,108px) + 12px)!important;max-height:calc(100dvh - var(--online-height,38px) - var(--game-header-height,108px) - 24px)!important}}
@media(max-width:1150px){.app-header{grid-template-columns:1fr!important}.app-header .main-nav{grid-column:1!important}.app-header .brand{grid-row:auto!important}}
@media(max-width:650px){.app-header{padding:8px 12px!important;gap:6px!important}.app-header .main-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-x:contain;scroll-padding:6px;padding:4px 2px 6px!important;scrollbar-width:thin;scrollbar-color:#aa955d #10392d}.app-header .main-nav .nav-button{flex:0 0 auto!important;min-height:44px!important;padding:8px 10px!important;grid-column:auto!important}.app-header #section-nav{flex-wrap:nowrap!important;overflow-x:auto!important;padding:4px 2px!important}.app-header #section-nav button{flex:none;min-height:44px!important;white-space:nowrap}.app-header .main-nav .nav-picture{width:26px!important;height:26px!important;flex-basis:26px!important}}
@media(prefers-reduced-motion:reduce){.app-header .main-nav .nav-button,.app-header #section-nav button{transition:none!important;transform:none!important}}

/* Squad screen: sports dossier with space for names and a readable match roster. */
#view-team #team-list-mode>.page-title{padding:18px 20px!important;border:1px solid #698a7660!important;border-radius:16px!important;background:linear-gradient(110deg,#103d30f5,#183e37ed)!important;color:#f1f8f3!important;box-shadow:0 8px 24px #001c1524}
#view-team #team-list-mode>.page-title :is(h2,p,.eyebrow){color:#edf6ef!important}
#view-team .squad-workspace{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:18px!important;align-items:start!important}
#view-team .squad-table-card{min-width:0;padding:0!important;border:1px solid #b9cec1!important;border-radius:14px!important;background:#f2f7f3!important;overflow-x:auto!important;box-shadow:0 8px 24px #001c1524}
#view-team :is(.squad-table-head,.squad-row){min-width:720px!important;grid-template-columns:36px 58px 58px minmax(150px,1fr) 44px 48px 62px 46px 46px 100px!important;min-height:42px!important}
#view-team .squad-table-head{background:#194a37!important;color:#fff!important;min-height:44px!important}
#view-team .squad-row{background:#f5f8f5!important;color:#193b2b!important;transform:none!important}
#view-team .squad-row:nth-child(even){background:#e8f0e9!important}
#view-team .squad-row:hover{background:#ddebe0!important}
#view-team .squad-row.selected{background:#d6e9d9!important;box-shadow:inset 4px 0 #b49646!important}
#view-team #selected-player-card{width:100%!important;min-width:0!important;max-width:none!important;padding:0!important;position:static!important;border:1px solid #a38c52!important;border-radius:18px!important;background:#f1f6f0!important;box-shadow:0 12px 30px #031c173b!important}
#view-team .player-card-hero{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;min-height:132px!important;padding:18px 16px!important;gap:14px!important;background:radial-gradient(ellipse at top left,#3d7056,#103b2e 75%)!important;border-bottom:3px solid #b79d60!important}
#view-team .player-card-art{width:76px!important;height:90px!important;border-radius:12px!important;background:linear-gradient(145deg,#e6dfc8,#b5c8b9)!important;border:1px solid #d7c68e!important}
#view-team .player-card-art img{width:64px!important;height:76px!important;object-fit:contain!important}
#view-team #selected-player-name{font-size:22px!important;line-height:1.2!important;word-break:normal!important;overflow-wrap:break-word!important;color:#fff!important;letter-spacing:0!important;margin:8px 0!important}
#view-team .player-card-identity>.eyebrow{color:#e5d5a8!important;font-size:12px!important;letter-spacing:.8px!important}
#view-team .player-card-summary{color:#eef5ef!important;font-size:14px!important;gap:6px!important}
#view-team .player-card-summary span{color:#dcecdf!important;font-size:14px!important}
#view-team .player-overview{padding:14px!important;gap:8px!important}
#view-team :is(.player-overview-item,.player-contract-grid>div){background:#fff!important;border:1px solid #d4e1d5!important;border-radius:10px!important;padding:10px!important}
#view-team :is(.player-overview-item,.player-contract-grid) span{font-size:12px!important;color:#46634e!important;line-height:1.4!important;letter-spacing:.3px!important}
#view-team :is(.player-overview-item,.player-contract-grid) strong{font-size:16px!important;color:#173e2a!important}
#view-team .player-overview-item.not-ready strong{color:#aa3434!important}
#view-team .player-section{padding:16px!important;border-color:#d0ddcf!important;background:#f1f6f0!important}
#view-team .player-section-title{color:#4c674d!important;font-size:12px!important;gap:8px!important}
#view-team .player-section-title strong{color:#173e2a!important;font-size:14px!important}
#view-team .player-skill-list{grid-template-columns:1fr!important;gap:12px!important}
#view-team .player-skill :is(span,strong){color:#23492f!important;font-size:14px!important}
#view-team .player-skill>i{height:7px!important;background:#d7e3d5!important}
#view-team .player-skill>i b{background:linear-gradient(90deg,#266e4c,#8ba960)!important;box-shadow:none!important}
#view-team .player-action-grid label{font-size:12px!important;color:#36583c!important}
#view-team .player-action-grid label>div{grid-template-columns:minmax(0,1fr)!important}
#view-team .player-action-grid input{background:#fff!important;color:#193e2b!important;min-height:42px!important;font-size:16px!important}
#view-team .player-quick-actions{grid-template-columns:1fr!important}
#view-team .player-action-link{background:#e5ede1!important;color:#244c31!important;border:1px solid #9bb598!important;min-height:44px!important;font-size:14px!important}
#view-team .danger-action{color:#9f3030!important;border-color:#c69494!important}
#view-team #open-lineup-editor{background:linear-gradient(135deg,#e9d395,#d1af60)!important;color:#173923!important;border:1px solid #faeac0!important;border-radius:10px!important;min-height:44px!important;padding:10px 16px!important;font-size:14px!important;box-shadow:0 3px 10px #00190d33}
#view-team .health-legend{padding:12px!important;font-size:14px!important;line-height:1.6!important;color:#36533d!important;max-width:900px}
@media(max-width:1300px){#view-team .squad-workspace{grid-template-columns:minmax(0,1fr)!important}#view-team #selected-player-card{max-width:720px!important}#view-team .player-overview{grid-template-columns:repeat(4,minmax(0,1fr))!important}#view-team .player-card-hero{grid-template-columns:76px minmax(0,1fr)!important}}
@media(max-width:650px){#view-team .player-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}#view-team #team-list-mode>.page-title{padding:16px!important}#view-team #selected-player-name{font-size:22px!important}}