.table-container {
        width: 100%;
        max-width: 900px;
        margin: 20px auto;
        background: white;
        border-radius: 12px;
        /* O overflow: hidden é essencial para o fundo azul não "vazar" nos cantos arredondados */
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
		width: 100%;
		overflow-x: auto; /* Permite o deslize lateral */
		-webkit-overflow-scrolling: touch; /* Suaviza o scroll no iPhone */
    }

    table {
        width: 100%;
        border-collapse: collapse;
        min-width: 400px;
        /* Removemos qualquer borda externa da própria tabela */
        border: none;
    }

    /* Linha de Título Principal (Azul) */
    .main-title {
        background-color: #0078cd;
        color: white;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding: 12px;
        letter-spacing: 1px;
        text-transform: uppercase;
        border: none;
    }

    /* Cabeçalho das Colunas (Código, Descrição, etc) */
    th {
        padding: 8px 6px;
        font-weight: bold;
        color: #0078cd;
        text-align: left;
        vertical-align: middle;
        /* Apenas a linha de baixo, sem linhas laterais */
        border-bottom: 1px solid #cccccc;
        border-left: none;
        border-right: none;
    }

	/* Centraliza apenas o primeiro th (o cabeçalho da coluna "Código") */
	thead th:first-child {
		text-align: center;
	}

    /* Estilo das Células de Dados */
    td {
        padding: 8px 6px;
        /* Linha horizontal sutil entre os registros */
        border-bottom: 1px solid #eeeeee;
        /* Remove explicitamente as linhas laterais (as "pretas" que você viu) */
        border-left: none;
        border-right: none;
        color: #334155;
        font-size: 0.95rem;
    }

    /* Centraliza e destaca a primeira coluna (Código) */
    tbody td:first-child {
        text-align: center;
         
    }

    /* Mantém o texto das outras colunas alinhado à esquerda conforme a imagem */
    tbody td:not(:first-child) {
        text-align: left;
    }

    /* Linhas intercaladas para facilitar a leitura */
    tbody tr:nth-child(even) {
        background-color: #fcfcfc;
    }

    /* Ajuste para a última linha não ter borda inferior */
    tbody tr:last-child td {
        border-bottom: none;
    }