.psi-form-container {
    max-width: 800px;
    margin: 40px auto;
    padding: 30px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.psi-header { text-align: center; margin-bottom: 30px; }
.psi-header h2 { color: #2c3e50; margin-bottom: 10px; }
.psi-lgpd-alert {
    background: #f8f9fa;
    padding: 15px;
    border-left: 4px solid #007bff;
    font-size: 0.9em;
    margin-bottom: 25px;
}
.psi-field-group { margin-bottom: 25px; }
.psi-field-group label { display: block; font-weight: 600; margin-bottom: 8px; }
.psi-input { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 6px; }

.psi-perguntas-table { width: 100%; border-collapse: collapse; margin-top: 20px; }
.psi-perguntas-table th, .psi-perguntas-table td { padding: 15px; border-bottom: 1px solid #eee; text-align: left; }
.psi-emoji-options { display: flex; gap: 10px; justify-content: space-around; }

.psi-emoji-item {
    cursor: pointer;
    text-align: center;
    transition: transform 0.2s;
    opacity: 0.5;
    padding: 5px;
    border-radius: 8px;
}
.psi-emoji-item:hover { transform: scale(1.2); opacity: 0.8; }
.psi-emoji-item.active { opacity: 1; background: #f0f0f0; transform: scale(1.1); }
.psi-emoji-item span { display: block; font-size: 1.5em; }
.psi-emoji-item label { font-size: 0.7em; font-weight: normal; cursor: pointer; }

.psi-emoji-1 { color: #e74c3c; } /* Muito Insatisfeito */
.psi-emoji-2 { color: #e67e22; } /* Insatisfeito */
.psi-emoji-3 { color: #f1c40f; } /* Neutro */
.psi-emoji-4 { color: #2ecc71; } /* Satisfeito */
.psi-emoji-5 { color: #27ae60; } /* Muito Satisfeito */

.psi-submit-container { text-align: center; margin-top: 40px; }
.psi-btn-submit {
    background: #007bff;
    color: white;
    padding: 15px 40px;
    border: none;
    border-radius: 30px;
    font-size: 1.1em;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
}
.psi-btn-submit:hover { background: #0056b3; }

@media (max-width: 600px) {
    .psi-perguntas-table thead { display: none; }
    .psi-perguntas-table tr { display: block; margin-bottom: 20px; background: #fafafa; padding: 10px; border-radius: 8px; }
    .psi-perguntas-table td { display: block; width: 100%; border: none; padding: 10px 0; }
    .psi-emoji-options { flex-wrap: wrap; }
}

.psi-report-container {
    max-width: 800px;
    margin: 40px auto;
}

#psi-chart-wrapper {
    margin-top: 20px;
    height: 400px;
}

@media (min-width: 768px) {
    #psi-chart-wrapper {
        height: 450px;
    }
}

.psi-report-filters select {
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

#psi-pdf-content h1 {
    font-size: 1.5em;
    color: #333;
    margin-bottom: 20px;
}

.pdf-chart-image img {
    max-width: 100%;
}

/* Forçar remoção de eixos e textos extras via CSS */
#psi-general-chart {
    max-width: 100% !important;
}

#psi-chart-wrapper canvas {
    background: #fff !important;
}

/* Garantir que o PDF content não interfira no layout mas esteja disponível */
#psi-pdf-content {
    background: white !important;
    color: black !important;
}
#psi-pdf-content * {
    color: black !important;
}