.login-card {
  max-width:760px;
  margin:1rem 0 3rem;
  padding:1.5rem;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:13px;
}
.login-card h2 {
  margin-bottom:.8rem;
}
.login-card p {
  color:var(--muted);
}
pre {
  padding:1rem;
  overflow:auto;
  background:var(--soft);
  border-radius:9px;
  font-size:.8rem;
}
.login-row {
  display:flex;
  gap:.6rem;
  margin-top:.4rem;
}
.login-row input {
  flex:1;
  min-width:0;
  padding:.65rem;
  background:var(--soft);
  color:var(--ink);
  border:1px solid var(--border);
  border-radius:8px;
}
.history {
  margin-top:1rem;
}
.history h2,.section-top h2 {
  font-size:1rem;
}
.history input {
  max-width:220px;
  padding:.4rem;
  background:var(--soft);
  color:var(--ink);
  border:1px solid var(--border);
  border-radius:7px;
}
.goal-heading {
  padding:.4rem;
}
.goal-heading b {
  display:block;
  margin-bottom:.4rem;
}
.goal-heading p {
  font-weight:400;
  font-size:.8rem;
}
.goal-heading .action-row button {
  font-size:.75rem;
}
.matrix td p {
  font-size:.83rem;
  margin:.55rem 0;
  overflow-wrap:anywhere;
}
.matrix td,.matrix th {
  min-width:320px;
  width:320px;
}
.matrix table {
  width:100%;
}
.matrix td {
  padding:.9rem;
}
.matrix th:first-child {
  min-width:150px;
  width:150px;
}
.role-model {
  display:block;
  font-weight:400;
  font-size:.72rem;
  color:var(--muted);
  margin-top:.4rem;
}
.decision-list-item {
  padding:.7rem 0;
  border-bottom:1px solid var(--border);
  overflow-wrap:anywhere;
}
.decision-list-item:last-child {
  border-bottom:0;
}
.decision-list-item p {
  font-size:.85rem;
}
.event {
  padding:.7rem 0;
  border-bottom:1px solid var(--border);
  overflow-wrap:anywhere;
}
.event time {
  font-size:.75rem;
  color:var(--muted);
  display:block;
}
.event p {
  font-size:.85rem;
}
.source-list {
  padding-left:1.2rem;
  overflow-wrap:anywhere;
}
#detail p {
  white-space:pre-wrap;
}
.empty-note {
  padding:1rem;
  color:var(--muted);
}
.badge.idle {
  background:var(--soft);
}
.badge.error,.badge.execution_error,.badge.usage_limit {
  background:var(--bad-bg);
  color:var(--bad);
}
@media(max-width:700px) {
  .matrix td,.matrix th {
    min-width:240px;
    width:240px;
  }
  .matrix th:first-child {
    min-width:115px;
    width:115px;
  }
  .login-row {
    flex-direction:column;
  }
  .history input {
    max-width:180px;
  }
}

#scout-form, #scout-description {
  padding-inline: 1rem;
}

#scout-form {
  padding-block: .6rem;
}

#scout-requests {
  max-height: 25rem;
  overflow: auto;
  overflow-wrap: anywhere;
}