.looktype-login-form {
  display: grid;
  gap: 1rem;
  max-width: 32rem;
  margin-top: 1.25rem;
}

.looktype-login-form label {
  display: grid;
  gap: .45rem;
  font-weight: 700;
}

.looktype-login-form input {
  min-height: 3rem;
  width: 100%;
  border: 1px solid var(--phase2-border, #c8c3b7);
  border-radius: .8rem;
  background: var(--phase2-card, #fff);
  color: inherit;
  padding: .7rem .85rem;
  font: inherit;
}

.looktype-login-form input:focus-visible {
  outline: 3px solid rgba(77, 99, 86, .28);
  outline-offset: 2px;
}

.looktype-account-status {
  min-height: 1.5rem;
  color: var(--phase2-muted, #5f665f);
}

.looktype-history-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  gap: 1rem;
  margin: 1.25rem 0;
}

.looktype-history-card {
  margin: 0;
}

.looktype-report-view:empty {
  display: none;
}

.looktype-report-view progress {
  width: 100%;
  accent-color: #567565;
}

@media (max-width: 560px) {
  .looktype-history-list { grid-template-columns: 1fr; }
  .looktype-login-form .phase2-action { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .looktype-history-card { scroll-behavior: auto; }
}