.s-site-logo-img {
  content: url(../logo-login.png);
  object-fit: contain;
}

/* Login/SignUp title logo: theme.css's .s-form-title-logo is a fixed 50x50 circular
   badge (border-radius: 50%) meant for square icons - our logo is a portrait
   rectangle (icon + "HƯƠNG ĐẤT" text), so drop the circular clipping and size it by
   height only, keeping its natural aspect ratio. */
.s-form-title-logo {
  width: auto;
  height: 64px;
  border-radius: 0;
  background-color: transparent;
  padding: 0;
}

.s-TranslationGrid input.custom-text {
  width: 100%;
  height: 23px;
  padding: 0 3px;
}

.s-PermissionCheckEditor {
  min-height: 450px;
}

/* MyTasksGrid row status highlight - the grid is a plain <table> (not a SlickGrid widget), so it
   gets no automatic .s-MyTasksGrid class; scope by the container id from MyTasksIndex.cshtml. */
#GridMyTasks tr.completedrow > td {
  background-color: var(--bs-success-bg-subtle, #d1e7dd);
}

#GridMyTasks tr.notcompletedrow > td {
  background-color: var(--bs-danger-bg-subtle, #f8d7da);
}

#GridMyTasks tr.verifiedrow > td {
  background-color: var(--bs-info-bg-subtle, #cff4fc);
}