/* channels: deflect pack on the door + the owner's "Other apps and email" card. Uses qlaas tokens from styles.css. */
.channels-links { list-style: none; margin: .75rem 0 0; padding: 0; display: grid; gap: .5rem; }
.channels-links li { display: flex; flex-direction: column; align-items: flex-start; gap: .25rem; }
.channels-links li > span { padding-left: 1.25rem; }
.channels-links a.chip, .channels-links button.chip { text-decoration: none; color: inherit; }
.channels-save { margin-top: 1.25rem; gap: 1rem; }
.channels-qr img { display: block; margin-top: .75rem; width: 180px; height: 180px; border-radius: 8px; background: #fff; }
.channels-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .25rem 1rem; align-items: center; }
.channels-row > label:first-child { grid-column: 1 / -1; }
.channels-row label.check { display: flex; align-items: center; gap: .625rem; white-space: nowrap; }
.channels-row input:not([type]) { min-height: 44px; }
.channels-rows { margin-bottom: 1.5rem; }
.channels-h { margin: 2rem 0 .75rem; }
.channels-steps { padding-left: 1.25rem; display: grid; gap: .5rem; }
#channels-email-form { margin: .75rem 0 1rem; }
#channels-email-form input { min-height: 44px; flex: 1 1 12rem; }
@media (max-width: 560px) { .channels-row { grid-template-columns: 1fr; } }