/* Feedback containers: keep a true 12px blank gap below */
#glw_simplecal_form_feedback,
#glw_simplecal_repeater_feedback,
#glw_simplecal_delete_feedback {
    margin-top: 12px;
    margin-bottom: 0;       /* no margin bottom */
    padding-bottom: 12px;   /* the blank space */
    padding-left: 1%;
    text-align: center;
    display: block;
    position: relative;
    z-index: 0;             /* create a stacking context */
}

/* Double the line-height of feedback messages */
#glw_simplecal_form_feedback p,
#glw_simplecal_repeater_feedback p,
#glw_simplecal_delete_feedback p,
.success-message p,
.error-message p,
.loading-message p {
    line-height: 3;
}

/* Ensure message content sits above the decorative layer */
.success-message > *,
.error-message > *,
.loading-message > * {
    position: relative;
    z-index: 1;
}

/* Success: move visuals to a ::before that stops above the gap and sits behind text */
.success-message {
    background: transparent;
    border-left: none;
    position: relative;
    z-index: 0;
}
.success-message::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 12px;           /* stop above the blank space */
    background: #e7f6ec;
    border-left: 4px solid #2ea043;
    border-radius: 2px;
    pointer-events: none;
    z-index: -1;            /* put behind the text */
}

/* Error */
.error-message {
    background: transparent;
    border-left: none;
    position: relative;
    z-index: 0;
}
.error-message::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 12px;
    background: #fdecea;
    border-left: 4px solid #e5534b;
    border-radius: 2px;
    pointer-events: none;
    z-index: -1;
}

/* Loading */
.loading-message {
    background: transparent;
    border-left: none;
    position: relative;
    z-index: 0;
}
.loading-message::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 12px;
    background: #f1f5f9;
    border-left: 4px solid #64748b;
    border-radius: 2px;
    pointer-events: none;
    z-index: -1;
}