/* Custom styles for the game management frontend */

/* Sidebar customization */
.navbar-vertical.navbar-dark {
  background-color: #1e293b;
}

/* Form validation styles */
.form-label.required:after {
  content: " *";
  color: #d63939;
}

/* JSON Editor customization */
.jsoneditor {
  border: 1px solid #d9dbde;
  border-radius: 4px;
}

.jsoneditor-menu {
  background-color: #206bc4;
  border-bottom: 1px solid #206bc4;
}

/* Card customization */
.card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 1.5rem;
}

.card-header {
  background-color: transparent;
  border-bottom: 1px solid rgba(98, 105, 118, 0.16);
}

/* Table customization */
.table-vcenter td,
.table-vcenter th {
  vertical-align: middle;
}

/* Empty state customization */
.empty {
  padding: 3rem;
  text-align: center;
}

.empty-img {
  margin-bottom: 1rem;
}

.empty-title {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

/* Modal customization */
.modal-blur .modal-dialog {
  transform: scale(0.9);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.modal-blur.show .modal-dialog {
  transform: scale(1);
  opacity: 1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .card-actions {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-start;
  }
}