.tf728-time-search-panel {
  margin: 14px 0;
  padding: 16px;
  border: 1px solid #c9ded6;
  border-radius: 16px;
  background: #f7fbf9;
  box-shadow: 0 5px 18px rgb(18 107 79 / 7%);
}

.tf728-time-search-main > label {
  display: block;
  margin-bottom: 7px;
  color: #16382e;
  font-weight: 800;
}

.tf728-time-search-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto auto;
  gap: 8px;
}

.tf728-time-search-row input {
  min-width: 0;
  width: 100%;
}

.tf728-time-search-main small {
  display: block;
  margin-top: 7px;
  color: #5f716b;
}

.tf728-time-filter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.tf728-time-filter-grid label {
  display: grid;
  gap: 5px;
  color: #40534d;
  font-size: .86rem;
  font-weight: 750;
}

.tf728-time-result-count {
  margin-top: 12px;
  color: #126b4f;
  font-weight: 800;
}

.tf71436-card-billing {
  border-left: 5px solid #126b4f;
}

.tf71436-card-billing .tf71436-billing-badge {
  font-weight: 850;
}

.tf728-password-help {
  display: block;
  margin-top: 6px;
}

@media (max-width: 720px) {
  .tf728-time-search-panel {
    padding: 12px;
    border-radius: 13px;
  }

  .tf728-time-search-row {
    grid-template-columns: 1fr 1fr;
  }

  .tf728-time-search-row input {
    grid-column: 1 / -1;
  }

  .tf728-time-filter-grid {
    grid-template-columns: 1fr 1fr;
  }

  [data-tf713-approval-table="time"] thead {
    display: none;
  }

  [data-tf713-approval-table="time"],
  [data-tf713-approval-table="time"] tbody,
  [data-tf713-approval-table="time"] tr,
  [data-tf713-approval-table="time"] td {
    display: block;
    width: 100%;
  }

  [data-tf713-approval-table="time"] tr:not(.tf713-group) {
    margin: 9px 0;
    padding: 10px 12px;
    border: 1px solid #d5e2dd;
    border-radius: 12px;
    background: #fff;
  }

  [data-tf713-approval-table="time"] tr:not(.tf713-group) td {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 8px;
    padding: 5px 0;
    border: 0;
    overflow-wrap: anywhere;
  }

  [data-tf713-approval-table="time"] tr:not(.tf713-group) td::before {
    content: attr(data-label);
    color: #63756f;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
  }

  [data-tf713-approval-table="time"] .tf713-group th {
    display: block;
    width: 100%;
    padding: 10px;
  }

  .tf-mh-settings-members table {
    min-width: 980px;
  }
}

@media (max-width: 430px) {
  .tf728-time-filter-grid {
    grid-template-columns: 1fr;
  }
}