.host-connection-row-static{grid-template-columns:36px minmax(0,1fr) auto;cursor:default}.host-connection-row-static:hover{background:none}.host-connection-option .host-provider-mark{background:transparent;box-shadow:none;border:1px dashed var(--line-strong);color:var(--ink-3)}.host-connection-option h4{font-weight:500}.host-connection-card[data-status=failing] .host-provider-mark{background:var(--warning-soft);color:var(--warning);box-shadow:inset 0 0 0 1px rgb(138 80 0/16%)}.host-connection-card[data-status=pending] .host-provider-mark{background:var(--accent-soft);color:var(--accent)}.host-connection-form{display:flex;flex-direction:column;gap:14px;max-width:540px}.host-connection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.host-connection-events,.host-connection-managers{display:flex;flex-wrap:wrap;gap:8px 16px;min-width:0;margin:0;padding:0;border:0}.host-connection-managers{flex-direction:column;flex-wrap:nowrap}.host-connection-events legend,.host-connection-managers legend{width:100%;margin-bottom:6px;padding:0;font-size:.75rem;font-weight:500;color:var(--ink-2)}.host-connection-manager{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px}.host-connection-managers .host-text-button{align-self:flex-start}.host-check{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--ink);cursor:pointer}.host-check input{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}.host-check-strong{font-weight:500}.host-field-area{min-height:64px;padding:9px 11px;line-height:1.45;resize:vertical}.host-field-inline{flex:1 1 220px;width:auto;max-width:320px}.host-field[aria-invalid=true]{box-shadow:0 0 0 1px var(--danger),0 0 0 3px rgb(176 40 27/12%)}.host-connection-error{font-size:.8125rem;color:var(--danger)}.host-connection-problem{padding:8px 12px;border-radius:8px;background:var(--warning-soft);color:#6d4100;font-size:.8125rem}.host-connection-feedback{font-size:.8125rem;animation:host-fade .2s ease}.host-connection-feedback-success{color:var(--success)}.host-connection-feedback-warning{color:var(--warning)}.host-connection-details{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 18px;font-size:.8125rem}.host-connection-details div{display:contents}.host-connection-details dt{color:var(--ink-3)}.host-connection-details dd{min-width:0;color:var(--ink);overflow-wrap:anywhere}.host-connections code{padding:2px 6px;border-radius:5px;background:var(--surface-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.host-connection-toggles{display:flex;flex-wrap:wrap;gap:8px 20px}.host-connection-link{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:10px;background:var(--accent-soft)}.host-connection-link .host-hint{color:var(--accent-ink)}.host-connection-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;border-radius:10px;background:var(--danger-soft);color:#7a1d14;font-size:.8125rem}.host-connection-confirm span{flex:1 1 220px}.host-connection-disconnect{align-self:flex-start;color:var(--ink-3);transition:color .15s ease}.host-connection-disconnect:hover:not(:disabled){color:var(--danger)}.host-reveal{display:flex;flex-direction:column;gap:10px;margin:0 20px 14px 66px;padding:14px 16px;border-radius:10px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);animation:host-rise .22s var(--ease)}.host-reveal h5{font-size:.8125rem;font-weight:600}.host-reveal-row{display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:.75rem}.host-reveal-row>span{color:var(--ink-2)}.host-reveal-row code{padding:6px 8px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow-wrap:anywhere}.host-reveal .host-button{align-self:flex-start}.host-reveal-example summary{width:fit-content;color:var(--accent);font-size:.75rem;font-weight:500;cursor:pointer}.host-reveal-example pre{margin:8px 0 0;padding:10px 12px;border-radius:8px;background:var(--ink);color:#f1f0ec;font-size:.6875rem;line-height:1.55;overflow-x:auto}.host-connection-empty{padding:16px 20px;font-size:.8125rem;color:var(--ink-2)}.host-sent-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:4px 14px;padding:12px 16px}.host-sent-item+.host-sent-item{box-shadow:inset 0 1px 0 var(--line)}.host-sent-item time{padding-top:1px;color:var(--ink-3);font-size:.75rem;font-variant-numeric:tabular-nums}.host-sent-text{display:flex;flex-direction:column;gap:1px;min-width:0}.host-sent-text strong{font-size:.8125rem;font-weight:600}.host-sent-text span{color:var(--ink-2);font-size:.75rem}.host-sent-targets{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.host-sent-targets li{display:flex;align-items:center;gap:8px;font-size:.75rem}.host-sent-target{color:var(--ink-2)}.host-sent-targets li{flex-wrap:wrap;justify-content:flex-end}.host-sent-problem{flex-basis:100%;text-align:right;color:var(--ink-3);font-size:.6875rem}@media (max-width:743px),(max-width:820px) and (max-height:599px),(max-width:820px) and (pointer:fine),(max-width:820px) and (pointer:none){.host-connection-row-static{grid-template-columns:32px minmax(0,1fr)}.host-connection-row-static .host-button{grid-column:2;justify-self:start}.host-connection-manager{grid-template-columns:minmax(0,1fr)}.host-reveal{margin:0 12px 12px}.host-reveal-row{grid-template-columns:minmax(0,1fr) auto}.host-reveal-row>span{grid-column:1/-1}.host-sent-item{grid-template-columns:40px minmax(0,1fr)}.host-sent-targets{grid-column:2;align-items:flex-start}.host-sent-targets li{justify-content:flex-start}.host-sent-problem{text-align:left}.host-connection-details{grid-template-columns:minmax(0,1fr);gap:0}.host-connection-details dd{margin-bottom:8px}}