.idea-main .idea-column-left,
.idea-main .idea-column-right {
    min-height: 100vh;
    margin: 0px;
    padding: 20px 20px 20px 20px; 
}

.idea-column-left {
    width: 230px;
    float: left; 
    background-image: url('/images/EEEC.Bkg.TransparentToRed.png');
    background-position: top right;
    background-size: 30px auto;
    background-repeat: repeat-y;
    background-color: #ffffff;
}

.idea-main .idea-column-right {
#    background-color: #ff0100; 
    float: left;     
    width: 800px;
    padding-left: 20px;
}

.idea-main .img-derisk-stages {
   width: 700px;
}

/* Form Row Setup */
.idea-main .idea-form {
    margin-top: 30px;
}

.idea-main .form-row {
    margin: 20px 0;       /* 10px top and bottom margin */
    display: flex;        /* Puts label next to input/textarea */
    align-items: flex-start; /* Vertically aligns labels with the top of textareas */
}

/* Form Elements */
.idea-main .form-row label {
    width: 100px;         /* Fixed width so all fields align neatly */
    text-align: right;
    margin-right: 20px;   /* Space between label and input field */
    margin-left: 20px;
}

.idea-main .form-row .form-row-label-input {
    padding-top: 10px;
    margin-bottom: 0px;
}

.idea-main .form-row .form-row-label-textarea {
    padding-top: 5px;
}

.idea-main .form-row .form-input {
    width: 500px;         /* Input field 200px wide */
    margin-right: auto;
}

.idea-main .form-row .form-checkbox {
    vertical-align: bottom;
    margin-top: 10px;
}

.idea-main textarea {
    width: 500px;         /* Textareas 200px wide */
    height: 150px;
}

/* Submit Button Alignment */
.idea-main .form-row:has(.submit-button) {
    justify-content: flex-end; /* Pushes the button to the right side */
    width: calc(100px + 15px + 500px); /* Matches total width of label + margin + field */
}

.idea-main .submit-button {
    /* Optional: styles for your button */
}

img.edit-icon,
img.share-icon {
    width: 18px;
    height: auto;
    margin-left: 20px;
}