/* Frontend form */
.tas-form-wrapper {
    max-width: 100%;
    margin: 0 auto;
}
.tas-field {
    margin-bottom: 16px;
}
.tas-field label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: #fff;
    font-family: 'Inter';
}
.tas-field input[type="text"], .tas-field input[type="email"], .tas-field input[type="file"], .tas-field textarea {
    width: 100%;
    padding: 23px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    background: transparent;
}
.tas-field textarea {
    min-height: 90px;
}
.tas-field small {
    color: #666;
    display: block;
    margin-top: 4px;
}
#tas-submit-btn {
    cursor: pointer;
    font-size: 15px;
    width: 100%;
    display: block;
    text-align: center;
    background-color: #2ED3A0;
    font-family: "Inter", Sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    box-shadow: 0px 8px 10px 0px rgba(45.99999999999998, 211, 160.00000000000006, 0.5607843137254902);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #1F7A63;
    border-radius: 8px 8px 8px 8px;
    padding: 15px 48px 15px 48px;
}
#tas-submit-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.tas-message {
    padding: 12px 16px;
    border-radius: 4px;
    margin-bottom: 16px;
}
.tas-success {
    background: #eafaf0;
    color: #0a7a29;
    border: 1px solid #b7e4c7;
}
.tas-error {
    background: #fdeaea;
    color: #a30000;
    border: 1px solid #f3b3b3;
}

/* Admin badges */
.tas-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
}
.tas-badge-pending {
    background: #fff8e5;
    color: #996800;
}
.tas-badge-accepted {
    background: #eafaf0;
    color: #0a7a29;
}
.tas-badge-rejected {
    background: #fdeaea;
    color: #a30000;
}

/* Reject modal */
.tas-modal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tas-modal-content {
    background: #fff;
    padding: 24px;
    border-radius: 6px;
    width: 90%;
    max-width: 500px;
}
.tas-modal-actions {
    text-align: right;
}
.text-header-form h2 {
    font-size: 25px;
    color: #ffff;
}
.text-header-form ul {
    color: #fff;
    margin: 8px 0 20px 21px;
}