.#{$plugin_slug}-admin-common-layout {
  label {
    @apply inline-block;
  }

  input.form-input {
    @apply rounded-sm h-10 w-full px-2 leading-none text-black;
  }

  textarea.form-input {
    @apply rounded-sm p-2 w-full;

    height: 76px;
  }

  .form-field-notice {
    @apply table bg-red-100 text-red-200 text-xs mt-1;

    padding: 2px 5px;
  }

  .form-message {
    @apply px-4 py-3;
    background-color: #f0fdf4; // Light green background
    border: 1px solid #bbf7d0; // Slightly darker green border
    color: #166534; // Dark green text
    border-radius: 0.375rem; // 6px border radius

    a {
      text-decoration: underline;
    }

    &.has-error {
      @apply bg-red-100 border-red-200 text-red-200;
    }
  }

  // Radio
  .radio-wrapper {
    @apply relative inline-block pl-8;

    .thumb {
      @apply absolute top-0 left-0 w-5 h-5 rounded-full border border-blue-100;

      padding: 3px;

      &::before {
        @apply relative block w-full h-full rounded-full bg-blue-100 opacity-0 duration-300;

        content: '';
      }
    }

    input {
      @apply hidden;

      &:checked + .thumb::before {
        @apply opacity-100;
      }
    }
  }

  .view-button {
    @apply text-lg;

    height: 61px;
  }
}
