@import "../init";

.C_main {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  color: inherit;
  font-family: var(--font-family);
  scroll-behavior: smooth;
  border-spacing: 0;
  border-collapse: separate;
  display: flex;
  flex-flow: column nowrap;
}

.C_top_bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding) 0;
}

.C_month_select {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--padding);
}

.C_picker_input {
  font-family: var(--font-family);
  font-size: var(--font-size-s);
  color: var(--color-4);
  background-color: var(--background-color-2);
  border: var(--border-s);
  padding: var(--padding-s) var(--padding);
  border-radius: var(--border-radius-xs);
  color-scheme: dark;
}

.C_label {
  padding: 0;
  font-family: var(--font-family);
  font-size: var(--font-size-s);
}

.C_list_export_button_holder {
  display: flex;
  justify-content: flex-end;
}

.C_list_export_button {
  cursor: pointer;
  font-family: var(--font-family);
  font-size: var(--font-size-s);
  padding: var(--padding-s) var(--padding-l);
  background-color: var(--background-color-button);
  color: var(--color-4);
  border: var(--border-button);
  border-radius: var(--border-radius-xs);
  box-shadow: var(--box-shadow-button);
  display: inline-block;
  user-select: none;
  transition: background-color 0.2s ease;
}

.C_list_export_button:hover {
  background-color: var(--background-color-3);
}

.C_list {
  flex-grow: 1;
  width: 100%;
}

.C_list table {
  width: 100%;
  border-collapse: collapse;
}

.C_list [class*="grid_col_label"] {
  font-family: var(--font-family) !important;
  font-size: var(--font-size-s) !important;
  font-weight: normal !important;
  color: var(--color-4);
}

.C_list tbody tr,
.C_list [class*="row"] {
  background-color: var(--background-color-2);
  border: var(--border-s);
  transition: background-color 0.15s ease;
}

.C_list tbody tr:hover,
.C_list [class*="row"]:hover {
  background-color: var(--background-color-3);
}

.C_list td,
.C_list th,
.C_list [class*="cell"] {
  padding: var(--padding-s) var(--padding);
  font-family: var(--font-family);
  font-size: var(--font-size-s);
  color: var(--color-4);
}

.C_more {
  cursor: pointer;
  font-family: var(--font-family);
  font-size: var(--font-size-s);
  padding: var(--padding-s) var(--padding-l);
  background-color: var(--background-color-button);
  color: var(--color-4);
  border: var(--border-button);
  border-radius: var(--border-radius-xs);
  box-shadow: var(--box-shadow-button);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: var(--margin);
  user-select: none;
  transition: background-color 0.2s ease;
}

.C_more:hover {
  background-color: var(--background-color-3);
}

.C_no_data {
  padding: var(--padding-l);
  font-family: var(--font-family);
  color: var(--color-warning);
  text-align: center;
}