/* ================= GLOBAL RTL ================= */
.helpdesk-container { 
    direction: rtl;
    text-align: right;
    font-family: 'Vazir', 'IRANSans', Arial, sans-serif;
    color: #2c3e50;
}

/* ================= GENERAL CONTAINER ================= */
.helpdesk-container { 
    max-width: 700px; 
    margin: 20px auto; 
    background: linear-gradient(135deg, #ffffff, #f8f9fa); 
    padding: 30px; 
    border-radius: 12px; 
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); 
}

/* ================= FORMS ================= */
.helpdesk-container form { 
    display: flex; 
    flex-direction: column; 
    align-items: flex-end; 
    width: 100%; 
}

.helpdesk-form-group { 
    margin-bottom: 20px; 
    width: 100%; 
    display: flex; 
    flex-direction: column; 
    align-items: flex-end; 
}
.helpdesk-form-group label { 
    display: block; 
    font-weight: 700; 
    color: #34495e; 
    margin-bottom: 8px; 
    font-size: 16px; 
    text-align: right; 
    width: 100%; 
}

/* Inputs */
.helpdesk-container input, 
.helpdesk-container textarea { 
    width: 95%; 
    margin-left: auto; 
    margin-right: 0; 
    padding: 12px 15px; 
    border: 2px solid #e0e0e0; 
    border-radius: 8px; 
    box-sizing: border-box; 
    font-size: 15px; 
    background: #fff; 
    transition: all 0.3s ease; 
    font-family: 'Vazir', 'IRANSans', Arial, sans-serif; 
    text-align: right; 
    direction: rtl; 
}
.helpdesk-container input:focus, 
.helpdesk-container textarea:focus { 
    border-color: #3498db; 
    box-shadow: 0 0 8px rgba(52, 152, 219, 0.3); 
    outline: none; 
}
.helpdesk-container input::placeholder, 
.helpdesk-container textarea::placeholder { 
    color: #95a5a6; 
    font-style: italic; 
    text-align: right; 
    direction: rtl; 
}
.helpdesk-container textarea { 
    height: 160px; 
    resize: vertical; 
}

/* File Input */
.attachments { 
    margin-top: 20px; 
    width: 100%; 
}
.helpdesk-container input[type="file"] { 
    width: auto; 
    margin-left: auto; 
    margin-right: 0; 
    display: block; 
    padding: 10px; 
    background: #f1f3f5; 
    border-radius: 8px; 
    border: none; 
    text-align: right; 
}

/* ================= BUTTONS ================= */
.helpdesk-container button { 
    background: linear-gradient(90deg, #3498db, #2980b9); 
    color: #fff; 
    padding: 12px 30px; 
    border: none; 
    border-radius: 8px; 
    cursor: pointer; 
    font-size: 16px; 
    font-weight: 600; 
    transition: all 0.3s ease; 
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3); 
    align-self: flex-end; 
    font-family: 'Vazir', 'IRANSans', Arial, sans-serif; 
}
.helpdesk-container button:hover { 
    background: linear-gradient(90deg, #2980b9, #1f6391); 
    transform: translateY(-2px); 
    box-shadow: 0 6px 16px rgba(52, 152, 219, 0.4); 
}

/* ================= MESSAGES ================= */
.helpdesk-success { 
    background: #e8f5e9; 
    color: #2ecc71; 
    padding: 15px; 
    border-radius: 8px; 
    text-align: center; 
    margin: 20px 0; 
    font-weight: 600; 
}
.helpdesk-error { 
    background: #fce4e4; 
    color: #e74c3c; 
    padding: 15px; 
    border-radius: 8px; 
    text-align: center; 
    margin: 20px 0; 
    font-weight: 600; 
}

/* ================= RESPONSIVE ================= */
@media (max-width: 600px) {
    .helpdesk-container { 
        padding: 15px; 
        margin: 10px; 
    }
    .helpdesk-container input, 
    .helpdesk-container textarea { 
        width: 100%; 
        margin-left: 0; 
    }
}