.page-admin .order-filters {
  margin-bottom: 1rem;
}
.page-admin .order-filters .filter-link {
  margin-right: .5rem;
  padding: .25rem .5rem;
  text-decoration: none;
  background: #FC0;
  color: #111;
  border-radius: 4px;
  opacity: .6;
}
.page-admin .order-filters .filter-link.active,
.page-admin .order-filters .filter-link:hover {
  opacity: 1;
}

.orders-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}
.orders-table th,
.orders-table td {
  border: 1px solid #ddd;
  padding: .5rem;
  text-align: left;
}
.orders-table th {
  background: #FC0;
  color: #111;
}
.orders-table tr:nth-child(even) {
  background: #f9f9f9;
}
.orders-table a {
  color: #004085;
  text-decoration: underline;
}
/* Container & Title */
.page-admin .container {
  max-width: 800px;
  margin: 2rem auto;
  padding: 0 1rem;
}
.admin-title {
  font-size: 1.75rem;
  margin-bottom: 1.5rem;
  color: #333;
}

/* Form groups */
.admin-form .form-group {
  margin-bottom: 1.25rem;
}
.admin-form .form-label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #444;
}
.admin-form .form-input,
.admin-form textarea,
.admin-form select {
  width: 100%;
  padding: 0.6rem 0.8rem;
  font-size: 1rem;
  line-height: 1.4;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.admin-form textarea {
  min-height: 4rem;
  resize: vertical;
}

/* Error messaging */
.admin-form .form-error {
  color: #d44444;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

/* Buttons */
.admin-form .btn {
  display: inline-block;
  font-size: 1rem;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px;
  border: none;
}
.admin-form .btn-primary {
  background-color: #bfa34f;
  color: #fff;
  padding: 0.75rem 1.25rem;
  transition: background-color 0.2s ease;
}
.admin-form .btn-primary:hover {
  background-color: #a78d3d;
}

/* Thumbnail preview */
.admin-form .thumbnail {
  display: block;
  max-height: 100px;
  margin-bottom: 0.5rem;
  border: 1px solid #ddd;
  border-radius: 3px;
}

/* Checkbox labels */
.admin-form input[type="checkbox"] {
  margin-right: 0.5rem;
  vertical-align: middle;
}
.admin-form label.form-label input[type="checkbox"] {
  margin-right: 0.5rem;
  vertical-align: middle;
}
.admin-form {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.admin-form .form-group {
  flex: 1 1 calc(50% - 1rem);
  min-width: 240px;
}

.admin-form .form-group.full-width {
  flex: 1 1 100%;
}