/* Schnittstelle (API): Dokumentation, Schlüssel, Webhooks, Zugriffsprotokoll */
.sn-einstieg h2 { margin: 0 0 8px; font-size: 17px; }
.sn-einstieg ol { margin: 0 0 10px; padding-left: 20px; }
.sn-einstieg li { margin-bottom: 4px; }
.sn-code { background: #1F1D1E; color: #F4EDEA; border-radius: 8px; padding: 10px 12px; font: 12.5px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-x: auto; white-space: pre; margin: 6px 0; max-width: 100%; }
.sn-hoch { max-height: 360px; overflow: auto; }
.sn-suche { flex: 1; min-width: 220px; }
.sn-check { display: inline-flex; gap: 8px; align-items: center; cursor: pointer; }
.sn-check.small { font-size: 13px; }
.sn-gruppe h2 { margin: 0 0 4px; font-size: 17px; }
.sn-ops { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.sn-op { width: 100%; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; text-align: left; background: var(--surface); border: 1px solid var(--line); border-radius: 9px; padding: 8px 10px; font: inherit; color: var(--text); cursor: pointer; }
.sn-op:hover, .sn-op.offen { border-color: var(--gold); }
.sn-pfad { font-size: 13px; word-break: break-all; }
.sn-sum { flex: 1; min-width: 160px; color: var(--muted); font-size: 14px; }
.sn-badges { display: inline-flex; gap: 6px; flex-wrap: wrap; }
.sn-m { display: inline-block; min-width: 58px; text-align: center; font: 700 11.5px/1 ui-monospace, Menlo, Consolas, monospace; padding: 5px 6px; border-radius: 6px; color: #fff; }
.sn-get { background: var(--info); }
.sn-post { background: var(--ok); }
.sn-put { background: var(--warn); }
.sn-delete { background: var(--err); }
.sn-detail { border: 1px solid var(--line); border-top: 0; border-radius: 0 0 9px 9px; margin: -6px 0 4px; padding: 12px 14px; background: #FDFBFB; min-width: 0; }
.sn-detail p { margin: 6px 0; }
.sn-params { margin: 8px 0; }
.sn-schema summary { cursor: pointer; font-size: 13px; font-weight: 600; margin: 6px 0; }
.sn-probieren { border-top: 1px dashed var(--line); margin-top: 12px; padding-top: 8px; display: flex; flex-direction: column; gap: 8px; }
.sn-antwort p { margin: 4px 0; }
.sn-kopier { display: flex; gap: 8px; align-items: flex-start; margin: 8px 0; min-width: 0; }
.sn-kopier > code, .sn-kopier > pre { flex: 1; min-width: 0; }
.sn-kopier > code { background: var(--gold-soft); padding: 8px 10px; border-radius: 8px; word-break: break-all; font-size: 13px; user-select: all; }
.sn-kopf { margin-bottom: 14px; gap: 10px; flex-wrap: wrap; }
.sn-tabelle td { font-size: 14px; }
.sn-tabelle tr.sn-aus td { opacity: .6; }
.sn-chips { margin-top: 4px; }
.sn-chips .chip { padding: 2px 9px; font-size: 12.5px; }
.sn-h3 { margin: 18px 0 6px; font-size: 15px; }
.sn-hooks { display: flex; flex-direction: column; gap: 0; margin-top: 12px; }
.sn-hook .chips { margin: 8px 0; }
.sn-url code { word-break: break-all; }
.sn-aktionen { display: flex; gap: 6px; flex-wrap: wrap; }
.sn-ereignisse { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; margin: 10px 0; }
.sn-ev-gruppe { border: 1px solid var(--line); border-radius: 10px; padding: 6px 12px 10px; margin: 0; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sn-ev-gruppe[disabled] { opacity: .55; }
.sn-ev-gruppe legend { padding: 0 4px; }
.sn-zdetail { margin-top: 12px; }
.sn-mehr { text-align: center; margin: 10px 0; }
@media (max-width: 700px) {
  .sn-op { gap: 6px; }
  .sn-sum { flex-basis: 100%; }
  .sn-kopier { flex-direction: column; }
}
.sn-check input { flex-shrink: 0; }
.sn-ev-gruppe .sn-check { align-items: flex-start; }
.sn-ev-gruppe code { word-break: break-all; font-size: 12px; }
.sn-ev-gruppe legend .sn-check { flex-wrap: wrap; column-gap: 6px; row-gap: 0; }
.sn-ev-gruppe legend .muted { flex-basis: 100%; padding-left: 24px; }