.kgl-wrap {
  --kgl-bg: #f4f1ea;
  --kgl-card: #fffdf8;
  --kgl-ink: #1c2430;
  --kgl-muted: #5c6673;
  --kgl-line: #d9d2c5;
  --kgl-accent: #c45c26;
  --kgl-ok: #1f7a46;
  --kgl-bad: #b42318;
  --kgl-info: #215a8f;
  font-family: "Segoe UI", "IBM Plex Sans", system-ui, sans-serif;
  color: var(--kgl-ink);
  max-width: 1080px;
}
.kgl-search label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
}
.kgl-search-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.kgl-search-row input {
  flex: 1 1 240px;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--kgl-line);
  border-radius: 6px;
  font-size: 16px;
}
.kgl-search-row button {
  min-height: 44px;
  padding: 8px 18px;
  background: var(--kgl-accent);
  color: #fff;
  border: 0;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
}
.kgl-status {
  margin: 12px 0;
  padding: 10px 12px;
  border-radius: 6px;
  background: #fff3cd;
}
.kgl-status.is-error { background: #fdecea; color: var(--kgl-bad); }
.kgl-card {
  background: var(--kgl-card);
  border: 1px solid var(--kgl-line);
  border-radius: 10px;
  padding: 16px 18px;
  margin: 14px 0;
}
.kgl-card h2 {
  margin: 0 0 12px;
  font-size: 16px;
  letter-spacing: 0.02em;
}
.kgl-dl {
  display: grid;
  grid-template-columns: minmax(140px, 220px) 1fr;
  gap: 6px 16px;
  margin: 0;
}
.kgl-dl dt { color: var(--kgl-muted); font-size: 13px; }
.kgl-dl dd { margin: 0; word-break: break-word; }
.kgl-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 0;
}
.kgl-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  background: #ece7dc;
}
.kgl-pill.ok { background: #e3f4ea; color: var(--kgl-ok); }
.kgl-pill.bad { background: #fdecea; color: var(--kgl-bad); }
.kgl-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.kgl-table th, .kgl-table td {
  text-align: left;
  padding: 8px 8px;
  border-bottom: 1px solid var(--kgl-line);
  vertical-align: top;
}
.kgl-table a { color: var(--kgl-info); }
.kgl-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.kgl-list button {
  width: 100%;
  text-align: left;
  min-height: 48px;
  padding: 10px 12px;
  margin-bottom: 6px;
  border: 1px solid var(--kgl-line);
  background: #fff;
  border-radius: 8px;
  cursor: pointer;
}
.kgl-list small { color: var(--kgl-muted); display: block; }
.kgl-details summary {
  cursor: pointer;
  font-weight: 600;
  padding: 8px 0;
  list-style: none;
}
.kgl-details summary::-webkit-details-marker { display: none; }
.kgl-details summary::before {
  content: "▸ ";
  color: var(--kgl-accent);
}
.kgl-details[open] summary::before { content: "▾ "; }
.kgl-true { color: var(--kgl-ok); font-weight: 600; }
.kgl-false { color: var(--kgl-bad); font-weight: 600; }
@media (max-width: 640px) {
  .kgl-dl { grid-template-columns: 1fr; }
}