/* meet-rpt-grid.css */
/* Palette:
   Dark: #003930
   Light: rgb(255,250,236)
*/

:root{
  --meet-dark: #003930;
  --meet-light: rgb(255,250,236);
  --meet-border: rgba(0,57,48,0.28);
  --meet-row-alt: rgba(0,57,48,0.04);
  --meet-row-hover: rgba(0,57,48,0.10);
}

.meet-rpt-grid-wrap{
  background: var(--meet-light);
  border: 2px solid var(--meet-dark);
  border-radius: 10px;
  padding: 14px;
  margin: 14px 0;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.meet-rpt-grid-wrap h3{
  margin: 4px 0 12px;
  color: var(--meet-dark);
  font-weight: 800;
  letter-spacing: 0.2px;
}

/* Toolbar (optional if you added date filters/buttons) */
.meet-rpt-grid-toolbar{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 8px 0 12px;
}
.meet-rpt-grid-toolbar label{
  color: var(--meet-dark);
  font-weight: 700;
  margin-right: 6px;
}
.meet-rpt-grid-toolbar input[type="date"]{
  border: 1px solid var(--meet-dark);
  border-radius: 8px;
  padding: 6px 10px;
  background: var(--meet-light);
  outline: none;
}
.meet-rpt-grid-toolbar input[type="date"]:focus{
  box-shadow: 0 0 0 3px rgba(0,57,48,0.18);
}
.meet-rpt-grid-toolbar button{
  background: var(--meet-dark);
  color: var(--meet-light);
  border: 1px solid var(--meet-dark);
  border-radius: 10px;
  padding: 6px 10px;
  font-weight: 800;
  cursor: pointer;
}
.meet-rpt-grid-toolbar button:hover{ filter: brightness(1.08); }

/* Table base */
table.meet-rpt-grid.dataTable{
  background: var(--meet-light);
  border: 1px solid var(--meet-dark) !important;
  border-radius: 8px;
  overflow: hidden;
}

/* Header */
table.meet-rpt-grid thead th{
  background: var(--meet-dark) !important;
  color: var(--meet-light) !important;
  border-bottom: 2px solid var(--meet-dark) !important;
  padding: 10px 8px !important;
  font-weight: 800;
}

/* Body cells */
table.meet-rpt-grid tbody td{
  border-top: 1px solid var(--meet-border) !important;
  padding: 8px !important;
  color: #10201d;
  vertical-align: top;
}

/* Alternating rows + hover */
table.meet-rpt-grid tbody tr:nth-child(even){
  background: var(--meet-row-alt) !important;
}
table.meet-rpt-grid tbody tr:hover{
  background: var(--meet-row-hover) !important;
}

/* DataTables controls (search, length, info) */
.meet-rpt-grid-wrap .dataTables_filter input,
.meet-rpt-grid-wrap .dataTables_length select{
  border: 1px solid var(--meet-dark);
  border-radius: 8px;
  padding: 6px 10px;
  background: var(--meet-light);
  outline: none;
}
.meet-rpt-grid-wrap .dataTables_filter input:focus{
  box-shadow: 0 0 0 3px rgba(0,57,48,0.18);
}

.meet-rpt-grid-wrap .dataTables_info,
.meet-rpt-grid-wrap .dataTables_length label,
.meet-rpt-grid-wrap .dataTables_filter label{
  color: var(--meet-dark);
  font-weight: 700;
}

/* Pagination */
.meet-rpt-grid-wrap .dataTables_paginate .paginate_button{
  border-radius: 8px !important;
  border: 1px solid rgba(0,57,48,0.35) !important;
  color: var(--meet-dark) !important;
  background: transparent !important;
}
.meet-rpt-grid-wrap .dataTables_paginate .paginate_button.current,
.meet-rpt-grid-wrap .dataTables_paginate .paginate_button.current:hover{
  background: var(--meet-dark) !important;
  color: var(--meet-light) !important;
  border: 1px solid var(--meet-dark) !important;
}
.meet-rpt-grid-wrap .dataTables_paginate .paginate_button:hover{
  background: rgba(0,57,48,0.12) !important;
  color: var(--meet-dark) !important;
}

/* DataTables Buttons (CSV / Columns) */
.meet-rpt-grid-wrap .dt-buttons .dt-button{
  background: var(--meet-dark) !important;
  color: var(--meet-light) !important;
  border: 1px solid var(--meet-dark) !important;
  border-radius: 10px !important;
  padding: 6px 10px !important;
  margin-right: 8px !important;
  font-weight: 800 !important;
}
.meet-rpt-grid-wrap .dt-buttons .dt-button:hover{
  filter: brightness(1.08);
}