html {
  height: 100%;
}

body {
  background-color: #f9f6ee;
  margin: 0;
  padding: 0.5rem;
  padding-left: max(0.5rem, env(safe-area-inset-left, 0px));
  padding-right: max(0.5rem, env(safe-area-inset-right, 0px));
  padding-bottom: max(0.5rem, env(safe-area-inset-bottom, 0px));
  min-height: 100%;
  min-height: 100dvh;
  overflow-x: clip;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

section {
  display: flex;
  flex-direction: column;
  min-height: calc(100dvh - 1rem);
  max-width: 100%;
  box-sizing: border-box;
}

.authWrap {
  min-height: calc(100dvh - 1rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

.authBox {
  width: 100%;
  max-width: 380px;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  padding: 1.25rem;
}

.tab-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.table-responsive {
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}

.tab-content .table-responsive .table {
  min-width: 34rem;
}

.status-sent {
  color: #0d6efd;
}

.status-interview {
  color: #fd7e14;
}

.status-rejected {
  color: #dc3545;
}

.status-offer {
  color: #198754;
}

.notes-cell {
  max-width: 14rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

tr {
  cursor: default;
}