/* MTG Commander – supplemental styles (Tailwind CDN handles utilities) */

.nav-link {
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
  color: #d1d5db;
  transition: background 0.15s, color 0.15s;
  text-decoration: none;
  white-space: nowrap;
}
.nav-link:hover { background: #374151; color: #f9fafb; }
.nav-link.active { background: #374151; color: #ffffff; }

/* Mana pips */
.pip {
  display: inline-flex; align-items: center; justify-content: center;
  width: 1.4rem; height: 1.4rem; border-radius: 50%;
  font-size: 0.6rem; font-weight: 800; line-height: 1; flex-shrink: 0;
}
.pip-W { background: #f9f0d0; color: #3a2a0a; border: 1px solid #c9b07a; }
.pip-U { background: #1a56a0; color: #e0eeff; }
.pip-B { background: #1a1a1a; color: #ccc;    border: 1px solid #444; }
.pip-R { background: #c0320a; color: #ffe8e0; }
.pip-G { background: #1a7a30; color: #d0ffe0; }
.pip-C { background: #7a7a8a; color: #fff; }
.no-colors { color: #4b5563; font-size: 0.75rem; }

/* Flash messages */
.flash { padding: 0.6rem 1rem; border-radius: 0.5rem; font-size: 0.875rem; border-left: 4px solid; }
.flash-success { background:#052e16; border-color:#16a34a; color:#86efac; }
.flash-danger  { background:#450a0a; border-color:#dc2626; color:#fca5a5; }
.flash-warning { background:#431407; border-color:#d97706; color:#fcd34d; }
.flash-info    { background:#082f49; border-color:#0284c7; color:#7dd3fc; }

/* Common */
.page-title { font-size:1.5rem; font-weight:700; color:#f0c040; margin-bottom:1.5rem; }
.card       { background:#111827; border:1px solid #1f2937; border-radius:0.75rem; padding:1.5rem; }
.card-title { font-size:1rem; font-weight:600; color:#d1d5db; margin-bottom:1rem; }
.empty-state { text-align:center; padding:5rem 0; color:#6b7280; }

.btn-primary  { display:inline-block; padding:0.45rem 1.1rem; background:#4f46e5;
                color:#fff; border-radius:0.5rem; font-weight:600; font-size:0.875rem;
                cursor:pointer; transition:background 0.15s; border:none; text-decoration:none; }
.btn-primary:hover { background:#4338ca; }
.btn-secondary { display:inline-block; padding:0.4rem 0.9rem; background:#1f2937;
                 color:#d1d5db; border:1px solid #374151; border-radius:0.5rem;
                 font-size:0.875rem; cursor:pointer; text-decoration:none; transition:background 0.15s; }
.btn-secondary:hover { background:#374151; }

.input-field  { background:#f9fafb; border:1px solid #6b7280; border-radius:0.5rem;
                color:#111827; padding:0.45rem 0.7rem; font-size:0.875rem; outline:none;
                transition:border-color 0.15s; }
.input-field:focus { border-color:#6366f1; }
.form-label  { display:block; font-size:0.75rem; color:#9ca3af; margin-bottom:0.2rem; font-weight:500; }

/* Win rate bar */
.win-bar  { position:relative; background:#1f2937; border-radius:999px; height:1.2rem; overflow:hidden; min-width:4rem; }
.win-fill { position:absolute; left:0; top:0; bottom:0; background:linear-gradient(to right,#16a34a,#22c55e); border-radius:999px; }
.win-label { position:relative; z-index:1; font-size:0.65rem; font-weight:700; color:#fff;
             padding:0 0.4rem; line-height:1.2rem; display:block; text-align:center; }

/* History */
.game-card   { background:#111827; border:1px solid #1f2937; border-radius:0.75rem; overflow:hidden; }
.game-header { display:flex; justify-content:space-between; align-items:center;
               padding:0.6rem 1rem; background:#0d1117; border-bottom:1px solid #1f2937; }
.participant-row { display:flex; align-items:center; gap:0.75rem; padding:0.45rem 1rem; flex-wrap:wrap; }
.winner-row  { background:rgba(240,192,64,0.07); }

/* Ideas */
.assignment-row { display:flex; align-items:center; gap:0.75rem; padding:0.45rem 0.75rem;
                  background:#0d1117; border-radius:0.5rem; flex-wrap:wrap; }

/* Submit */
.player-row { background:#0d1117; border:1px solid #1f2937; border-radius:0.5rem; padding:0.75rem; }

/* Autocomplete */
.autocomplete-dropdown { position:absolute; z-index:50; background:#1f2937; border:1px solid #374151;
                         border-radius:0.5rem; width:100%; max-height:12rem; overflow-y:auto;
                         box-shadow:0 8px 24px rgba(0,0,0,.5); top:calc(100% + 2px); left:0; }
.ac-item { padding:0.35rem 0.7rem; font-size:0.8rem; cursor:pointer; color:#d1d5db; }
.ac-item:hover { background:#374151; }

/* Admin */
.stat-card  { background:#111827; border:1px solid #1f2937; border-radius:0.75rem; padding:1.5rem; text-align:center; }
.stat-num   { font-size:2.25rem; font-weight:700; color:#f0c040; line-height:1; }
.stat-label { font-size:0.75rem; color:#6b7280; margin-top:0.25rem; }
.action-badge { display:inline-block; font-size:0.6rem; font-weight:700; border-radius:4px;
                padding:0.1rem 0.35rem; text-transform:uppercase; letter-spacing:0.03em; }
.action-submit_game   { background:#1e3a5f; color:#93c5fd; }
.action-add_decklist  { background:#1e3a2f; color:#86efac; }
.action-hide_game     { background:#3b2f1e; color:#fcd34d; }
.action-reinstate_game{ background:#1e3a2f; color:#86efac; }
.action-delete_game   { background:#450a0a; color:#fca5a5; }
.action-add_player    { background:#1e3a5f; color:#93c5fd; }
.action-rename_player { background:#2a1e3b; color:#c4b5fd; }
.action-delete_player { background:#450a0a; color:#fca5a5; }
.action-add_user      { background:#1e3a5f; color:#93c5fd; }
.action-delete_user   { background:#450a0a; color:#fca5a5; }
.action-reset_password{ background:#431407; color:#fcd34d; }

.btn-secondary { display:inline-block; background:#374151; color:#d1d5db;
                 border:1px solid #4b5563; border-radius:6px; padding:0.4rem 0.9rem;
                 font-size:0.875rem; font-weight:500; cursor:pointer;
                 transition:background 0.15s; }
.btn-secondary:hover { background:#4b5563; color:#f3f4f6; }

.badge-admin { display:inline-block; background:#312e81; color:#a5b4fc;
               font-size:0.65rem; font-weight:600; border-radius:9999px; padding:0 0.4rem; margin-left:0.25rem; }