.csv-container {
        margin-top: 30px;
        padding: 20px;
        background-color: #f9f9f9;
        border-radius: 8px;
      }

      .drop-zone {
        border: 2px dashed #ccc;
        border-radius: 8px;
        padding: 25px;
        text-align: center;
        margin: 20px 0;
        transition: background-color 0.3s;
      }

      .drop-zone.dragover {
        background-color: #e9e9e9;
        border-color: #999;
      }

      .status-message {
        padding: 10px;
        margin: 10px 0;
        border-radius: 4px;
        display: none;
      }

      .status-message.success {
        background-color: #d4edda;
        color: #155724;
      }

      .status-message.error {
        background-color: #f8d7da;
        color: #721c24;
      }

      button#process-csv-btn:disabled {
        background-color: #cccccc;
        cursor: not-allowed;
      }

      button#process-csv-btn.processed {
        background-color: #4caf50;
        cursor: not-allowed;
        opacity: 0.8;
      }

      .csv-preview {
        margin-top: 20px;
        overflow-x: auto;
      }

      .csv-table td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
      }

      .csv-table th {
        background-color: #f2f2f2;
      }

      .csv-table tr:nth-child(even) {
        background-color: #f9f9f9;
      }

      .preview-info {
        margin-bottom: 10px;
        font-style: italic;
        color: #666;
      }

      /* Analysis tables styling */
      .csv-analysis {
        margin-top: 40px;
        border-top: 1px solid #ddd;
        padding-top: 20px;
      }

      .analysis-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
        margin-bottom: 20px;
        gap: 20px;
      }

      .analysis-table-container {
        flex: 1;
        min-width: 300px;
        max-width: 48%;
      }

      .analysis-tables {
        margin-bottom: 20px;
        overflow-x: auto;
      }

      .analysis-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 15px;
      }

      .analysis-container h4 {
        margin-top: 5px;
        margin-bottom: 10px;
        color: #333;
        text-align: center;
      }

      .csv-analysis h4 {
        text-align: center;
        margin: 15px 0;
        color: #333;
      }

      /* Make sure the tables don't appear in the CSV preview */
      .csv-preview .csv-analysis {
        display: none !important;
      }

      /* Zone table styles - this will be our reference */
      .zone-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 15px;
      }

      .zone-table th, 
      .zone-table td {
        border: 1px solid #c19962;
        padding: 8px;
        text-align: center;
      }

      .zone-table th {
        background-color: #fdf6ec;  /* Keep the light gold background */
        color: var(--text-color);   /* Match your main text color */
      }

      .zone-display h5 {
        color: var(--text-color);
        font-size: 1.1em;
        margin-bottom: 8px;
        text-align: center;
      }

      /* Analysis tables in the metabolic report - completely match zone table styles */
      .metabolic-report .analysis-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
        margin-bottom: 20px;
        gap: 20px;
      }

      .metabolic-report .analysis-table-container {
        flex: 1;
        min-width: 300px;
        max-width: 48%;
      }

      .metabolic-report .analysis-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 15px;
      }

      .metabolic-report .analysis-table th, 
      .metabolic-report .analysis-table td {
        border: 1px solid #c19962;
        padding: 8px;
        text-align: center;
      }

      .metabolic-report .analysis-table th {
        background-color: #fdf6ec;  /* Match the zone table background */
        color: var(--text-color);   /* Match your main text color */
      }

      .metabolic-report .analysis-table tr,
      .metabolic-report .analysis-table tr:nth-child(even),
      .metabolic-report .analysis-table tr:nth-child(odd) {
        background-color: #ffffff;
      }

      .metabolic-report .analysis-container h5 {
        color: #c19962;
        font-size: 1.1em;
        margin-bottom: 8px;
        text-align: center;
      }

      /* Center table titles and cell data in analysis tables */
      .analysis-table-container h5 {
        text-align: center;
        margin-bottom: 12px;
        font-weight: 600;
      }

      .analysis-table td,
      .analysis-table th {
        text-align: center;
      }

      /* Ensure consistent centering in the metabolic report tables */
      #metabolic-report .analysis-table-container h5,
      #metabolic-report .analysis-tables-container h5 {
        text-align: center;
      }

      #metabolic-report .analysis-table td,
      #metabolic-report .analysis-table th {
        text-align: center;
      }

      /* Ensure consistent styling in both tables */
      .analysis-container h5 {
        text-align: center;
        margin-top: 5px;
        margin-bottom: 12px;
        color: #333;
        font-weight: 600;
      }