/* ===== Futebol Comercial UI - Minimal Light v1.2.4 ===== */
:root{
  --mfc-bg:#f7f8fa;
  --mfc-card:#ffffff;
  --mfc-text:#0f172a;
  --mfc-muted:#64748b;
  --mfc-border:#e5e7eb;
  --mfc-soft:#f9fafb;
  --mfc-accent:#F80707;
  --mfc-accent-2:#1daf16; /* online */
  --mfc-warn:#217abf;     /* presencial */
  --mfc-danger:#F80707;
  --radius:12px;
  --shadow:0 6px 16px rgba(15,23,42,.06);
}
body{background:#FFF; font-family: 'Montserrat' !important;}
.mfc-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:992px){.mfc-grid{grid-template-columns:1fr 1fr}}
.mfc-card{background:var(--mfc-card);border:1px solid var(--mfc-border);border-radius:var(--radius);padding:16px 16px 12px;color:var(--mfc-text);box-shadow:var(--shadow)}
.mfc-card h3{margin:0 0 8px;font-size:18px; text-align: center;}
.mfc-meta{text-align: center;flex-wrap:wrap;font-size:13px;color:var(--mfc-muted);padding:6px 0 6px;border-top:1px dashed var(--mfc-border);border-bottom:1px dashed var(--mfc-border);margin-bottom:8px}
.mfc-caps {
  display: flex;
  gap: 10px;
  margin: 10px 0 6px;
}

.mfc-caps span {
  flex: 1; /* 🔥 Cada span divide o espaço igualmente */
  background: var(--mfc-soft);
  border: none;
  text-align: center;
  color: var(--mfc-text);
  padding: 15px 15px;
  border-radius: 5px;
  font-size: 12px;
  display: flex;
  flex-direction: column; /* 🔥 Mantém “GOL A:” em cima e o número embaixo */
  justify-content: center;
  align-items: center;
}


/* Inline form */
.mfc-form{display:flex;gap:10px;margin-top:8px;align-items:center;flex-wrap:nowrap}
.mfc-form select{appearance:none;background:#fff;border:1px solid var(--mfc-border);color:var(--mfc-text);padding:10px 12px;border-radius:10px;min-width:210px;transition:border-color .15s ease, box-shadow .15s ease}
.mfc-form select:focus{outline:none;border-color:var(--mfc-accent);box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.mfc-btn,.mfc-cancel{border:none;border-radius:10px;padding:10px 14px;font-weight:600;letter-spacing:.2px;transition:transform .1s ease, box-shadow .15s ease, opacity .2s ease}
.mfc-btn{background: #F80707;color:#fff}
.mfc-btn:hover{transform:translateY(-1px)}
.mfc-cancel{background:var(--mfc-danger);color:#fff}
.mfc-alert{padding:12px 14px;border-radius:10px;background:var(--mfc-soft);color:var(--mfc-text);border:1px solid var(--mfc-border)}
/* List */
.mfc-list{margin-top:8px}
.mfc-list strong{font-size:13px;color:var(--mfc-muted);text-transform:uppercase;letter-spacing:.6px}
.mfc-ul{list-style:none;padding-left:0;margin:10px 0 0}
.mfc-ul li{display:flex;align-items:center;gap:10px;background:var(--mfc-soft);border:none;border-radius:5px;padding:8px 10px;margin-bottom:8px;font-size:14px;color:var(--mfc-text)}
.mfc-ul li .mfc-li-text{flex:1 1 auto;min-width:0}
.mfc-ul li .badge{flex:0 0 auto;margin-left:auto;padding:4px 10px;border-radius:999px;font-size:11px;color:#fff}
.mfc-ul li .badge-online{background:var(--mfc-accent-2)}
.mfc-ul li .badge-presencial{background:var(--mfc-warn)}
/* My registrations */
.mfc-my .mfc-my-item{background:var(--mfc-card);border:1px solid var(--mfc-border);border-radius:12px;padding:12px 14px;margin:10px 0;display:flex;gap:12px;align-items:center;justify-content:space-between;color:var(--mfc-text);box-shadow:var(--shadow)}
.mfc-small{font-size:12px;color:var(--mfc-muted)}
/* Auth */
.mfc-auth-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:992px){.mfc-auth-grid{grid-template-columns:1fr 1fr}}
.mfc-auth-card{background:var(--mfc-card);border:1px solid var(--mfc-border);border-radius:12px;padding:18px;color:var(--mfc-text);box-shadow:var(--shadow)}
.mfc-auth-card h3{margin:0 0 8px}
.mfc-auth-card label{display:block;margin-top:10px;font-weight:600;color:var(--mfc-muted)}
.mfc-auth-card input{width:100%;padding:12px;border-radius:10px;margin-top:6px;border:1px solid #e5e7eb;background:#fff;color:#0f1720;transition:box-shadow .15s ease,border-color .15s ease}
.mfc-auth-card input:focus{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.15);border-color:var(--mfc-accent)}
.mfc-auth-card .mfc-btn{margin-top:12px}
.mfc-auth .mfc-auth-msg{margin-top:12px}

.mfc-cancel[disabled],
.mfc-cancel-disabled {
  opacity: .6;
  cursor: not-allowed;
}