/* Studio-MCP auf der Verbindungsseite. */
.gateway-endpoint{border:1px solid var(--line,#e5e7eb);border-radius:.9rem;padding:1rem 1.15rem;background:#f8fafc}
.gateway-endpoint .row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;justify-content:space-between}
.gateway-endpoint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:.5rem;padding:.4rem .6rem;word-break:break-all}
.gateway-endpoint .hints{margin-top:.9rem;display:grid;gap:.55rem;font-size:.82rem;color:#475569}
.gateway-endpoint .hints strong{color:#0f172a}
.gateway-guide{border:1px solid var(--line,#e5e7eb);border-radius:.7rem;background:#fff}
.gateway-guide summary{cursor:pointer;padding:.65rem .85rem;font-weight:600;color:#0f172a;min-height:44px;display:flex;align-items:center}
.gateway-guide ol{margin:0;padding:0 .85rem 0 2.1rem;display:grid;gap:.4rem;line-height:1.5;list-style:decimal}
.gateway-guide p{margin:.6rem .85rem .75rem;color:#64748b}
.gateway-guide[open] summary{border-bottom:1px solid var(--line,#e5e7eb);margin-bottom:.6rem}
.gateway-guide ol code{display:inline-block;margin-top:.25rem;padding:.25rem .45rem}
.gateway-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;border-radius:999px;padding:.25rem .7rem}
.gateway-status.on{background:#dcfce7;color:#166534}
.gateway-status.off{background:#fee2e2;color:#991b1b}
.gateway-fresh{border:1px solid #fdba74;background:#fff7ed;border-radius:.9rem;padding:1rem 1.15rem}
.gateway-fresh code{display:block;margin:.6rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;background:#fff;border:1px solid #fed7aa;border-radius:.5rem;padding:.6rem;word-break:break-all}
.gateway-tokens table,.gateway-requests table{width:100%;border-collapse:collapse;font-size:.85rem}
.gateway-tokens th,.gateway-requests th{text-align:left;font-weight:600;color:#64748b;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:.5rem .6rem;border-bottom:1px solid var(--line,#e5e7eb)}
.gateway-tokens td,.gateway-requests td{padding:.6rem;border-bottom:1px solid #f1f5f9;vertical-align:top}
.gateway-tokens small,.gateway-requests small{display:block;color:#64748b;font-size:.75rem}
.gateway-chip{display:inline-block;background:#eef2ff;color:#3730a3;border-radius:.4rem;padding:.1rem .45rem;font-size:.72rem;margin:0 .25rem .25rem 0}
.gateway-chip.muted{background:#f1f5f9;color:#475569}
.gateway-chip.danger{background:#fee2e2;color:#991b1b}
.gateway-chip.ok{background:#dcfce7;color:#166534}
.gateway-empty{color:#64748b;font-size:.85rem;padding:.75rem 0}
.gateway-scope-list{display:grid;gap:.45rem;margin-top:.4rem}
.gateway-scope-list label{display:flex;gap:.55rem;align-items:flex-start;font-size:.85rem;font-weight:400}
.gateway-tokens button,.gateway-endpoint button.link{background:none;border:none;color:#1d4ed8;cursor:pointer;font:inherit;font-size:.8rem;padding:0}
.gateway-tokens button.danger{color:#b91c1c}
/* Auf schmalen Geraeten wird aus jeder Tabellenzeile eine Karte mit
   beschrifteten Feldern. Eine horizontal scrollende Tabelle quetscht sonst die
   Schaltflaeche zum Widerrufen auf wenige Pixel zusammen. */
@media(max-width:720px){
.gateway-tokens table,.gateway-tokens thead,.gateway-tokens tbody,.gateway-tokens tr,.gateway-tokens td,
.gateway-requests table,.gateway-requests thead,.gateway-requests tbody,.gateway-requests tr,.gateway-requests td{display:block;width:100%}
.gateway-tokens thead,.gateway-requests thead{display:none}
.gateway-tokens tr,.gateway-requests tr{margin-bottom:10px;padding:14px;border:1px solid var(--line,#e5e7eb);border-radius:.75rem;background:#fff}
.gateway-tokens tr:last-child,.gateway-requests tr:last-child{margin-bottom:0}
.gateway-tokens td,.gateway-requests td{padding:7px 0;border-bottom:0;overflow-wrap:anywhere}
.gateway-tokens td:first-child,.gateway-requests td:first-child{padding-top:0}
.gateway-tokens td:before,.gateway-requests td:before{content:attr(data-label);display:block;margin-bottom:3px;color:#94a3b8;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.gateway-tokens td[data-label=""]:before,.gateway-requests td[data-label=""]:before{display:none}
.gateway-tokens td:empty{display:none}
.gateway-tokens .gateway-row-actions{padding-top:10px;border-top:1px solid #f1f5f9}
.gateway-tokens .gateway-row-actions button{display:inline-flex;align-items:center;min-height:44px;font-size:.85rem}
.gateway-endpoint{padding:.9rem}
.gateway-endpoint .row{align-items:flex-start;flex-direction:column;gap:.5rem}
.gateway-endpoint button.link{min-height:44px}
.gateway-scope-list label{min-height:40px;align-items:center}
}