.channel-account-footer { padding: 16px 24px 20px; border-top: 1px solid var(--border); }
.channel-account-footer > .status:empty { display: none; }
.channel-account-add-form { margin-top: 20px; max-width: 440px; }
.channel-account-add-form[hidden] { display: none; }
.channel-account-add-form .field { margin: 14px 0; }
.channel-account-form-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; flex-wrap: wrap; }
.channel-account-item .channel-details > .btn { margin-top: 12px; }
.channel-account-item .channel-details > .channel-switch { margin-top: 12px; padding-left: 0; }
.channel-account-reconnect { margin-top: 12px; }
.channel-account-reconnect > .btn { margin-top: 12px; }
.channel-account-picker-row { margin: 10px 0 16px; }
.channel-account-picker { margin: 0; max-width: 440px; }
.channel-account-item .kb-menu-item.is-danger { color: var(--danger); }
.channel-account-item .kb-menu-item { display: flex; align-items: center; gap: 10px; }
.channel-account-item .kb-menu-item svg { flex-shrink: 0; }
@media (max-width: 600px) {
  .channel-account-footer { padding: 16px; }
  .channel-account-item .channel-switch-label { display: none; }
  .channel-account-item .channel-details > .channel-switch .channel-switch-label { display: inline; }
  .channel-account-item .channel-row-right { gap: 4px; }
  .channel-account-item .channel-row-right .channel-switch { padding: 10px 6px; }
  .channel-account-item .channel-details { padding: 4px 16px 16px; }
  .channel-account-add-form .input, .channel-account-picker .select, .channel-account-add-form .select { font-size: 16px; }
}