/* CEagle Account. The shared look lives in shared/webui/static/base.css;
   only what is particular to these pages belongs here. */

/* One registered application on the applications page. */
.app {
  padding: 1.1rem 0;
  border-top: 1px solid var(--rule);
}

.app:first-child {
  border-top: 0;
  padding-top: 0;
}

.app:last-child {
  padding-bottom: 0;
}

.app h2 {
  margin: 0 0 0.3rem;
  font-size: 0.98rem;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
  color: var(--ink);
}

.app > p {
  margin: 0 0 0.6rem;
}

/* What an application may ask an account for, on the consent screen. */
.perm-title {
  margin: 0 0 0.4rem;
  color: var(--muted);
  font-size: 0.86rem;
}

ul.permissions {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
}

ul.permissions li {
  margin-bottom: 0.5rem;
  max-width: 60ch;
}

ul.permissions li strong {
  font-weight: 600;
}

ul.permissions span {
  display: block;
  color: var(--muted);
  font-size: 0.88rem;
}

ul.permissions.granted li {
  position: relative;
  padding-left: 1.3rem;
}

ul.permissions.granted li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  color: var(--ok);
  font-weight: 700;
}

/* "verified" reads as good news; "unverified" is a nudge, not an error. */
.tag.off {
  color: var(--muted);
}

/* The Turnstile widget draws itself into an iframe once its script lands.
   Holding its height keeps the button from jumping under the pointer. */
.field.turnstile {
  min-height: 65px;
}