/* MINIONS FC Management v0.18.0 — professional design layer. Loads after mfc-modern.css.
   Tighter spacing (~30%), refined colours, smooth Control Center, mobile-first responsive. */
:root{--v3-navy-950:#060f22;--v3-navy-900:#0a1a38;--v3-navy-800:#0f2750;--v3-blue:#2f6bff;--v3-blue-600:#2457d6;--v3-sky:#8db4ff;--v3-ink:#0f1b33;--v3-muted:#4f5f7c;--v3-line:#e1e7f2;--v3-bg:#f2f5fb;--v3-gold:#ffc400;--v3-ease:cubic-bezier(.2,.7,.2,1);--v3-shadow:0 2px 4px rgba(10,26,56,.05),0 12px 30px rgba(10,26,56,.09)}

/* ---------- Public pages: tighter, calmer ---------- */
body .mfc-players-page,body .mfc-fixtures-page,body .mfc-public-comps,body .mfc-achievements-page,body .mfc-welcome,body .mfc-profile-card,body .mfc-squad{margin-top:16px;margin-bottom:16px}
body .mfc-public-comps,body .mfc-achievements-page{padding:clamp(10px,2vw,18px)}
body .mfc-comps-hero,body .mfc-achievements-hero{padding:clamp(18px,3vw,30px);margin-bottom:15px;border-radius:20px}
body .mfc-achievement-filters{margin:14px 0;gap:9px}
body .mfc-comp-grid,body .mfc-achievement-grid{gap:12px}
body .mfc-comp-card,body .mfc-achievement-card{padding:15px;border-radius:16px}
body .mfc-comp-meta{margin-top:12px;padding-top:10px}
body .mfc-comp-link{margin-top:12px;padding:9px 12px;border-radius:999px;transition:background .2s,transform .2s var(--v3-ease)}
body .mfc-comp-link:hover{transform:translateX(3px)}
body .mfc-ranking-tools{padding:11px 13px;margin-bottom:12px;border-radius:14px}
body .mfc-ranking-wrap{border-radius:16px;-webkit-overflow-scrolling:touch}
body .mfc-ranking th,body .mfc-ranking td{padding:9px 8px}
body .mfc-ranking th{background:var(--v3-navy-900);color:#cfe0ff}
body .mfc-ranking tbody tr{transition:background .15s}
body .mfc-ranking tbody tr:nth-child(-n+3) .mfc-rank-number{background:linear-gradient(135deg,#ffd75e,#f5a800);color:#2b1d00}
body .mfc-ranking td:last-child strong{background:#e5eeff;color:var(--v3-blue-600)}
body .mfc-profile-card{border-radius:18px}
body .mfc-fx-card{border-radius:14px;transition:transform .2s var(--v3-ease),box-shadow .2s}
body .mfc-fx-card:hover{transform:translateY(-2px);box-shadow:var(--v3-shadow)}

/* shared interactive polish for every plugin button/input outside Control Center */
body .mfc-widget button,body .mfc-registration-form button,body .mfc-profile-card button,body .mfc-wc-btn{border-radius:999px;transition:transform .18s var(--v3-ease),box-shadow .2s,filter .2s}
body .mfc-widget button:active,body .mfc-registration-form button:active,body .mfc-profile-card button:active{transform:scale(.97)}
body .mfc-registration-form input,body .mfc-registration-form select,body .mfc-registration-form textarea{border-radius:12px;transition:border-color .2s,box-shadow .2s}
body .mfc-registration-form input:focus,body .mfc-registration-form select:focus,body .mfc-registration-form textarea:focus{outline:0;border-color:var(--v3-blue);box-shadow:0 0 0 4px rgba(47,107,255,.16)}

/* ---------- Control Center: smooth command-centre app ---------- */
body .mfc-control{--cc-bg:#08122b;--cc-panel:#0e1d3f;--cc-panel2:#132a55;--cc-line:#223e72;--cc-text:#eef3ff;--cc-muted:#9fb3d9;--cc-gold:#ffc83d;
  margin:10px auto;padding:clamp(10px,1.6vw,18px);border-radius:20px;scroll-behavior:smooth;
  background:radial-gradient(700px 360px at 100% 0,rgba(47,107,255,.26),transparent 60%),radial-gradient(520px 320px at 0 100%,rgba(91,61,245,.18),transparent 60%),var(--cc-bg)}
body .mfc-control .mfc-cc-top{padding-bottom:11px;margin-bottom:11px}
body .mfc-control .mfc-cc-top:after{background:linear-gradient(90deg,var(--cc-gold),transparent);height:2px;width:160px}
body .mfc-control .mfc-cc-title h2{font-size:clamp(22px,3vw,28px)}
body .mfc-control .mfc-cc-avatar{border-radius:50%;width:34px;height:34px}
body .mfc-control .mfc-cc-who>a{border-radius:999px;padding:7px 13px;min-height:34px;display:inline-flex;align-items:center}
body .mfc-control .mfc-cc-layout{grid-template-columns:210px minmax(0,1fr);gap:13px}
body .mfc-control .mfc-cc-nav{padding:6px;gap:3px;border-radius:16px;background:rgba(14,29,63,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
body .mfc-control .mfc-cc-tab{padding:9px 11px;border-radius:11px;font-size:12.5px;text-transform:none;letter-spacing:.01em;transition:background .2s,color .2s,transform .2s var(--v3-ease),box-shadow .2s}
body .mfc-control .mfc-cc-tab:hover{transform:translateX(2px)}
body .mfc-control .mfc-cc-tab.is-active{background:linear-gradient(120deg,var(--v3-blue),#5b3df5);box-shadow:0 8px 20px rgba(47,107,255,.38)}
body .mfc-control .mfc-cc-count{border-radius:99px;padding:1px 8px}
body .mfc-control .mfc-cc-content>*{animation:v3in .28s var(--v3-ease) both}
@keyframes v3in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
body .mfc-control .mfc-card{padding:15px;border-radius:16px;border-color:var(--cc-line);transition:border-color .2s,box-shadow .25s,transform .25s var(--v3-ease)}
body .mfc-control .mfc-grid{gap:12px}
body .mfc-control .mfc-cc-stats{gap:9px}
body .mfc-control .mfc-cc-stats>*{padding:13px 12px;border-radius:14px;clip-path:none;border-color:var(--cc-line);transition:transform .22s var(--v3-ease),border-color .2s}
body .mfc-control .mfc-cc-stats>*:hover{transform:translateY(-3px);border-color:var(--v3-blue)}
body .mfc-control .mfc-cc-stats strong{font-size:28px}
body .mfc-control .mfc-cc-actions{gap:8px}
body .mfc-control .mfc-cc-actions a{border-radius:12px;border-left-width:3px;padding:11px 12px;transition:transform .2s var(--v3-ease),background .2s,border-color .2s}
body .mfc-control .mfc-cc-actions a:hover{transform:translateY(-2px);background:#0e2347;border-color:var(--v3-blue)}
body .mfc-control button,body .mfc-control .mfc-btn{border-radius:999px;transition:transform .18s var(--v3-ease),box-shadow .22s,filter .2s;min-height:38px}
body .mfc-control button:hover{transform:translateY(-1px);filter:brightness(1.08)}
body .mfc-control button:active{transform:scale(.97)}
body .mfc-control input,body .mfc-control select,body .mfc-control textarea{border-radius:11px;padding:9px 11px;transition:border-color .2s,box-shadow .2s}
body .mfc-control input:focus,body .mfc-control select:focus,body .mfc-control textarea:focus{outline:0;border-color:var(--v3-blue);box-shadow:0 0 0 3px rgba(47,107,255,.28)}
body .mfc-control label{margin-top:8px}
body .mfc-control .mfc-tablewrap{border-radius:14px;-webkit-overflow-scrolling:touch}
body .mfc-control th,body .mfc-control td{padding:8px 10px}
body .mfc-control .mfc-notice{border-radius:12px;padding:10px 13px}
body .mfc-control .mfc-pick-row{transition:background .15s}
body .mfc-control ::-webkit-scrollbar{height:8px;width:8px}body .mfc-control ::-webkit-scrollbar-thumb{background:#2a4a85;border-radius:8px}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  body .mfc-control .mfc-cc-layout{grid-template-columns:1fr;gap:10px}
  /* tabs become a sticky, swipeable pill bar */
  body .mfc-control .mfc-cc-nav{position:sticky;top:56px;z-index:20;flex-direction:row;overflow-x:auto;gap:6px;padding:6px;border-radius:999px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  body.admin-bar .mfc-control .mfc-cc-nav{top:102px}
  body .mfc-control .mfc-cc-nav::-webkit-scrollbar{display:none}
  body .mfc-control .mfc-cc-tab{flex:0 0 auto;border-radius:999px;padding:9px 13px;min-height:40px;scroll-snap-align:start;white-space:nowrap}
  body .mfc-control .mfc-cc-tab:before{display:none}
  body .mfc-control .mfc-cc-tab:hover{transform:none}
}
@media(max-width:600px){
  body .mfc-control{margin:6px;padding:10px;border-radius:16px}
  body .mfc-control .mfc-cc-top{flex-direction:column;align-items:flex-start;gap:9px}
  body .mfc-control .mfc-cc-stats{grid-template-columns:repeat(2,1fr)}
  body .mfc-control .mfc-cc-actions{grid-template-columns:1fr 1fr}
  body .mfc-control .mfc-grid{grid-template-columns:1fr}
  body .mfc-control input,body .mfc-control select,body .mfc-control textarea{font-size:16px}
  body .mfc-control button{min-height:44px;width:100%}
  body .mfc-comps-stats div{min-width:92px}
  body .mfc-ranking{font-size:12px}
}
@media(hover:none){body .mfc-control .mfc-cc-stats>*:hover,body .mfc-control .mfc-cc-actions a:hover,body .mfc-fx-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){body .mfc-control *,body .mfc-control *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* v0.19.0 — uploaded trophy pictures (Achievements page, player profile, widget) */
.mfc-achievement-trophy{display:flex;justify-content:center;align-items:center;margin:10px 0 4px;padding:8px;border-radius:12px;background:#f8fafc}
.mfc-achievement-trophy img{display:block;width:auto;max-width:100%;height:auto;max-height:150px;object-fit:contain}
.mfc-pa-icon.has-img{background:#fff;border:1px solid #e5e7eb;box-shadow:none;padding:3px;overflow:hidden}
.mfc-pa-icon.has-img img,.mfc-w-trophy.has-img img{display:block;width:100%;height:100%;object-fit:contain}
.mfc-w-trophy.has-img{background:#fff;border:1px solid #e5e7eb;padding:3px;overflow:hidden}