/* Estilos gerais */body, html {	min-height:100%;    margin: 0;    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;    background-color: #f0f2f5;    display: flex;    justify-content: center;    align-items: center;}.login-container {    text-align: center;    padding: 20px;}.login-card {    background-color: #ffffff;    padding: 40px;    border-radius: 8px;    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);    max-width: 400px;    width: 100%;    box-sizing: border-box;}.logo {    max-width: 200px;    margin-bottom: 20px;}h1 {    font-size: 24px;    color: #333;    margin-bottom: 30px;}.input-group {    margin-bottom: 20px;    text-align: left;}.input-group label {    display: block;    margin-bottom: 5px;    font-weight: 600;    color: #555;}.input-group input {    width: 100%;    padding: 10px;    border: 1px solid #ccc;    border-radius: 4px;    box-sizing: border-box;    font-size: 16px;}.input-group input:focus {    border-color: #007bff;    outline: none;    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);}.btn-login {    width: 100%;    padding: 12px;    background-color: #007bff;    color: white;    border: none;    border-radius: 4px;    font-size: 16px;    font-weight: 600;    cursor: pointer;    transition: background-color 0.3s ease;}.btn-login:hover {    background-color: #0056b3;}/* Estilos para outras páginas (se necessário) */#app {    max-width: 800px;    margin: 20px auto;    background: #fff;    padding: 20px;    border-radius: 8px;    box-shadow: 0 0 10px rgba(0,0,0,0.1);}.copy-link-btn {    margin-left: 10px;    cursor: pointer;    border: 1px solid #ccc;    background-color: #f0f0f0;    padding: 5px 10px;    border-radius: 5px;}/* Estilos gerais */body, html {    min-height: 100%;    margin: 0;    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;    background-color: #f0f2f5;}.login-container, .assessment-container {    width: 100%;    padding: 20px;    box-sizing: border-box;    display: flex;    justify-content: center;    align-items: flex-start; /* Alinha no topo para formulários longos */    min-height: 100%;}.login-card, .assessment-card {    background-color: #ffffff;    padding: 40px;    border-radius: 8px;    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);    width: 100%;    box-sizing: border-box;}.login-card {    max-width: 450px;    margin-top: 5%;}.assessment-card {    max-width: 900px;}.logo {    max-width: 200px;    margin-bottom: 20px;    display: block;    margin-left: auto;    margin-right: auto;}h1 {    font-size: 24px;    color: #333;    margin-bottom: 30px;    text-align: center;}.input-group {    margin-bottom: 20px;    text-align: left;}.input-group label {    display: block;    margin-bottom: 5px;    font-weight: 600;    color: #555;}.input-group input {    width: 100%;    padding: 10px;    border: 1px solid #ccc;    border-radius: 4px;    box-sizing: border-box;    font-size: 16px;}.input-group input:focus {    border-color: #007bff;    outline: none;    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);}.btn-login, .btn-submit {    width: 100%;    padding: 12px;    background-color: #007bff;    color: white;    border: none;    border-radius: 4px;    font-size: 16px;    font-weight: 600;    cursor: pointer;    transition: background-color 0.3s ease;    margin-top: 20px;}.btn-login:hover, .btn-submit:hover {    background-color: #0056b3;}/* --- Estilos do Formulário de Avaliação --- */.assessment-header {    text-align: center;    margin-bottom: 40px;    border-bottom: 1px solid #eee;    padding-bottom: 20px;}.assessment-header h1 {    margin-bottom: 15px;}.assessment-header p {    font-size: 16px;    color: #666;    max-width: 700px;    margin: 5px auto;}.section-title {    font-size: 22px;    color: #0056b3;    margin-top: 40px;    margin-bottom: 20px;    border-bottom: 2px solid #007bff;    padding-bottom: 10px;    display:none;}.question-block {    margin-bottom: 25px;}.question-block hr {    border: 0;    border-top: 1px solid #e9ecef;    margin-top: 30px;}.question-text {    font-size: 18px;    font-weight: 600;    color: #343a40;    margin-bottom: 20px;}.rating-group {    display: flex;    flex-wrap: wrap;    justify-content: space-between;    margin-bottom: 20px;}.radio-container {    display: flex;    align-items: center;    margin-right: 15px;    margin-bottom: 10px;}.radio-container input[type="radio"] {    margin-right: 8px;    cursor: pointer;    width: 18px;    height: 18px;}.radio-container label {    font-size: 16px;    color: #495057;    cursor: pointer;}.essay-label, .comment-label {    display: block;    font-weight: 600;    color: #555;    margin-bottom: 8px;}.essay-textarea, .comment-textarea {    width: 100%;    padding: 10px;    border: 1px solid #ccc;    border-radius: 4px;    box-sizing: border-box;    font-size: 16px;    line-height: 1.5;    resize: vertical;}.essay-textarea:focus, .comment-textarea:focus {    border-color: #007bff;    outline: none;    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);}/* Estilização para a nova tabela de avaliação */.rating-table {    width: 100%;    border-collapse: collapse;    margin-top: 10px;    margin-bottom: 20px;}.rating-table th,.rating-table td {    text-align: center;    padding: 8px;    vertical-align: middle;    border: 1px solid grey;}.rating-table th {    font-weight: bold;    font-size: 0.9em;    color: #555;	width: 20%;	font-size: 15px;}.rating-table label {    cursor: pointer;    display: block; /* Garante que a área de clique ocupe toda a célula */}/* Centraliza o input de rádio dentro da célula */.rating-table input[type="radio"] {    margin: 0;    cursor: pointer;}@media print {    .page-break { break-after: page; page-break-before: always; }}.page-break { break-after: page; }.comment-label, .comment-textarea { display:none; }