/* stelaraX Helpdesk – Frontend Styles */

.stx-helpdesk-wrapper {
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 16px;
    margin: 16px 0;
    background: #ffffff;
}

.stx-helpdesk-section {
    margin-bottom: 24px;
}

.stx-helpdesk-section h2 {
    margin-top: 0;
}

.stx-helpdesk-message {
    padding: 10px 14px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.stx-helpdesk-success {
    background: #e6ffed;
    border: 1px solid #27ae60;
}

.stx-helpdesk-error {
    background: #ffecec;
    border: 1px solid #e74c3c;
}

.stx-helpdesk-login-required {
    padding: 10px 14px;
    background: #f7fafc;
    border-left: 3px solid #3182ce;
}

/* FAQ Akkordeon */
.stx-faq-list {
    margin: 0;
    padding: 0;
}

.stx-faq-item {
    border-bottom: 1px solid #e2e8f0;
}

.stx-faq-question {
    cursor: pointer;
    padding: 10px 0;
    font-weight: 600;
}

.stx-faq-answer {
    display: none;
    padding-bottom: 10px;
}

/* Ticket Formular */
.stx-ticket-form label {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
}

.stx-ticket-form input[type="text"],
.stx-ticket-form textarea,
.stx-ticket-form select {
    width: 100%;
    padding: 8px;
    margin-bottom: 12px;
    border: 1px solid #cbd5e0;
    border-radius: 4px;
}

.stx-ticket-form button {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    background: #3182ce;
    color: #fff;
    cursor: pointer;
}

.stx-ticket-form button:hover {
    background: #2b6cb0;
}

/* Ticket Liste */
.stx-ticket-list {
    width: 100%;
    border-collapse: collapse;
}

.stx-ticket-list th,
.stx-ticket-list td {
    border: 1px solid #e2e8f0;
    padding: 8px;
    text-align: left;
}

.stx-ticket-list th {
    background: #f7fafc;
}