#submitBtn {
background-color: #007bff;
color: white;
padding: 10px 16px;
border-radius: 6px;
border: 0;
font-weight: 600;
transition: opacity 0.18s ease, transform 0.08s ease;
}

#submitBtn:disabled {
background-color: #cfcfcf;
color: #666;
cursor: not-allowed;
opacity: 0.95;
}

.error {
color: #b02a37;
font-size: 0.9rem;
margin-top: 6px;
min-height: 1.1em;
}

input, textarea {
box-sizing: border-box;
width: 100%;
padding: 8px;
border: 1px solid #d0d7de;
border-radius: 6px;
font-size: 1rem;
}

label { font-weight: 600; }

/* Tooltip icon styling */
.info-icon {
color: #d40000;
font-weight: bold;
cursor: help;
margin-left: 4px;
}

/* === FIX: prevent tooltip icons from blocking text fields === */
label {
display: inline-block;
margin-bottom: 4px;
}

.info-icon {
position: relative;
top: -1px;
pointer-events: auto;  /* allow hover tooltips */
z-index: 0;            /* keep below input text */
}

input, textarea {
position: relative;
z-index: 1;            /* ensure text/caret visible above icons */
}
 /* === END FIX === */
 /* === FIX 2: ensure typed text is visible in inputs === */
input, textarea {
color: #000;            /* force black text */
background-color: #fff; /* ensure white input background */
caret-color: #007bff;   /* optional: bright blue cursor */
}
/* === END FIX 2 === */
