/* Admin-specific styles that keep overall site theme */
/* Builds on top of style.css */

/* Keep nav link look consistent but slightly emphasized for admin */
nav .admin-link {
  color: #ffd59e;
  text-decoration: none;
  padding: 0.45rem 0.9rem;
  border-radius: 6px;
  border: 1px solid rgba(255,213,158,0.08);
}
nav .admin-link:hover {
  background-color: rgba(255,213,158,0.06);
  color: #fff;
}

/* Inline admin badge in nav */
.admin-badge-inline {
  display: inline-block;
  color: #ff4c4c;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px solid #ff4c4c;
  padding: 0.2rem 0.5rem;
  border-radius: 6px;
  background-color: rgba(255,76,76,0.06);
  margin-left: 0.5rem;
}

/* Make admin tables responsive */
.admin-table-wrapper { overflow-x: auto; width:100%; }
.admin-table { min-width: 700px; }

/* Admin table visuals: align with list styles for consistency */
.admin-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #2a2a2a;
  border-radius: 6px;
  overflow: hidden;
}

.admin-table thead {
  background-color: #3a3a3a;
}

.admin-table th,
.admin-table td {
  padding: 0.8rem 1rem;
  text-align: left;
  border-bottom: 1px solid #444;
  color: #f1f1f1;
}

.admin-table th {
  font-weight: bold;
}

.admin-table tr:last-child td {
  border-bottom: none;
}

/* subtle hover to highlight rows */
.admin-table tbody tr {
  transition: background-color 0.25s ease;
}
.admin-table tbody tr:hover {
  background-color: #333;
}

@media (max-width: 700px) {
  .admin-table th,
  .admin-table td {
    padding: 0.6rem;
    font-size: 0.95rem;
  }
}

/* Containers and controls for admin pages */
.admin-badge-container {
  position: relative;
  display: inline-block;
  margin-left: 12px;
}

.admin-search-bar {
  margin-bottom: 1rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
}

.admin-search-label {
  color: #ddd;
  margin-right: 0.25rem;
}

.admin-search-input {
  padding: 0.4rem 0.6rem;
  border-radius: 6px;
  border: 1px solid #444;
  background: #222;
  color: #fff;
  min-width: 70px;
  max-width: 100px;
}

.admin-search-clear {
  padding: 0.35rem 0.6rem;
  border-radius: 6px;
  border: 1px solid #444;
  background: #333;
  color: #fff;
}

.inline-form { display: inline; }

button a {
  color: inherit;
  text-decoration: none;
}