.connection26-state{display:inline-block;padding:.35rem .6rem;border:1px solid currentColor;border-radius:.4rem;font-size:.85rem;line-height:1.35;font-weight:700;white-space:normal;max-width:100%;overflow-wrap:anywhere}
.connection26-state[data-state=READY]{border-width:2px}
.connection26-state[data-state=ATTENTION],.connection26-state[data-state=EXPIRED]{border-style:dashed}
.connection26 details{border-top:1px solid var(--nx-line,var(--line,#bcc9cc));padding-top:.75rem}
.connection26 summary{cursor:pointer;font-weight:600;min-height:44px;display:list-item}
.connection26 details p{margin-top:.5rem}.connection26 .actions button{min-height:44px;white-space:normal}
.connection26 button:focus-visible,.connection26 summary:focus-visible{outline:3px solid var(--accent,#b64f16);outline-offset:3px}
.connection26-details{border-top:1px solid var(--nx-line,var(--line,#bcc9cc));padding-top:.75rem;margin-block:.75rem}.connection26-details dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:.5rem 1rem;margin:0}.connection26-details dt{font-weight:600}.connection26-details dd{margin:0;overflow-wrap:anywhere}@media(max-width:430px){.connection26-details dl{grid-template-columns:minmax(0,1fr);gap:.25rem}.connection26-details dd{margin-bottom:.75rem}}
@media(max-width:600px){.connection26 .actions{display:grid;grid-template-columns:minmax(0,1fr)}.connection26 .actions button{width:100%}}