.admin-page .input-admin {
  background-color: #fff;
  color: #111827;
  border: 1px solid #d1d5db;
  padding: 8px 12px;
  border-radius: 4px;
  width: 100%;
  text-align: center;
  height: 40px;
}

.admin-page .btn-primary {
  background-color: #4f46e5;
  color: #fff;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 0.9rem;
}

.admin-page .btn-primary:hover {
  background-color: #4338ca;
}

.admin-page .btn-danger {
  background-color: #dc2626;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 0.85rem;
}

.admin-page td,
.admin-page th {
  padding: 10px;
  border: 1px solid #e5e7eb;
  text-align: center;
  font-size: 0.9rem;
  vertical-align: middle;
}

.admin-page img.thumbnail-admin {
  max-width: 80px;
  height: auto;
  border-radius: 4px;
  display: block;
  margin: 0 auto;
}

.admin-page .row-status-2 {
  background-color: #fee2e2 !important;
}

.admin-page .hidden-status-0 {
  display: none !important;
}

.admin-page .table-header-admin {
  background-color: #f3f4f6;
  color: #374151;
}

.admin-logs-page td,
.admin-logs-page th {
  padding: 10px;
  border: 1px solid #e5e7eb;
  text-align: center;
  font-size: 0.9rem;
  vertical-align: middle;
}

.admin-logs-page .table-header-admin {
  background-color: #f3f4f6;
  color: #374151;
}

.admin-logs-page .badge-error {
  background-color: #fee2e2;
  color: #991b1b;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.75rem;
}

.admin-logs-page .badge-ok {
  background-color: #dcfce7;
  color: #166534;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.75rem;
}

body.video-page {
  background: #f3f4f6;
  color: #111827;
}

.video-page .bg-card {
  background: #fff;
}

.video-page .border-card {
  border-color: #e5e7eb;
}

.video-page .shadow-card {
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
}

.video-page input,
.video-page button {
  color-scheme: dark;
}

.video-page .rumble {
  max-width: 100%;
}