/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 */

/* Custom styles for UTX Soccer Inviter */

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

.footer {
  margin-top: auto;
}

/* Sidebar styles for admin panel */
.sidebar {
  min-height: calc(100vh - 56px);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link.active {
  color: #0d6efd;
}

.sidebar .nav-link:hover {
  color: #0d6efd;
}

/* Card enhancements */
.card {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

/* Button spacing */
.btn {
  margin: 2px;
}

/* Alert positioning */
.alert {
  margin-bottom: 1rem;
}

/* Game details styling */
.game-details {
  background-color: #f8f9fa;
  padding: 1rem;
  border-radius: 0.375rem;
  margin: 1rem 0;
}

/* Responsive tables */
@media (max-width: 768px) {
  .table-responsive {
    overflow-x: auto;
  }
}