/* My Team under the folder tabs "ฉัน | ทีมฉัน" (TeeO 16 Oct 2026, demo my-team-mock): equal tabs, the selected one has the
   colour of the panel's top edge and flared corners, so tab and panel read as one sheet; a compact top area. */
.fx-wrap{max-width:1016px;margin:0 auto;padding:0 18px;box-sizing:border-box}
.fx-tabs{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:16px 0 0}
.fx-t{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;height:38px;border:0;border-radius:13px 13px 0 0;background:#04100a;color:#6f8a76;font:600 14px 'Anuphan',sans-serif;text-decoration:none}
.fx-t .ti{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fx-t:not(.on):hover{color:#d6e6e9}
.fx-t.on{background:#163a24;color:#fff;box-shadow:inset 0 2px 0 #89e85f}
.fx-t.on .ti{color:#89e85f}
.fx-t.on::before,.fx-t.on::after{content:'';position:absolute;bottom:0;width:13px;height:13px;pointer-events:none}
.fx-t.on::before{left:-13px;background:radial-gradient(circle at 0 0,transparent 12.5px,#163a24 13px)}
.fx-t.on::after{right:-13px;background:radial-gradient(circle at 100% 0,transparent 12.5px,#163a24 13px)}
.fx-t:first-child.on::before,.fx-t:last-child.on::after{display:none}
.fx-t.me:not(.on){color:#5aaec0}.fx-t.me:not(.on) .ti{color:#08dcff}
.fx-tk{display:inline-flex;align-items:center;gap:3px;height:19px;padding:0 7px;border-radius:10px;background:#08dcff14;color:#5aaec0;font:700 11px Chakra,'Chakra Petch',sans-serif}
.fx-tk[hidden]{display:none}.fx-tk .ti{width:12px;height:12px}
#app{border:0!important;border-radius:0 0 18px 18px!important;background:linear-gradient(180deg,#163a24 0,#0d2817 90px,#06130c 300px)!important;padding:12px!important;margin:0!important;max-width:none!important;width:auto!important}
.fx-wrap+.team-account-bar,.fx-wrap .team-account-bar{margin-top:12px}
/* top of My Team: one compact header row + one toolbar row */
#app .titlebar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0 0 10px!important;padding:0!important;border:0!important}
#app .team-mobile-heading{display:none!important}
#app .titlebar>div{width:100%!important;min-width:0}
#app .titlebar p[role=status]:not(.save-failed){display:none!important}
#app .team-title{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:52px!important;padding:6px 12px!important;border:1px solid #3d7a4f!important;border-radius:14px!important;background:#06130c!important}
#app .team-title h1{font-size:18px!important;line-height:1.2!important;margin:0!important}
#app .fx-tt{display:grid;flex:1;min-width:0;text-align:left}
#app .fx-lbl{display:block;font:500 12px 'Anuphan',sans-serif;color:#a2b5a8}
#app .team-toolbar{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:0!important;padding:0 0 12px!important;border-bottom:1px solid #27583966!important}
#app .team-toolbar button{height:38px!important;min-height:38px!important;padding:0 8px!important;border-radius:19px!important;font-size:13px!important;white-space:nowrap!important}
#app .team-toolbar .fx-ic{width:16px!important;height:16px!important;margin-right:5px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
#app .squad-board{border:0!important;background:none!important;padding:0!important;box-shadow:none!important}
#app .squad-board .formationbar{padding:0 0 10px!important}
#app .pitch-instructions{display:flex!important;align-items:center;gap:6px;margin:0 0 10px!important;padding:8px 12px!important;border-radius:12px;background:#89e85f12;color:#cfe8c2!important;font-size:12.5px!important;line-height:1.4!important;text-align:left!important}
#app .pitch-instructions::before{content:'i';flex:none;display:grid;place-items:center;width:18px;height:18px;border:1.5px solid #89e85f;border-radius:50%;color:#89e85f;font:700 11px Chakra,'Chakra Petch',sans-serif}