.fish-counts_container__38R6q {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;
  font-family: var(--font-sans);
}

.fish-counts_header__WYnMb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e0e0e0;
}

.fish-counts_header__WYnMb h1 {
  font-size: 2rem;
  color: #2a5885;
  margin: 0;
}

.fish-counts_navigation__BeFLj {
  display: flex;
  gap: 1rem;
}

.fish-counts_navLink__yBJo6 {
  background-color: #2a5885;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
  transition: background-color 0.3s;
}

.fish-counts_navLink__yBJo6:hover {
  background-color: #1e446d;
}

.fish-counts_selectors__55tnc {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.fish-counts_selectorGroup__vzq2J {
  display: flex;
  flex-direction: column;
  min-width: 100px;
}

.fish-counts_selectorGroup__vzq2J label {
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #4a4a4a;
}

.fish-counts_selector__DKvFP {
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 0.9rem;
  background-color: white;
  cursor: pointer;
}

.fish-counts_selector__DKvFP:focus {
  outline: none;
  border-color: #2a5885;
  box-shadow: 0 0 0 2px rgba(42, 88, 133, 0.2);
}

.fish-counts_damSelector__4aIb3 {
  width: 200px;
}

.fish-counts_yearSelector__5kYMe {
  width: 100px;
}

.fish-counts_dataContainer__RhBnj {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  margin-bottom: 2rem;
}

.fish-counts_dataContainer__RhBnj h2 {
  color: #2a5885;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
}

.fish-counts_tableWrapper__6Ijrx {
  overflow-x: auto;
}

.fish-counts_fishTable__OBRCW {
  width: 100%;
  border-collapse: collapse;
}

.fish-counts_fishTable__OBRCW th,
.fish-counts_fishTable__OBRCW td {
  padding: 0.75rem;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
}

.fish-counts_fishTable__OBRCW th {
  background-color: #f5f7fa;
  font-weight: 600;
  color: #4a4a4a;
  position: sticky;
  top: 0;
  white-space: normal; /* Allow wrapping */
  word-break: keep-all; /* Prevent breaking words */
  overflow-wrap: break-word; /* Break at word boundaries when necessary */
  vertical-align: bottom;
  padding: 8px 4px;
}

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

.fish-counts_fishTable__OBRCW tr:hover {
  background-color: #f0f4f8;
}

.fish-counts_totalColumn__udlNY {
  font-weight: 600;
  color: #2a5885;
}

.fish-counts_loading__fiWJl {
  text-align: center;
  padding: 2rem;
  color: #666;
  font-style: italic;
}

.fish-counts_error__3YTIa {
  text-align: center;
  padding: 2rem;
  color: #d32f2f;
  background-color: #fff8f8;
  border: 1px solid #ffcdd2;
  border-radius: 4px;
}

.fish-counts_noData__L2TaL {
  text-align: center;
  padding: 2rem;
  color: #666;
  background-color: #f9f9f9;
  border-radius: 4px;
}

.fish-counts_note__2JudR {
  background-color: #f5f7fa;
  padding: 1rem;
  border-radius: 4px;
  font-size: 0.9rem;
  color: #4a4a4a;
}

.fish-counts_dataHeader__bOUe_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.fish-counts_lastUpdated__01qzC {
  font-size: 0.85rem;
  color: #666;
  font-style: italic;
}

/* Override LastDataDateInfo component font size */
.fish-counts_dataContainer__RhBnj .mb-4.p-3.bg-blue-50 p {
  font-size: 0.85rem !important;
}

.fish-counts_responsiveNote__1d_Nf {
  background-color: #fff8e1;
  padding: 0.75rem;
  border-radius: 4px;
  margin-bottom: 1rem;
  font-size: 0.85rem;
  color: #856404;
  text-align: center;
}

@media (max-width: 768px) {
  .fish-counts_header__WYnMb {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  
  .fish-counts_navigation__BeFLj {
    width: 100%;
    justify-content: space-between;
  }
  
  .fish-counts_selectors__55tnc {
    flex-direction: column;
    gap: 1rem;
  }
  
  .fish-counts_selectorGroup__vzq2J {
    width: 100%;
  }
  
  .fish-counts_selector__DKvFP, .fish-counts_damSelector__4aIb3, .fish-counts_yearSelector__5kYMe {
    width: 100%;
    max-width: none;
  }
  
  .fish-counts_dataHeader__bOUe_ {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}

.fish-counts_countColumn__2nHhd {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}

@media (max-width: 767px) {
  .fish-counts_fishTable__OBRCW th {
    font-size: 0.9rem;
    padding: 6px 3px;
  }
  
  .fish-counts_fishTable__OBRCW td {
    padding: 6px 3px;
    font-size: 0.9rem;
  }
}


/* Add these specific styles to fix desktop and landscape column widths */


/* Base styles for all views */
.fish-counts_fishTable__OBRCW {
  width: 100%;
  border-collapse: collapse;

}


/* Desktop and landscape specific styles */
@media (min-width: 768px), (max-width: 767px) and (orientation: landscape) {
  .fish-counts_fishTable__OBRCW {
    min-width: 800px;
  }
  
  /* Ensure consistent column widths */
  .fish-counts_fishTable__OBRCW th,
  .fish-counts_fishTable__OBRCW td {
    padding: 0.75rem;
    text-align: center;
  }
  
  /* Date column */
  .fish-counts_fishTable__OBRCW th:first-child,
  .fish-counts_fishTable__OBRCW td:first-child {
    width: 120px; /* Fixed width for date column */
    text-align: left;
  }
  
  /* Count columns */
  .fish-counts_countColumn__2nHhd {
    width: 80px; /* Fixed width for count columns */
    text-align: right;
  }
  
  /* Total column */
  .fish-counts_totalColumn__udlNY {
    width: 100px; /* Fixed width for total column */
    text-align: right;
    font-weight: 600;
  }
  
  /* Ensure horizontal scrolling works properly */
  .fish-counts_tableWrapper__6Ijrx {
    overflow-x: auto;
  }
}

/* Portrait specific styles - keep these as they are */
@media (max-width: 767px) and (orientation: portrait) {
  .fish-counts_fishTable__OBRCW {

    min-width: unset;
    width: 100%;
    table-layout: fixed;
  }
  
  /* Center the headers */
  .fish-counts_fishTable__OBRCW th {
    text-align: center;
    padding: 4px 2px;
    font-size: 0.8rem;
  }
  
  /* Adjust cell padding and font size */
  .fish-counts_fishTable__OBRCW td {
    padding: 4px 2px;
    font-size: 0.8rem;
  }
  
  /* Right-align the numeric data */
  .fish-counts_countColumn__2nHhd {
    text-align: right;
  }
  
  /* Prevent horizontal scrolling in portrait mode */
  .fish-counts_tableWrapper__6Ijrx {
    overflow-x: hidden;
  }
}

/* Specific fix for mobile landscape mode */
@media (max-width: 767px) and (orientation: landscape) {
  /* Force proper word wrapping in landscape mode */
  .fish-counts_fishTable__OBRCW th {
    /* Use non-breaking spaces for short words */
    white-space: pre-wrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-overflow: ellipsis !important;
    font-size: 0.75rem !important; /* Smaller font */
    line-height: 1.2 !important; /* Tighter line height */
    max-height: 2.4em !important; /* Limit height to 2 lines */
    overflow: hidden !important;
  }
}

/* Add a class to hide columns in portrait mode */
.fish-counts_hiddenColumn__nziXR {
  display: none;
}

/* Center headers in portrait mode */
@media (max-width: 767px) and (orientation: portrait) {
  .fish-counts_fishTable__OBRCW th {
    text-align: center;
  }
}

/* Pagination styles */
.fish-counts_paginationContainer__xtkTo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5rem;
  padding: 1rem;
  border-top: 1px solid #e0e0e0;
  flex-wrap: wrap;
  gap: 1rem;
}

.fish-counts_paginationInfo__s19az {
  font-size: 0.9rem;
  color: #666;
}

.fish-counts_paginationControls__o79G1 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.fish-counts_paginationButton__vRKTB {
  padding: 0.5rem 0.75rem;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #333;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}

.fish-counts_paginationButton__vRKTB:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  background-color: #f8f8f8;
}

.fish-counts_paginationButtonActive__XUL6V {
  background-color: #2a5885 !important;
  color: white !important;
  border-color: #2a5885 !important;
}

.fish-counts_paginationButton__vRKTB:not(.fish-counts_paginationButtonActive__XUL6V):hover {
  background-color: #f5f5f5;
  border-color: #ccc;
}

.fish-counts_paginationButtonActive__XUL6V:hover {
  background-color: #1e446d !important;
  border-color: #1e446d !important;
}

/* Mobile pagination adjustments */
@media (max-width: 768px) {
  .fish-counts_paginationContainer__xtkTo {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
  
  .fish-counts_paginationInfo__s19az {
    text-align: center;
  }
  
  .fish-counts_paginationControls__o79G1 {
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .fish-counts_paginationButton__vRKTB {
    padding: 0.4rem 0.6rem;
    font-size: 0.8rem;
  }
}

/* Disable hover states on touch devices to prevent sticking */
@media (hover: none) and (pointer: coarse) {
  .fish-counts_paginationButton__vRKTB:hover {
    background-color: #fff;
    border-color: #ddd;
  }
  
  .fish-counts_paginationButtonActive__XUL6V:hover {
    background-color: #2a5885 !important;
    border-color: #2a5885 !important;
  }
}