div.delayed-component-content {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.299) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin: 2rem auto !important;
}
.theme-panel {
    padding: 2% 5%;
    box-shadow: none !important;
    border-left: 2px solid #0d7b3e; /* Optional green indicator – can remove if not needed */
    margin-bottom: 1.5rem; /* Gives controlled spacing between blocks */
}

button {
    background-image: none !important;
    color: rgb(255, 255, 255);
    border: none !important;
    box-shadow: none !important;
    transition: filter 0.2s ease;
    border-radius: 3px !important;
  }

  .btn {
    border: none !important;
    box-shadow: none !important;
    border-radius: 3px !important;
  }

button:hover {
  filter: brightness(90%);
  cursor: pointer;
}

button:active {
  filter: brightness(80%);
  border: none;
}

button:disabled {
  background-color: rgb(230, 200, 190);
  color: rgb(255, 255, 255);
  cursor: not-allowed;
  opacity: 0.7;
  border: none;
}

  .theme-textbox.form-control {
    border-radius: 3px;
  }

  h2.text-left.h2 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    margin-left: 2rem;
  }