/* Economy pages. Same navy, light buttons, and green actions as the lobby mockup. */
html.pp-info body main.econ{max-width:40rem;margin:0 auto;padding:12px 12px 80px;color:#eaf2fb}
html.pp-info body main.econ h1{margin:8px 0;font-size:1.25rem;color:#eaf2fb}
html.pp-info body main.econ p,html.pp-info body main.econ li{font-size:14px;line-height:1.35}
html.pp-info body main.econ a.econ-link{min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:14px;padding:0 10px;text-align:center;text-decoration:none;font:900 14px/1.15 system-ui,sans-serif}
html.pp-info body main.econ a.econ-back{margin:0 0 8px;background:#f7f9fb!important;color:#0d2a08!important;-webkit-text-fill-color:#0d2a08!important;box-shadow:0 2px 0 #8796a6;font-weight:900}
html.pp-info body main.econ .econ-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 0 12px}
html.pp-info body main.econ .econ-nav a{background:linear-gradient(180deg,#22384f,#182a3e)!important;color:#eaf2fb!important;-webkit-text-fill-color:#eaf2fb!important;border:1px solid #2e4a66}
html.pp-info body main.econ .econ-nav a[aria-current="page"]{background:linear-gradient(180deg,#b9f07a,#6fcf3e 55%,#3f9a22)!important;color:#0d2a08!important;-webkit-text-fill-color:#0d2a08!important;border-color:transparent}
html.pp-info body main.econ .econ-count{font:900 28px/1.1 system-ui,sans-serif;color:#ffe14a;text-align:center;margin:8px 0}
html.pp-info body main.econ .econ-card{background:linear-gradient(180deg,#22384f,#182a3e);border:1px solid #2e4a66;border-radius:14px;padding:10px 12px;margin:8px 0}
html.pp-info body main.econ button,.html.pp-info body main.econ .shop-buy{width:100%;min-height:44px;border:0;border-radius:14px;font:900 14px/1 system-ui,sans-serif;background:linear-gradient(180deg,#b9f07a,#6fcf3e 55%,#3f9a22)!important;color:#0d2a08!important;-webkit-text-fill-color:#0d2a08!important;box-shadow:0 3px 0 #2a6a15}
html.pp-info body main.econ .shop-card{display:flex;align-items:center;justify-content:space-between;gap:8px}
html.pp-info body main.econ .shop-card p{margin:0;font-weight:800}
html.pp-info body main.econ .shop-card .shop-buy{width:auto;min-width:108px}
html.pp-info body main.econ .vc-tabs{display:flex;gap:7px;margin:8px 0}
html.pp-info body main.econ .vc-tab{width:auto;flex:1;background:linear-gradient(180deg,#22384f,#182a3e)!important;color:#eaf2fb!important;-webkit-text-fill-color:#eaf2fb!important;box-shadow:none}
html.pp-info body main.econ .vc-tab[aria-selected="true"]{background:linear-gradient(180deg,#ffe14a,#e6c200)!important;color:#13233a!important;-webkit-text-fill-color:#13233a!important}
html.pp-info body main.econ label{display:block;margin:8px 0}
html.pp-info body main.econ #shopOil{min-height:44px;display:flex;align-items:center;font-weight:800;color:#ffe14a}
html.pp-info body main.econ #vcTable,html.pp-info body main.econ #vcTable tbody,html.pp-info body main.econ #vcTable tr{display:block;width:100%}
html.pp-info body main.econ #vcTable thead,html.pp-info body main.econ #vcTable thead tr{display:flex;flex-wrap:wrap;gap:4px}
html.pp-info body main.econ #vcTable th button{width:auto;min-height:44px;box-shadow:none;background:transparent!important;color:#ffe14a!important;-webkit-text-fill-color:#ffe14a!important;font:900 12px/1.1 system-ui,sans-serif}
html.pp-info body main.econ #vcTable td{display:block;padding:2px 0;border:0}
html.pp-info body main.econ #vcTable tbody tr{margin:8px 0;padding:8px 10px;border:1px solid #2e4a66;border-radius:14px}
html.pp-info body main.econ #vcTable td button{width:100%}
html.pp-info body main.econ #vcNote{min-height:0;margin:0 0 8px;font-weight:800}
html.pp-info body main.econ dialog{max-width:min(420px,calc(100% - 24px));width:100%;border:1px solid #2e4a66;border-radius:16px;background:#14233a;color:#eaf2fb;padding:12px}
html.pp-info body main.econ dialog h2{margin:0 0 8px;font-size:1.1rem}
html.pp-info body main.econ dialog p,html.pp-info body main.econ dialog li{font-size:14px}
html.pp-info body main.econ .vc-tabs button{min-height:44px}
html.pp-info body main.econ tr.vc-me{outline:2px solid #ffe14a}
html.pp-info body main.econ #vcWinners{margin:0 0 8px;font-weight:800;color:#ffe14a}

/* t8386 (MF-C05): readable without the pp-info class too: dark ink on the light Back button, light ink on the dark tabs */
html body main.econ a.econ-link.econ-back{background:#f7f9fb!important;color:#0d2a08!important;-webkit-text-fill-color:#0d2a08!important}
html body main.econ .econ-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 12px}
html body main.econ .econ-nav a.econ-link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;font-size:13px;background:linear-gradient(180deg,#22384f,#182a3e)!important;color:#eaf2fb!important;-webkit-text-fill-color:#eaf2fb!important}
html body main.econ .econ-nav a.econ-link[aria-current="page"]{background:linear-gradient(180deg,#b9f07a,#6fcf3e 55%,#3f9a22)!important;color:#0d2a08!important;-webkit-text-fill-color:#0d2a08!important}
html body main.econ .econ-empty{margin:12px 0;padding:12px;border-radius:12px;background:#1b2e44;color:#eaf2fb;font-size:15px;line-height:1.4}

/* t8386 Batch E follow-up: tournament cards stay inside the phone width; each number says what it is */
main.econ #vcTours,main.econ #vcTable{max-width:100%;box-sizing:border-box}
main.econ #vcTable tbody tr,main.econ #vcTable td,main.econ #vcTable td button{box-sizing:border-box;max-width:100%;min-width:0;overflow-wrap:anywhere}
main.econ #vcTable td[data-label]::before{content:attr(data-label) ": ";color:#ffe14a;font-weight:800}
main.econ .vc-signin{color:#ffe14a;font-weight:800;text-decoration:underline}

/* t8386 round 2 (MF-C05 recheck): "Back to Lobby" was yellow on white (a mockup-page.css link rule wins on specificity) */
html.pp-info body main.econ a.econ-link.econ-back.econ-back,html body main.econ a.econ-link.econ-back.econ-back{color:#0d2a08!important;-webkit-text-fill-color:#0d2a08!important}
/* the Vault/Shop/Leaders/Tournaments row never clips "Tournaments" on a phone: two by two under 420px */
@media (max-width:420px){html body main.econ nav.econ-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body main.econ nav.econ-nav a.econ-link{font-size:15px!important;text-overflow:clip!important}}
/* SITE-NEEDS §2 (t8386 r2): tournament cards, one per event; one clear button per state */
html body main.econ #vcList{list-style:none;margin:0;padding:0;display:grid;gap:10px}
html body main.econ #vcList .vc-row{padding:10px 12px;border:1px solid #2e4a66;border-radius:14px;background:rgba(19,35,58,.55)}
html body main.econ #vcList .vc-row p{margin:2px 0;overflow-wrap:anywhere}
html body main.econ #vcList .vc-title{font-weight:900;font-size:17px}
html body main.econ #vcList .vc-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
html body main.econ #vcList .vc-act button{min-height:44px;width:auto;flex:1 1 auto;padding:0 14px}
html body main.econ #vcList .vc-act button.vc-info{flex:0 0 auto}
html body main.econ #vcList .vc-in,html body main.econ #vcList .vc-ready{font-weight:900;color:#b9f07a}
html body main.econ #vcList .vc-why,html body main.econ #vcList .vc-wait{font-weight:700}
html body main.econ #vcList .vc-standings{margin:6px 0 0;padding-left:0;list-style:none}
html body main.econ #vcList .vc-cancelled,html body main.econ #vcList .vc-done{opacity:.92}
html body main.econ .vc-bal{font-weight:900;margin:0 0 8px}
/* t8404: thin Details button (was a big green "i"/Info bar); plain cancelled copy */
html body main.econ #vcList .vc-act button.vc-info{min-height:34px!important;height:34px;padding:0 12px!important;font-size:14px;flex:0 0 auto!important;width:auto!important}
html body main.econ #vcList .vc-why{flex-basis:100%;margin:0;font-weight:700}