body {
  background:
    radial-gradient(1100px 500px at -5% -15%, rgba(255, 255, 255, 0.45), transparent 60%),
    radial-gradient(1000px 500px at 105% -10%, rgba(255, 255, 255, 0.5), transparent 58%);
}

a,
input,
textarea,
select,
button {
  transition: box-shadow 0.18s ease, border-radius 0.18s ease, transform 0.14s ease;
}

#header {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}

.breadcrumbs {
  backdrop-filter: blur(8px);
  border-radius: 999px;
  margin: 12px 12px 0;
  padding: 8px 14px;
  box-shadow: var(--ta-shadow-soft);
}

.module,
fieldset.module,
.inline-group,
#changelist-filter,
#changelist .actions,
#changelist .results,
form .aligned fieldset,
form .aligned .form-row,
.selector,
.submit-row {
  backdrop-filter: blur(8px);
  border: 1px solid var(--ta-border);
  border-radius: var(--ta-radius);
  box-shadow: var(--ta-shadow-soft);
}

.module,
fieldset.module,
.inline-group,
#changelist-filter,
#changelist .results,
form .aligned fieldset {
  margin-bottom: 14px;
  overflow: hidden;
}

.module h2,
.module caption,
.inline-group h2,
#changelist-filter h2 {
  padding: 10px 14px;
}

.inline-group h2,
.inline-group .inline-heading {
  text-transform: none;
  letter-spacing: normal;
}

#result_list tbody tr,
.results tbody tr {
  transition: background-color 0.15s ease;
}

ul.messagelist li {
  border-radius: 10px;
  box-shadow: var(--ta-shadow-soft);
}

body.login #container {
  border-radius: 16px;
  box-shadow: var(--ta-shadow);
  backdrop-filter: blur(8px);
}
