.tunnel-request-composer {display:grid;gap:16px;min-width:0;overflow-wrap:anywhere}
.tunnel-request-composer label {display:grid;gap:8px;min-width:0}
.tunnel-request-composer input,.tunnel-request-composer select,.tunnel-request-composer textarea {width:100%;min-width:0;min-height:44px;box-sizing:border-box}
.tunnel-request-destination {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tunnel-request-line,.tunnel-request-email {display:grid;gap:12px;min-width:0;margin:0;padding:16px;border:1px solid var(--line,#30424d);border-radius:16px}
.tunnel-request-line legend {padding:0 8px;font-weight:700}
.tunnel-request-composer .check {display:flex;align-items:center;gap:12px;min-height:44px}
.tunnel-request-composer .check input {width:24px;min-height:24px;flex:none}
.tunnel-request-composer ol {display:grid;gap:12px;padding-left:24px}
@media(max-width:600px){.tunnel-request-destination {grid-template-columns:1fr}.tunnel-request-composer button {min-height:48px}}

.tunnel-request-composer input:not([type=checkbox]),.tunnel-request-composer select,.tunnel-request-composer textarea {background:var(--panel,#111e2a);color:var(--text,#e6edf2);border:1px solid var(--line,#30424d);border-radius:10px;padding:12px;font:inherit}
.tunnel-request-composer input:focus-visible,.tunnel-request-composer select:focus-visible,.tunnel-request-composer textarea:focus-visible {outline:2px solid #bce1fa;outline-offset:2px}
.tunnel-request-composer [disabled] {opacity:.65}

.tunnel-request-composer [data-request-progress]:empty,.tunnel-request-composer [data-request-error]:empty {display:none}
.tunnel-request-composer [data-request-progress] {color:var(--muted,#a6b4c5);margin:0}