openclaw/dist/control-ui/assets/connection-page-Cwi7GDhW.css

Multi-channel AI gateway with extensible messaging integrations

.config-host{gap:var(--space-4) var(--space-5);padding:var(--space-3) var(--space-4);grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:start;display:grid}.config-host__identity,.config-host__stat{align-content:start;gap:var(--space-1);min-width:0;display:grid}.config-host__name{font-size:var(--control-ui-text-md);color:var(--text-strong);overflow-wrap:anywhere;font-weight:600;line-height:1.3}.config-host__meta{font-size:var(--control-ui-text-sm);color:var(--muted);line-height:1.4}.config-host__placeholder{vertical-align:-.1em;width:65%;height:1em;display:inline-block}.config-host__address{font-family:var(--mono);font-size:var(--control-ui-text-xs);color:var(--text);overflow-wrap:anywhere}.config-host__stats{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));display:grid}.config-host__stat-label{font-size:var(--control-ui-text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.config-host__stat-value{align-items:baseline;gap:var(--space-1);font-size:var(--control-ui-text-lg);color:var(--text-strong);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.2;display:flex}.config-host__stat-path{font-family:var(--mono);letter-spacing:normal;text-transform:none;overflow-wrap:anywhere}.config-host__stat-unit{font-size:var(--control-ui-text-xs);color:var(--muted);font-weight:500}.config-host__stat-detail{font-size:var(--control-ui-text-xs);color:var(--muted);overflow-wrap:anywhere;line-height:1.35}.config-host__meter{border-radius:var(--radius-full);background:color-mix(in srgb, var(--border) 55%, transparent);height:4px;overflow:hidden}.config-host__meter-fill{width:var(--config-host-meter-fill,0%);border-radius:inherit;background:var(--ok);height:100%}.config-host__meter-fill--warn{background:var(--warn)}.config-host__meter-fill--critical{background:var(--danger)}@media (width<=640px){.config-host{grid-template-columns:1fr}}.connection-actions__buttons{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.settings-row.connection-ping,.settings-row.connection-activity{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}.connection-ping__trend.gateway-vital,.connection-activity .gateway-vital{box-shadow:none;background:0 0;border:0}.connection-ping__trend.gateway-vital{min-height:92px}.connection-ping__stats{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.connection-ping__stats dt{color:var(--muted);font-size:var(--control-ui-text-xs)}.connection-ping__stats dd{margin:var(--space-1) 0 0;color:var(--text-strong);font-size:var(--control-ui-text-lg);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:600}.connection-ping__stats dd span{color:var(--muted);font-size:var(--control-ui-text-xs);font-weight:400}.connection-ping__error{color:var(--warn);display:block}@media (width<=400px){.connection-ping__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.connection-details{border-top:1px solid var(--border);padding:var(--space-3) var(--space-4);color:var(--muted);font-size:var(--control-ui-text-sm)}.connection-details summary{width:fit-content}.connection-details__body{justify-items:start;gap:var(--space-2);padding-top:var(--space-3);display:grid}.connection-details__body p{margin:0}